:root{--color-ink:#0a0b0d;--color-paper:#fff;--color-line:#1d1f24;--color-hair:#d7d8dc;--color-muted:#62656d;--color-faint:#9c9fa7;--color-soft:#f4f4f5;--color-teal:#0a4d5b;--color-warning:#8a5a00;--color-danger:#a51f1f;--font-display:"Arial Black", "Archivo Black", Arial, sans-serif;--font-body:Archivo, Inter, Arial, Helvetica, sans-serif;--font-mono:"Space Mono", "Courier New", Courier, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--touch-target:44px;--control-height:44px;--content-gutter:clamp(16px, 3vw, 32px);--panel-padding:clamp(16px, 2.5vw, 24px);--mobile-panel-padding:14px;--radius-none:0;--border-thin:1px solid var(--color-hair);--border-dark:1px solid var(--color-line);--shadow-sharp:6px 6px 0 var(--color-ink);--motion-fast:.12s ease;color:var(--color-ink);background:var(--color-paper);font-family:var(--font-body);font-synthesis:none;text-rendering:geometricprecision}*{box-sizing:border-box}html{background:var(--color-paper);min-width:320px}body{background:var(--color-paper);min-width:320px;min-height:100vh;color:var(--color-ink);margin:0}button,input,select,textarea{font:inherit}button{min-height:var(--touch-target)}a{color:inherit}:focus-visible{outline:3px solid var(--color-teal);outline-offset:2px}::selection{background:var(--color-ink);color:var(--color-paper)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-root{min-height:100vh}.login-screen{background:var(--color-paper);grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);min-width:0;min-height:100vh;display:grid}.login-panel{background:var(--color-ink);color:var(--color-paper);justify-content:space-between;gap:var(--space-10);border-right:4px solid var(--color-ink);flex-direction:column;padding:clamp(28px,6vw,72px);display:flex}.brand-mark{width:48px;height:48px;font-family:var(--font-display);border:1px solid;place-items:center;font-size:26px;line-height:1;display:inline-grid}.eyebrow,.meta,.table th,.label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.eyebrow{color:var(--color-faint);font-size:12px}.login-title,.shell-title,.section-title{font-family:var(--font-display);letter-spacing:0;margin:0}.login-title{max-width:760px;font-size:clamp(38px,7vw,76px);line-height:.96}.login-copy{color:#d7d8dc;max-width:560px;font-size:18px;line-height:1.6}.login-card{align-content:center;gap:var(--space-6);min-width:0;padding:clamp(28px,6vw,64px);display:grid}.auth-box,.panel,.detail-panel,.metric-strip,.empty-state,.error-state,.notification-preview{border:var(--border-thin);background:var(--color-paper)}.auth-box{padding:var(--space-8);box-shadow:var(--shadow-sharp);min-width:0}.auth-box h1{margin:0 0 var(--space-3);font-size:28px}.muted{color:var(--color-muted)}.button{border:var(--border-dark);border-radius:var(--radius-none);background:var(--color-paper);color:var(--color-ink);justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);min-height:var(--touch-target);cursor:pointer;transition:transform var(--motion-fast), background-color var(--motion-fast), color var(--motion-fast);font-weight:700;text-decoration:none;display:inline-flex}.button:hover{box-shadow:3px 3px 0 var(--color-ink);transform:translate(-1px,-1px)}.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.button-primary{background:var(--color-ink);color:var(--color-paper)}.button-ghost{background:0 0;border-color:#0000}.admin-shell{grid-template-columns:276px minmax(0,1fr);min-width:0;min-height:100vh;display:grid}.sidebar{background:var(--color-ink);height:100vh;color:var(--color-paper);padding:var(--space-5);gap:var(--space-6);border-right:4px solid var(--color-ink);flex-direction:column;min-width:0;display:flex;position:sticky;top:0}.sidebar-top{align-items:center;gap:var(--space-3);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-line);display:flex}.nav-list{gap:var(--space-2);min-width:0;display:grid}.nav-button{width:100%;color:var(--color-paper);border-color:var(--color-line);justify-content:flex-start;min-width:0}.nav-button svg{flex:none}.nav-button[aria-current=page],.nav-button:hover{background:var(--color-paper);color:var(--color-ink)}.sidebar-footer{gap:var(--space-3);color:#d7d8dc;margin-top:auto;font-size:13px;display:grid}.main{background-color:#0000;background-image:linear-gradient(90deg,#0a0b0d09 1px,#0000 1px),linear-gradient(#0a0b0d09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-width:0}.topbar{background:var(--color-paper);border-bottom:4px solid var(--color-ink);padding:var(--space-5) var(--content-gutter);justify-content:space-between;align-items:center;gap:var(--space-4);min-width:0;display:flex}.shell-title{font-size:clamp(28px,4vw,48px);line-height:1}.content{padding:var(--content-gutter);gap:var(--space-8);min-width:0;display:grid}.metric-strip{border-bottom:4px solid var(--color-ink);grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.metric{padding:var(--panel-padding);border-right:var(--border-thin)}.metric:last-child{border-right:0}.metric-value{margin-top:var(--space-2);font-family:var(--font-display);font-size:clamp(28px,4vw,32px);display:block}.workspace-grid{gap:var(--space-6);grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:start;min-width:0;display:grid}.workspace-grid>*,.panel,.detail-panel{min-width:0}.panel-header,.detail-header{padding:var(--space-5);border-bottom:var(--border-thin);justify-content:space-between;gap:var(--space-4);align-items:start;display:flex}.section-title{font-size:22px}.table-wrap{min-width:0;max-width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:620px}.table th,.table td{padding:var(--space-4);text-align:left;border-bottom:var(--border-thin);vertical-align:top}.table th{color:var(--color-muted);font-size:11px}.table tr[aria-selected=true] td{background:var(--color-soft)}.row-button{appearance:none;color:inherit;min-height:var(--touch-target);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.detail-panel{min-height:520px}.detail-body{gap:var(--space-6);padding:var(--panel-padding);display:grid}.detail-grid,.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-field,.checkbox-field{border:var(--border-thin);padding:var(--space-4);background:var(--color-paper);gap:var(--space-2);min-width:0;display:grid}.form-field-wide{grid-column:1/-1}.form-field input,.form-field textarea,.window-row input,.window-row select{width:100%;min-height:var(--control-height);border:var(--border-thin);border-radius:var(--radius-none);padding:0 var(--space-3);background:var(--color-paper);color:var(--color-ink);font:inherit;min-width:0}.form-field textarea{min-height:104px;padding-top:var(--space-3);resize:vertical}.checkbox-field,.inline-check{min-height:var(--touch-target);grid-template-columns:auto minmax(0,1fr);align-items:center;font-weight:700}.inline-check{gap:var(--space-2);white-space:nowrap;display:inline-flex}.window-list{gap:var(--space-3);display:grid}.window-row{border:var(--border-thin);padding:var(--space-3);gap:var(--space-3);grid-template-columns:92px 1fr 1fr auto;align-items:center;min-width:0;display:grid}.save-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.field{border:var(--border-thin);padding:var(--space-4);background:var(--color-paper);min-width:0;min-height:86px}.label{color:var(--color-muted);margin-bottom:var(--space-2);font-size:11px;display:block}.field-value{align-items:center;gap:var(--space-1);overflow-wrap:anywhere;min-width:0;font-weight:750;display:inline-flex}.badge{align-items:center;gap:var(--space-1);min-height:28px;padding:0 var(--space-2);border:var(--border-thin);font-family:var(--font-mono);text-transform:uppercase;color:var(--color-ink);background:var(--color-paper);overflow-wrap:anywhere;width:fit-content;max-width:100%;font-size:11px;display:inline-flex}.badge-dark{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.badge-warning{color:var(--color-warning);border-color:currentColor}.list-stack{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.list-item{border:var(--border-thin);padding:var(--space-3);justify-content:space-between;gap:var(--space-3);align-items:center;min-width:0;display:flex}.list-item>*{min-width:0}.list-item span{overflow-wrap:anywhere}.notification-preview{padding:0;overflow:hidden}.preview-header{background:var(--color-ink);color:var(--color-paper);padding:var(--space-4);border-bottom:4px solid var(--color-ink)}.preview-body{padding:var(--space-5);gap:var(--space-4);display:grid}.preview-cta{min-height:42px;padding:0 var(--space-4);background:var(--color-ink);color:var(--color-paper);justify-content:center;align-items:center;width:fit-content;font-weight:800;display:inline-flex}.empty-state,.error-state{padding:var(--space-6);gap:var(--space-3);display:grid}.error-state{border-color:var(--color-danger);color:var(--color-danger)}.loading-bars{gap:var(--space-3);display:grid}.loading-bars span{background:linear-gradient(90deg, var(--color-soft), var(--color-hair), var(--color-soft));background-size:240% 100%;height:16px;animation:1.2s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-240% 0}}@media (width<=980px){.login-screen,.admin-shell,.workspace-grid{grid-template-columns:1fr}.login-panel,.sidebar{height:auto;position:static}.sidebar{padding:var(--space-4)}.nav-list,.metric-strip,.detail-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.sidebar{gap:var(--space-4)}.sidebar-top{padding-bottom:var(--space-4)}.nav-list{margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4);padding-bottom:var(--space-1);scroll-snap-type:x proximity;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.nav-button{min-height:var(--touch-target);padding-inline:var(--space-3);scroll-snap-align:start;white-space:nowrap;width:max-content;font-size:15px}.sidebar-footer{align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) auto}.sidebar-footer .meta{grid-column:1}.sidebar-footer .nav-button{grid-area:1/2/span 2}.topbar{padding-top:var(--space-4);padding-bottom:var(--space-4);flex-direction:column;align-items:flex-start}.content{gap:var(--space-5)}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2n){border-right:0}.metric:nth-child(-n+2){border-bottom:var(--border-thin)}.responsive-table{min-width:0}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.table-wrap{overflow:visible}.responsive-table tbody{display:grid}.responsive-table tr{border-top:var(--border-thin);padding:var(--space-4)}.responsive-table tr[aria-selected=true]{background:var(--color-soft)}.responsive-table tr[aria-selected=true] td{background:0 0}.responsive-table td{overflow-wrap:anywhere;border-bottom:0;min-width:0;padding:0}.responsive-table td+td{margin-top:var(--space-3)}.responsive-table td:before{color:var(--color-muted);content:attr(data-label);font-family:var(--font-mono);letter-spacing:.08em;margin-bottom:var(--space-1);text-transform:uppercase;font-size:11px;display:block}}@media (width<=620px){.login-panel{min-height:360px}.login-card,.auth-box{padding:var(--space-5)}.detail-grid,.form-grid,.window-row{grid-template-columns:1fr}.panel-header,.detail-header{align-items:start;gap:var(--space-3);padding:var(--space-4)}.detail-body,.form-field,.checkbox-field,.field,.window-row{padding:var(--mobile-panel-padding)}.list-item{flex-direction:column;align-items:flex-start}}@media (width<=430px){.brand-mark{width:42px;height:42px;font-size:23px}.login-title{font-size:clamp(32px,11vw,42px)}.login-copy{font-size:16px}.shell-title{font-size:32px}.section-title{font-size:21px}.panel-header,.detail-header{flex-direction:column}.metric{padding:var(--space-4)}.metric-value{font-size:28px}.badge{white-space:normal}}