:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20342f;background:#f4eee6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #fffaf3;--surface-strong: #f8f1e8;--text-muted: #6f7773;--border: #e0d6ca;--brand: #1c312c;--brand-soft: #38645a;--brand-text: #f4eee6;--danger: #8f2f2f;--shadow: 0 24px 70px rgb(45 33 20 / 12%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}a{color:inherit}code{border-radius:.35rem;padding:.1rem .3rem;color:var(--brand);background:var(--surface-strong);font-size:.9em}.app-shell{display:grid;min-height:100vh;grid-template-columns:280px minmax(0,1fr)}.sidebar{display:flex;min-height:100vh;flex-direction:column;gap:2rem;padding:1.5rem;color:var(--brand-text);background:var(--brand)}.brand-block{display:flex;align-items:center;gap:.8rem}.brand-mark{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.8rem;color:var(--brand);background:var(--brand-text);font-weight:800}.brand-title,.brand-subtitle,.sidebar-caption,.operator-email,.eyebrow{margin:0}.brand-title{font-weight:800;letter-spacing:.02em}.brand-subtitle,.sidebar-caption{color:#f4eee6b8;font-size:.85rem}.nav-list{display:grid;gap:.5rem}.nav-list a{border-radius:.75rem;padding:.75rem .9rem;color:#f4eee6d1;text-decoration:none}.nav-list a.active,.nav-list a:hover{color:var(--brand-text);background:var(--brand-soft)}.sidebar-footer{display:grid;gap:.75rem;margin-top:auto;border-top:1px solid rgb(244 238 230 / 18%);padding-top:1rem}.operator-email{overflow-wrap:anywhere;font-size:.95rem;font-weight:700}.status-pill{width:fit-content;border:1px solid rgb(244 238 230 / 25%);border-radius:999px;padding:.3rem .65rem;color:var(--brand-text);background:#f4eee61f;font-size:.8rem}.shell-main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:1.5rem 2rem;background:#fffaf3cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar h1,.hero-card h2,.operator-card h2,.auth-state-card h1{margin:.25rem 0 0;letter-spacing:-.04em}.eyebrow{color:var(--brand-soft);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.content{display:grid;gap:1.25rem;padding:2rem}.hero-card,.info-card,.operator-card,.auth-state-card{border:1px solid var(--border);border-radius:1.25rem;background:var(--surface);box-shadow:var(--shadow)}.hero-card,.operator-card,.auth-state-card{padding:1.5rem}.hero-card p,.info-card p,.operator-card p,.auth-state-card p{color:var(--text-muted);line-height:1.6}.action-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.info-card{padding:1.25rem}.info-card h3{margin:0}.operator-card{display:grid;gap:1.25rem}.operator-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0}.operator-card div{min-width:0}.operator-card dt{color:var(--text-muted);font-size:.8rem;font-weight:700}.operator-card dd{margin:.25rem 0 0;overflow-wrap:anywhere}.auth-state-page{display:grid;min-height:100vh;place-items:center;padding:2rem}.auth-state-card{width:min(100%,560px)}.auth-state-detail{border-left:3px solid var(--danger);padding-left:.85rem}.button-primary,.button-secondary,.button-ghost{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:.75rem;padding:.7rem 1rem;cursor:pointer;font-weight:800;text-decoration:none}.button-primary{color:var(--brand-text);background:var(--brand)}.button-secondary{color:var(--brand);background:var(--surface-strong);border:1px solid var(--border)}.button-ghost{color:var(--brand-text);background:#f4eee61a}.read-only-banner,.page-header,.state-panel,.data-panel,.detail-panel{border:1px solid var(--border);border-radius:1.25rem;background:var(--surface);box-shadow:var(--shadow)}.read-only-banner,.page-header,.state-panel,.data-panel,.detail-panel{padding:1.5rem}.read-only-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.read-only-banner h2,.page-header h2,.state-panel h2,.detail-panel h3{margin:.25rem 0 0}.read-only-actions{display:flex;flex-wrap:wrap;gap:.5rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-header p,.state-panel p,.detail-note{color:var(--text-muted);line-height:1.6}.state-panel-detail{border-left:3px solid var(--danger);padding-left:.85rem;color:var(--text-muted)}.data-panel-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.data-panel-meta p{margin:0;color:var(--text-muted)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{border-top:1px solid var(--border);padding:.85rem .75rem;text-align:left;vertical-align:top}.data-table th{color:var(--text-muted);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.table-primary-cell{display:grid;gap:.2rem}.table-primary-cell a{color:var(--brand);font-weight:800;text-decoration:none}.table-caption{color:var(--text-muted);font-size:.85rem}.table-actions{width:1%;white-space:nowrap}.detail-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}.detail-grid dt{color:var(--text-muted);font-size:.8rem;font-weight:700}.detail-grid dd{margin:.25rem 0 0;overflow-wrap:anywhere}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .65rem;font-size:.8rem;font-weight:800}.status-badge-active{color:#1c4d37;background:#d8f0e4}.status-badge-suspended{color:#7a2d2d;background:#f4dede}.status-badge-unknown{color:#4a4338;background:#ece4d8}button:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.card-grid,.operator-card dl,.detail-grid{grid-template-columns:1fr}.read-only-banner,.page-header,.data-panel-meta{flex-direction:column}}
