:root{--topbar-h: 60px;--sidebar-w: 240px;--sidebar-collapsed-w: 70px;--color-primary: #4f8cff;--color-primary-hover: #3d79e6;--color-bg: #0b1220;--color-panel: #121a2b;--color-panel-light: #182236;--color-text: #e7eefc;--color-text-muted: #9fb0d0;--color-border: rgba(255, 255, 255, .08);--color-danger: #ff5c5c;--color-success: #4ade80}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--color-bg);color:var(--color-text)}a{color:inherit;text-decoration:none}button{cursor:pointer}.layout{height:100vh;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--color-panel);border-bottom:1px solid var(--color-border)}.topbar .left{display:flex;align-items:center;gap:12px}.brand{font-weight:700}.topbar .right{display:flex;align-items:center;gap:10px}.pill{display:flex;align-items:center;padding:6px 10px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:999px}.body{flex:1;display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:0}.sidebar{background:var(--color-panel-light);border-right:1px solid var(--color-border);padding:12px;overflow:auto;transition:width .2s ease}.sidebar.collapsed{width:var(--sidebar-collapsed-w)}.menu{display:flex;flex-direction:column}.nav-item{padding:10px 12px;margin:4px 0;border-radius:10px;border:1px solid transparent;color:var(--color-text)}.nav-item:hover{background:#ffffff0f}.nav-item.active{background:#4f8cff26;border-color:#4f8cff66}.content{padding:20px;overflow:auto}.card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:14px;padding:16px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.btn{padding:8px 14px;border-radius:10px;border:1px solid var(--color-border);background:#ffffff0d;color:var(--color-text)}.btn:hover{background:#ffffff14}.btn.primary{background:var(--color-primary);border-color:var(--color-primary)}.btn.primary:hover{background:var(--color-primary-hover)}.btn.danger{background:var(--color-danger);border:none;color:#fff}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:12px;color:var(--color-text-muted)}.field input,.field select{padding:10px 12px;border-radius:10px;border:1px solid var(--color-border);background:#ffffff0d;color:var(--color-text)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--color-border)}.table th{text-align:left;color:var(--color-text-muted)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:420px;max-width:100%;background:var(--color-panel);border:1px solid var(--color-border);border-radius:20px;padding:20px}.body.sidebar-hidden{grid-template-columns:1fr}.body.sidebar-hidden .sidebar{display:none}@media (max-width: 900px){.body{grid-template-columns:1fr}.sidebar{display:none}}