:root{color-scheme:light;--ink: #151a18;--muted: #66716c;--line: #e2e5e3;--paper: #f5f5f5;--panel: #ffffff;--accent: #d7172f;--accent-strong: #cb0022;--accent-soft: #fff1f2;--orange: #eb613e;--danger: #b42318}*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:Nunito Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--paper);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;width:260px;height:100vh;flex-shrink:0;flex-direction:column;border-right:1px solid var(--line);background:#fff;padding:24px 18px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{display:block;width:134px;height:auto;flex-shrink:0}.brand h1,.page-header h2,.panel h3,.record-section h4{margin:0}.brand h1{font-size:18px;font-weight:900}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.nav{display:grid;gap:6px;margin-top:32px}.nav a{border-radius:8px;color:var(--ink);padding:11px 12px;text-decoration:none}.nav a:hover,.nav a.active{background:var(--accent-soft);color:var(--accent-strong)}.sidebar-footer{margin-top:auto;color:var(--muted);font-size:12px;line-height:1.5}.content-shell{min-width:0;flex:1}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);background:#fffffff0;padding:16px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.user-pill{max-width:280px;overflow:hidden;border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.primary-button,.ghost-button,.menu-button{border:1px solid var(--accent);border-radius:10px;padding:9px 14px;font-weight:700}.primary-button{background:linear-gradient(to left,#f48d6a 0%,var(--accent) 100%);color:#fff}.ghost-button,.menu-button{background:transparent;color:var(--accent-strong)}.menu-button{display:none}.page{padding:28px}.page-header,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.page-header h2{font-size:28px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric,.panel,.search-panel,.state-block{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.metric{padding:18px}.metric p,.metric span,.panel-heading span,.search-panel p,.detail-grid span,.account-row span,.account-row small{color:var(--muted)}.metric p{margin:0 0 8px;font-size:13px}.metric strong{display:block;font-size:28px}.metric span{display:block;margin-top:8px;font-size:13px}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.panel{min-width:0;padding:18px}.bar-list{display:grid;gap:10px}.bar-row,.storage-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1ee;padding:10px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid #edf1ee;padding:10px 8px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;font-weight:700}.storage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.state-block{margin-bottom:18px;padding:16px;color:var(--muted)}.state-block.error{border-color:#e8c0ba;color:var(--danger)}.search-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:16px}.search-form{display:flex;min-width:0;flex:1;gap:10px}.search-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.users-table-panel{padding:22px}.users-table tbody tr{cursor:pointer}.users-table tbody tr:hover,.users-table tbody tr.selected-row{background:var(--accent-soft)}.users-table td:first-child strong,.users-table td:first-child span{display:block}.users-table td:first-child span{max-width:360px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.drawer-backdrop{position:fixed;inset:0;z-index:30;background:#151a1847}.detail-drawer{position:fixed;inset:0 0 0 auto;z-index:40;display:flex;width:min(860px,92vw);transform:translate(100%);flex-direction:column;border-left:1px solid var(--line);background:var(--panel);box-shadow:-24px 0 60px #151a182e;transition:transform .18s ease}.detail-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:20px 24px}.drawer-header h3{margin:0;font-size:24px}.drawer-loading{padding:12px 24px 0;color:var(--muted);font-size:13px}.drawer-body{min-height:0;flex:1;overflow:auto;padding:22px 24px 32px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.detail-grid div{min-width:0;border:1px solid #edf1ee;border-radius:8px;padding:12px}.detail-grid span,.detail-grid strong{display:block}.detail-grid strong{min-width:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.18}.record-section{margin-top:20px}.record-section h4{margin-bottom:10px}.compact-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.compact-records p{margin:0 0 8px;color:var(--muted);font-size:13px}@media(max-width:1100px){.metric-grid,.two-column,.storage-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;display:none;width:min(280px,90vw)}.sidebar.sidebar-open{display:flex}.menu-button{display:inline-flex}.topbar,.search-panel,.page-header,.panel-heading{align-items:flex-start;flex-direction:column}.auth-actions{margin-left:0}.page{padding:18px}.detail-grid,.compact-records{grid-template-columns:1fr}.search-form{width:100%;flex-direction:column}}