:root{--bg: #0f172a;--bg-card: #1e293b;--bg-input: #334155;--text: #f1f5f9;--text-dim: #94a3b8;--accent: #3b82f6;--accent-hover: #60a5fa;--border: #334155;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-card);border-right:1px solid var(--border);padding:24px 0;flex-shrink:0}.sidebar-brand{font-size:1.3rem;font-weight:700;padding:0 24px 24px;border-bottom:1px solid var(--border);margin-bottom:16px;color:var(--accent)}.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav a{padding:10px 24px;color:var(--text-dim);display:flex;align-items:center;gap:12px;font-size:.9rem;transition:all .2s}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--text);background:#3b82f61a;border-right:3px solid var(--accent)}.main-content{flex:1;padding:32px;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1{font-size:1.5rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stat-card h4{color:var(--text-dim);font-size:.8rem;text-transform:uppercase;margin-bottom:8px}.stat-card .value{font-size:2rem;font-weight:700}.stat-card .sub{font-size:.8rem;color:var(--text-dim);margin-top:4px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.card h3{font-size:1.1rem;margin-bottom:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--text-dim);font-weight:600;font-size:.8rem;text-transform:uppercase}td img{width:36px;height:36px;border-radius:8px;vertical-align:middle;margin-right:8px}input,textarea,select{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.9rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:6px}.form-group{margin-bottom:16px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all .2s;color:#fff}.btn-primary{background:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger)}.btn-sm{padding:6px 12px;font-size:.8rem}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.badge-success{background:#22c55e26;color:var(--success)}.badge-warning{background:#f59e0b26;color:var(--warning)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px;width:100%;max-width:400px}.login-box h1{text-align:center;margin-bottom:24px;font-size:1.5rem}.login-error{color:var(--danger);font-size:.85rem;margin-bottom:12px;text-align:center}@media(max-width:768px){.sidebar{display:none}.main-content{padding:16px}}