.workspace-shell{--header: #080808;--header-text: #fff;--primary: #111827;--secondary: #374151;--accent: #fbbf24;--surface: #fff;--background: #f4f7fb;--text: #172234;--muted: #526176;--border: #d5dee8;--focus: #38bdf8;--selection: #edf4fc;--error: #a51c30;--warning: #805600;--success: #116442;min-height:100dvh;background:var(--background);color:var(--text)}.workspace-shell[data-role=Admin]{--header: #073b78;--primary: #0b5ed7;--secondary: #0f77ff;--accent: #7dd3fc}.workspace-shell[data-role=SIAdmin]{--header: #064e52;--primary: #087f8c;--secondary: #0f766e;--accent: #5eead4;--selection: #e7f7f4}.workspace-shell[data-role=SIUser]{--header: #312e81;--primary: #4338ca;--secondary: #6366f1;--accent: #c4b5fd;--selection: #eeedff}.workspace-shell[data-role=CompAdmin]{--header: #065f46;--primary: #047857;--secondary: #059669;--accent: #bef264;--selection: #e9f8ef}.workspace-shell[data-role=CompUser]{--header: #2577bc;--primary: #17639e;--secondary: #2577bc;--accent: #71d0f2;--role-label: #fff;--selection: #e7f5fd}.workspace-shell :focus-visible{outline:3px solid var(--focus);outline-offset:3px}.workspace-shell h1{font-size:clamp(1.6rem,3vw,2rem);letter-spacing:-.03em;margin:0 0 10px}.workspace-shell h2{font-size:1.1rem}.workspace-shell a{color:var(--primary)}.workspace-shell .muted{color:var(--muted);line-height:1.6}.workspace-shell .eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;font-weight:750;color:var(--primary);margin:0 0 12px}.workspace-shell .panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;margin-top:22px}.workspace-shell .notice{padding:15px 20px;border:1px solid var(--border);background:var(--surface);border-radius:8px}.workspace-shell .error{color:var(--error)}.workspace-shell .success{color:var(--success)}.workspace-shell .toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.workspace-shell .button{display:inline-block;padding:10px 16px;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:6px;text-decoration:none;font-weight:600}.workspace-shell button:disabled{opacity:.6;cursor:default}.workspace-shell .table-scroll{overflow:auto;border:1px solid var(--border);border-radius:8px;margin-top:20px}.workspace-shell table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;background:var(--surface)}.workspace-shell th{background:#edf2f8;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.workspace-shell th,.workspace-shell td{padding:15px 18px;border-bottom:1px solid var(--border)}.workspace-shell td{font-size:.85rem}.workspace-shell dl{display:grid;grid-template-columns:minmax(100px,180px) 1fr;gap:16px}.workspace-shell dd{margin:0;overflow-wrap:anywhere}.workspace-shell dt{color:var(--muted)}.workspace-shell .status{font-weight:700;text-transform:capitalize}.workspace-shell .status[data-state=online]{color:var(--success)}.workspace-shell .status[data-state=offline]{color:var(--error)}.workspace-shell .status[data-state=unknown]{color:var(--warning)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:#f4f8fb}button,input{font:inherit}button{cursor:pointer}