:root{--bg:#f5f7fa;--panel:#fff;--border:#d8e0ea;--text:#142033;--muted:#64748b;--accent:#10243f;--accent-soft:#e9eef7;--warn:#b45309;--error:#b91c1c}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Georgia,Times New Roman,serif;background:linear-gradient(180deg,#eef3f8,#f7f9fc);color:var(--text)}button,input,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{background:hsla(0,0%,100%,.88);border-right:1px solid var(--border);padding:32px 20px;backdrop-filter:blur(10px)}.brand{font-size:30px;font-style:italic;letter-spacing:-.04em;margin-bottom:28px}.nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:14px;padding:12px 14px;background:transparent;color:var(--muted);cursor:pointer}.nav-item-active{background:var(--accent);color:#fff}.content{padding:28px}.header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.header h1{margin:0 0 6px;font-size:28px;text-transform:capitalize}.header p{margin:0;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metric-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 12px 30px rgba(16,36,63,.05)}.kv span,.metric-label,.metric-meta,.panel span{color:var(--muted)}.metric-value{margin:10px 0 6px;font-size:36px;letter-spacing:-.05em}.panel.narrow{max-width:720px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.panel-header h3{margin:0;font-size:20px}.status-chip{border-radius:999px;padding:6px 10px;background:#fce7f3;font-size:12px}.status-ok{background:#dcfce7}.status-warn{background:#fef3c7}.stack,.timeline{display:grid;gap:12px}.alert-card,.doc-card,.kv,.timeline-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--border)}.alert-card:first-child,.doc-card:first-child,.kv:first-child,.timeline-row:first-child{border-top:0;padding-top:0}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{text-align:left;padding:14px 10px;border-top:1px solid var(--border)}.empty{text-align:center;color:var(--muted);padding:16px 0}.error-banner{border:1px solid #fecaca;background:#fef2f2;color:var(--error);padding:14px 16px;border-radius:14px}code{background:var(--accent-soft);border-radius:10px;padding:6px 8px}@media (max-width:960px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.metric-grid{grid-template-columns:1fr}.header{flex-direction:column}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#eef3f8,#f7f9fc)}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:48px;width:100%;max-width:420px;text-align:center;box-shadow:0 12px 30px rgba(16,36,63,.05)}.login-card h1{font-size:36px;font-style:italic;letter-spacing:-.04em;margin:0 0 8px}.login-card p{color:var(--muted);margin:0 0 32px}.login-button{background:var(--accent);color:#fff;border:0;border-radius:14px;padding:16px 24px;width:100%;font-size:16px;cursor:pointer;transition:opacity .2s}.login-button:hover{opacity:.9}.login-footer{margin-top:24px;font-size:14px;color:var(--muted)}