:root{--bg:#f4f6f9;--card:#fff;--text:#111827;--primary:#2563eb}
[data-theme='dark']{--bg:#0f172a;--card:#1e293b;--text:#f8fafc}
body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI}
.sidebar{width:240px;position:fixed;height:100%;background:#111827;color:#fff;padding:20px}
.sidebar a{color:#cbd5f5;display:block;padding:10px;border-radius:8px}
.sidebar a:hover{background:#1e293b}
.content{margin-left:260px;padding:30px}
.card{background:var(--card);padding:20px;border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.btn{padding:8px 14px;border-radius:8px;border:none}
.btn-primary{background:#2563eb;color:#fff}
.btn-danger{background:#dc2626;color:#fff}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #ccc}
.login-bg{height:100vh;background:linear-gradient(120deg,#2563eb,#38bdf8);display:flex;align-items:center;justify-content:center}
.login-box{width:360px}