:root{--bg: #050505;--surface: #0f1115;--border: #1f2229;--primary: #2563eb;--text: #f8fafc;--text-muted: #64748b}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;margin:0}.auth-container{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top right,#1e1b4b,#050505)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;font-weight:600}.inp{background:#000;border:1px solid var(--border);color:#fff;padding:12px;border-radius:8px;width:100%;box-sizing:border-box;outline:none}.inp:focus{border-color:var(--primary)}.btn-login{background:var(--primary);color:#fff;border:none;padding:12px;border-radius:8px;width:100%;font-weight:600;cursor:pointer}.sidebar{width:260px;background:var(--surface);border-right:1px solid var(--border);padding:24px}.nav-item{padding:12px 16px;border-radius:8px;cursor:pointer;color:var(--text-muted);transition:.2s}.nav-item.active{background:#2563eb1a;color:var(--primary)}