: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;--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:44px}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-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);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)}.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);cursor:pointer;min-height:44px;transition:transform var(--motion-fast), background-color var(--motion-fast), color var(--motion-fast);font-weight:700;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-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;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);display:grid}.nav-button{width:100%;color:var(--color-paper);border-color:var(--color-line);justify-content:flex-start}.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(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.shell-title{font-size:clamp(28px,4vw,48px);line-height:1}.content{padding:var(--space-8);gap:var(--space-8);display:grid}.metric-strip{border-bottom:4px solid var(--color-ink);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric{padding:var(--space-5);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:32px;display:block}.workspace-grid{gap:var(--space-6);grid-template-columns:minmax(320px,.9fr) minmax(0,1.2fr);align-items:start;display:grid}.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{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;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(--space-5);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);display:grid}.form-field-wide{grid-column:1/-1}.form-field input,.form-field textarea,.window-row input,.window-row select{border:var(--border-thin);border-radius:var(--radius-none);width:100%;min-height:42px;padding:0 var(--space-3);background:var(--color-paper);color:var(--color-ink);font:inherit}.form-field textarea{min-height:104px;padding-top:var(--space-3);resize:vertical}.checkbox-field,.inline-check{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;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-height:86px}.label{color:var(--color-muted);margin-bottom:var(--space-2);font-size:11px;display:block}.field-value{overflow-wrap:anywhere;font-weight:750}.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);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;display:flex}.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{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.content{padding:var(--space-5)}.metric-strip,.detail-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.login-panel{min-height:420px}.login-card,.auth-box{padding:var(--space-5)}.topbar{flex-direction:column;align-items:flex-start}.metric-strip,.detail-grid,.form-grid,.window-row,.nav-list{grid-template-columns:1fr}.metric{border-right:0;border-bottom:var(--border-thin)}.metric:last-child{border-bottom:0}}