:root{--color-ink: #171715;--color-ink-soft: #2b2a27;--color-paper: #f6f2ea;--color-card: #fffdfa;--color-muted: #706b63;--color-line: #e5ddd1;--color-brass: #bd8a46;--color-brass-dark: #7d5a2c;--color-brass-light: #e1bc85;--color-brass-soft: #f7ecdc;--color-success: #216b57;--color-success-soft: #e7f3ee;--color-warning: #995616;--color-warning-soft: #faeddd;--color-danger: #9d3834;--color-danger-soft: #f9e8e6;--color-info: #355f88;--color-info-soft: #eaf1f7;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: Georgia, "Times New Roman", serif;--radius-xs: .55rem;--radius-sm: .75rem;--radius-md: 1.05rem;--shadow-sm: 0 6px 20px rgb(23 23 21 / 5%);--shadow-lg: 0 20px 50px rgb(23 23 21 / 18%);--touch-target: 2.75rem;color:var(--color-ink);background:var(--color-paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}html{min-width:20rem;min-height:100%;scroll-behavior:smooth}body,app-root{display:block;min-height:100%;margin:0}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(189,138,70,.42);outline-offset:3px}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:.15rem 0 .3rem;font:800 clamp(1.7rem,3.2vw,2.2rem)/1.08 var(--font-display);letter-spacing:-.025em}h2{margin:0;font:750 1.15rem/1.25 var(--font-display)}h3{margin:0;font-size:.95rem}.eyebrow{margin:0 0 .25rem;color:var(--color-brass-dark);font-size:.66rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.auth-split{height:100dvh;display:grid;grid-template-columns:minmax(22rem,1.1fr) minmax(20rem,.9fr);padding:0;overflow:hidden}.auth-side{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,6vw,5rem);color:#fff;background:var(--color-ink)}.auth-side:after{content:"";position:absolute;right:-10rem;bottom:-14rem;width:34rem;height:34rem;border:1px solid #46433e;border-radius:50%}.auth-side-brand{display:flex;align-items:center;gap:.8rem}.auth-side-logo{width:7rem;height:7rem;display:block;flex:none;overflow:hidden;border:2px solid var(--color-brass);border-radius:50%;background:#e8e6e1}.auth-side-logo img{width:100%;height:100%;display:block;scale:1.35;object-fit:cover}.auth-side-message{position:relative;z-index:1}.auth-side-message h2{max-width:38rem;margin:.5rem 0 1rem;font:800 clamp(2.8rem,7vw,5.5rem)/.93 var(--font-display);letter-spacing:-.045em}.auth-side-message>p:not(.eyebrow){color:#cbc5bc}.auth-panel{min-width:0;min-height:0;display:grid;place-items:center;padding:2rem;background:var(--color-paper)}.auth-panel>.signup-card,.auth-panel>.otp-card{width:min(29rem,100%);padding:0;border:0;background:transparent;box-shadow:none}@media(max-width:45rem){.auth-split{grid-template-columns:1fr;grid-template-rows:4.75rem minmax(0,1fr)}.auth-side{min-height:0;justify-content:center;padding:.6rem 1rem}.auth-side-logo{width:3.4rem;height:3.4rem}.auth-side-message,.auth-side:after{display:none}.auth-panel{place-items:center;padding:.65rem 1rem 1rem}}@media(max-width:45rem)and (max-height:31rem)and (orientation:landscape){.auth-split{grid-template-columns:8rem minmax(0,1fr);grid-template-rows:1fr}.auth-side-brand{flex-direction:column;text-align:center}.auth-panel{padding-block:.35rem}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.page-heading p:not(.eyebrow){max-width:48rem;margin:0;color:var(--color-muted);line-height:1.55}.card{min-width:0;padding:clamp(1rem,2vw,1.25rem);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.65rem}[appButton]{min-height:var(--touch-target);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem .9rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-card);font-weight:750;text-decoration:none;cursor:pointer}[appButton]:hover:not(:disabled){border-color:#c9bda9;background:#faf7f1}[appButton]:disabled{opacity:.5;cursor:not-allowed}.button-primary{border-color:var(--color-ink);color:#fff;background:var(--color-ink)}.button-primary:hover:not(:disabled){border-color:var(--color-ink-soft);color:#fff;background:var(--color-ink-soft)}.button-danger{border-color:#dfb3af;color:var(--color-danger)}.button-wide{width:100%;margin-top:.65rem}.icon-button{width:var(--touch-target);padding:0;font-size:1.4rem}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.field{display:grid;gap:.4rem;margin:1rem 0}.field label,[appFilterBar] label{color:var(--color-ink);font-size:.78rem;font-weight:800}.field small{color:var(--color-muted);font-size:.72rem}.field input,.field select,.field textarea,[appFilterBar] input,[appFilterBar] select{width:100%;min-height:var(--touch-target);padding:.65rem .75rem;border:1px solid #d6cdc0;border-radius:var(--radius-sm);color:var(--color-ink);background:#fff}.field input:user-invalid,.field select:user-invalid,.field textarea:user-invalid{border-color:var(--color-danger)}.field-error{margin:0;color:var(--color-danger);font-size:.76rem;font-weight:700}[appFilterBar]{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.7rem;margin-bottom:.75rem;padding:.65rem .8rem;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm)}[appFilterBar] label{min-width:min(11rem,100%);display:grid;gap:.35rem}.status-badge{width:max-content;display:inline-flex;align-items:center;gap:.35rem;padding:.36rem .55rem;border-radius:999px;color:var(--color-ink-soft);background:#efebe4;font-size:.7rem;font-weight:800;white-space:nowrap}.status-badge.success{color:var(--color-success);background:var(--color-success-soft)}.status-badge.warning{color:var(--color-warning);background:var(--color-warning-soft)}.status-badge.danger{color:var(--color-danger);background:var(--color-danger-soft)}.status-badge.info{color:var(--color-info);background:var(--color-info-soft)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.metric{display:grid;gap:.55rem}.metric>span{color:var(--color-muted);font-size:.76rem}.metric>strong{font:800 clamp(1.45rem,3vw,2rem) var(--font-display)}.metric>small{color:var(--color-success);font-size:.72rem}.content-grid,.foundation-grid,.placeholder-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);gap:.9rem;margin-top:.9rem}.chart{height:15rem;display:flex;align-items:flex-end;gap:clamp(.25rem,1vw,.75rem);padding:1.25rem .5rem 0;border-radius:var(--radius-sm);background:linear-gradient(180deg,#fbf9f5,#f1eadd)}.chart>span{flex:1;min-width:.45rem;max-width:3rem;border-radius:.45rem .45rem .12rem .12rem;background:linear-gradient(180deg,var(--color-brass-light),var(--color-brass-dark))}.chart-axis{display:flex;justify-content:space-between;margin-top:.5rem;color:var(--color-muted);font-size:.68rem}.queue-row{min-height:4.2rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;margin:0 -.35rem;padding:.55rem .35rem;border-bottom:1px solid var(--color-line);color:inherit;text-decoration:none}.queue-row:last-child{border-bottom:0}.queue-row small{display:block;margin-top:.2rem;color:var(--color-muted);font-size:.72rem}.queue-icon{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;color:var(--color-brass-dark);background:var(--color-brass-soft)}.table-card{margin-top:.9rem}.table-scroll{overflow-x:auto}.visible-rows.is-scrolling{overscroll-behavior:contain;scrollbar-gutter:stable}.visible-rows.is-scrolling>table thead th{position:sticky;top:0;z-index:1;background:var(--color-card);box-shadow:inset 0 -1px 0 var(--color-line)}.visible-rows.is-scrolling>table tfoot td{position:sticky;bottom:0;z-index:1;background:var(--color-card);box-shadow:inset 0 1px 0 var(--color-line)}table{width:100%;border-collapse:collapse}th,td{padding:.8rem .65rem;border-bottom:1px solid var(--color-line);text-align:left;font-size:.8rem}th{color:var(--color-muted);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;margin-top:1rem;color:var(--color-muted);font-size:.78rem}.pagination [appButton]{width:var(--touch-target);padding:0}.state-panel{min-height:14rem;display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;border:1px dashed #d3c7b7;border-radius:var(--radius-md);text-align:left;background:#fffdfa9e}.state-panel.compact{min-height:0;justify-content:flex-start;margin-top:1rem;padding:.85rem}.state-panel h2{margin-bottom:.3rem}.state-panel p{max-width:28rem;margin:0 0 .75rem;color:var(--color-muted);line-height:1.5}.state-icon{width:3rem;height:3rem;display:grid;place-items:center;flex:none;border-radius:50%;color:var(--color-brass-dark);background:var(--color-brass-soft);font-size:1.4rem;font-weight:850}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{rotate:360deg}}.skeleton-lines{display:grid;gap:.7rem;margin-top:1.5rem}.skeleton-lines span{height:.8rem;border-radius:999px;background:#eee7dc}.skeleton-lines span:nth-child(2){width:78%}.skeleton-lines span:nth-child(3){width:55%}.preview>p,.state-switcher>p{color:var(--color-muted);line-height:1.6}.state-switcher{margin-top:.9rem}.toast-region{position:fixed;right:1rem;bottom:1rem;z-index:100;width:min(25rem,100vw - 2rem)}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:.7rem;padding:.9rem;border:1px solid #c8ddd4;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-lg)}.toast>span{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--color-success)}.toast.danger>span{background:var(--color-danger)}.toast p{margin:.2rem 0;color:var(--color-muted);font-size:.8rem}.toast small{color:var(--color-muted)}.toast button{width:var(--touch-target);height:var(--touch-target);margin:-.55rem;border:0;background:transparent;font-size:1.3rem}.dialog{width:min(32rem,100vw - 2rem);padding:1.25rem;border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-card);box-shadow:var(--shadow-lg)}.dialog::backdrop{background:#1717159e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-heading,.dialog-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.dialog-actions{justify-content:flex-end;margin-top:1.25rem}.dialog-heading-actions{display:flex;flex:none;align-items:center;gap:.5rem}@media(max-width:65.625rem){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.foundation-grid{grid-template-columns:1fr}}@media(min-width:45.0625rem){[appButton]{transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.button-primary:hover:not(:disabled){box-shadow:0 4px 14px #1717152e}tbody tr{transition:background-color .12s ease}tbody tr:hover{background:#faf6ee}.queue-row{border-radius:var(--radius-xs);transition:background-color .12s ease}a.queue-row:hover{background:#faf6ee}}@media(max-width:45rem){h1{margin:0 0 .15rem;font-size:1.4rem}h2{font-size:1.02rem}.eyebrow{margin-bottom:.1rem;font-size:.6rem}.page-heading{align-items:stretch;flex-direction:column;gap:.55rem;margin-bottom:.65rem}.page-heading p:not(.eyebrow){font-size:.8rem;line-height:1.4}.page-heading>:not(:first-child){display:flex;flex-wrap:wrap;gap:.5rem}.page-heading>[appButton]{width:100%}.page-heading>:not(:first-child)>[appButton]:not([aria-label]){flex:1 1 auto}[appButton]{padding:.5rem .8rem;font-size:.86rem}.button-wide{margin-top:.5rem}.card{padding:.8rem}.section-heading{margin-bottom:.5rem}.field{gap:.3rem;margin:.65rem 0}.field input,.field select,.field textarea,[appFilterBar] input,[appFilterBar] select{padding:.5rem .65rem;font-size:1rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.metric-grid>.card{padding:.7rem .75rem}.metric{gap:.2rem}.metric>span{font-size:.7rem}.metric>strong{font-size:1.3rem}.metric>small{font-size:.66rem;line-height:1.3}.content-grid,.foundation-grid,.placeholder-grid{gap:.65rem;margin-top:.65rem}.placeholder-grid{grid-template-columns:1fr}[appFilterBar]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.5rem;margin-bottom:.6rem;padding:.6rem}[appFilterBar]>*{min-width:0}[appFilterBar] label{min-width:0;gap:.2rem;font-size:.7rem}[appFilterBar]>:last-child:nth-child(odd){grid-column:1/-1}.table-card{margin-top:.65rem}.table-scroll{overflow:visible}table,tbody{display:block;width:100%}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}tbody{display:grid;gap:.5rem}tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .75rem;padding:.6rem .7rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff}td{display:block;min-width:0;padding:0;border:0;font-size:.82rem;overflow-wrap:anywhere}td:before{content:attr(data-label);display:block;margin-bottom:.1rem;color:var(--color-muted);font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}td:not([data-label]):before,td[data-label=""]:before{display:none}td[data-label="#"]{display:none}td[data-label=Actions],td[data-label=Action],td[colspan],td:last-child:nth-child(odd){grid-column:1/-1}td[data-label=Actions]:before,td[data-label=Action]:before{display:none}.pagination{gap:.6rem;margin-top:.7rem;font-size:.74rem}.chart{height:10rem}.state-panel{min-height:8.5rem;align-items:center;flex-direction:column;gap:.6rem;padding:1rem;text-align:center}.state-panel p{margin-bottom:.5rem;font-size:.84rem}.state-icon{width:2.4rem;height:2.4rem;font-size:1.15rem}.toast-region{right:.6rem;bottom:calc(4.4rem + env(safe-area-inset-bottom));width:calc(100vw - 1.2rem)}.toast{padding:.7rem}.dialog{width:100vw;max-width:100vw;max-height:92dvh;margin:auto 0 0;padding:1rem .9rem 0;border-width:1px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow-y:auto;overscroll-behavior:contain}.dialog-actions{position:sticky;bottom:0;margin:.9rem -.9rem 0;padding:.65rem .9rem max(.65rem,env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:var(--color-card)}.dialog-actions [appButton]{flex:1 1 0}}@media(max-width:22rem){.metric-grid{gap:.45rem}.card{padding:.7rem}.queue-row{grid-template-columns:auto 1fr}.queue-row app-status-badge{grid-column:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}