:root{--bg: #0f1419;--bg-elevated: #1a222d;--bg-panel: #151c25;--border: #2a3544;--text: #e8eef6;--muted: #8b9bb0;--accent: #2dd4bf;--accent-dim: #14b8a6;--danger: #f87171;--warn: #fbbf24;--ok: #34d399;--font: "Segoe UI", "IBM Plex Sans", system-ui, sans-serif;--mono: "Cascadia Code", "Consolas", monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,#1e3a3a 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#1a2740 0%,transparent 50%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem;background:#0f1419d9;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:.75rem}.brand strong{display:block}.brand small{color:var(--muted)}.brand-mark{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.5rem;background:linear-gradient(135deg,var(--accent),#0ea5e9);color:#042f2e;font-weight:700;font-size:.85rem}.brand-mark.large{width:3rem;height:3rem;font-size:1rem;margin:0 auto .75rem}.sidebar nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.sidebar nav a{padding:.65rem .75rem;border-radius:.45rem;color:var(--muted)}.sidebar nav a.active,.sidebar nav a:hover{background:var(--bg-elevated);color:var(--text)}.sidebar-footer{display:flex;flex-direction:column;gap:.75rem}.user-chip{display:flex;flex-direction:column;gap:.15rem;padding:.75rem;border-radius:.5rem;background:var(--bg-elevated)}.user-chip span{color:var(--muted);font-size:.85rem}.content{padding:1.75rem 2rem}.page{max-width:1100px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-header h1{margin:0 0 .35rem;font-size:1.75rem}.page-header p{margin:0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.stat{padding:1.25rem;border:1px solid var(--border);border-radius:.75rem;background:var(--bg-panel)}.stat span{color:var(--muted);font-size:.85rem}.stat strong{display:block;margin-top:.5rem;font-size:1.75rem}.panel{margin-bottom:1.25rem;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--bg-panel)}.panel-title{margin:0 0 .85rem;font-size:1rem;font-weight:600}.form-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}label{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:160px;color:var(--muted);font-size:.85rem}input,select{padding:.65rem .75rem;border:1px solid var(--border);border-radius:.45rem;background:var(--bg);color:var(--text)}.btn{border:1px solid transparent;border-radius:.45rem;padding:.65rem 1rem;cursor:pointer;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#042f2e;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn-secondary{background:var(--bg-elevated);border-color:var(--border);color:var(--text)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text);background:var(--bg-elevated)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:500;font-size:.85rem}.key-cell{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.muted{color:var(--muted);font-size:.85rem}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-ok{background:#34d39926;color:var(--ok)}.badge-warn{background:#fbbf2426;color:var(--warn)}.badge-muted{background:#8b9bb026;color:var(--muted)}.alert{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem;padding:.9rem 1rem;border-radius:.6rem}.alert-error{background:#f871711f;border:1px solid rgba(248,113,113,.35);color:#fecaca}.alert-success{background:#34d3991f;border:1px solid rgba(52,211,153,.35);color:#a7f3d0}.key-value{display:block;width:100%;padding:.5rem .65rem;border-radius:.4rem;background:var(--bg);word-break:break-all}.actions{display:flex;gap:.25rem;flex-wrap:wrap}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(100%,400px);display:flex;flex-direction:column;gap:1rem;padding:1.75rem;border:1px solid var(--border);border-radius:1rem;background:#151c25eb;box-shadow:0 20px 60px #00000059}.login-header{text-align:center;margin-bottom:.5rem}.login-header h1{margin:0 0 .35rem;font-size:1.4rem}.login-header p{margin:0;color:var(--muted)}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:2.75rem}.password-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:.35rem;background:transparent;color:var(--muted);cursor:pointer}.password-toggle:hover{color:var(--text);background:var(--bg-elevated)}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.sidebar nav{flex-direction:row;flex-wrap:wrap}.content{padding:1.25rem}}