:root{--sidebar-bg: #0f172a;--text-secondary: #64748b;--bg: #f8fafc}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:#334155;height:100vh;overflow:hidden}.layout{display:flex;height:100vh}.sidebar{width:260px;background:var(--sidebar-bg);color:#fff;padding:20px;display:flex;flex-direction:column}.sidebar h2{margin-bottom:40px;display:flex;align-items:center;gap:10px}.nav-item{padding:12px;margin-bottom:5px;border-radius:8px;cursor:pointer;transition:.2s;color:#94a3b8}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#3b82f6;color:#fff}.main{flex:1;padding:30px;overflow-y:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;margin-bottom:20px}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;padding:12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b}.table td{padding:12px;border-bottom:1px solid #e2e8f0}.btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.btn:hover{background:#2563eb}.btn-danger{background:#fee2e2;color:#ef4444}.btn-ghost{background:transparent;color:#3b82f6}.badge{padding:4px 8px;border-radius:20px;font-size:.75rem;font-weight:600}.bg-green{background:#dcfce7;color:#166534}.bg-red{background:#fee2e2;color:#991b1b}input{padding:8px;border:1px solid #ccc;border-radius:6px;width:300px}