@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--bg-main:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--border-card:#e2e8f0;--border-card-bright:#cbd5e1;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-primary-glow:#4f46e533;--accent-green-bg:#dcfce7;--accent-green-text:#15803d;--accent-green-border:#bbf7d0;--accent-amber-bg:#fef9c3;--accent-amber-text:#854d0e;--accent-amber-border:#fef08a;--accent-red-bg:#fee2e2;--accent-red-text:#b91c1c;--accent-red-border:#fecaca;--accent-blue-bg:#e0e7ff;--accent-blue-text:#3730a3;--accent-blue-border:#c7d2fe;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-nav{background:var(--bg-sidebar);border-right:1px solid var(--border-card);flex-direction:column;justify-content:space-between;width:260px;min-height:100vh;padding:24px 16px;display:flex;box-shadow:2px 0 12px #00000008}.sidebar-brand{align-items:center;gap:12px;margin-bottom:32px;padding:8px 12px;display:flex}.sidebar-brand-icon{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 4px 14px #4f46e54d}.sidebar-brand-text{letter-spacing:-.5px;color:#1e1b4b;font-size:18px;font-weight:800}.nav-link{color:var(--text-secondary);border-radius:12px;align-items:center;gap:14px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--accent-primary);background:#f1f5f9}.nav-link.active{box-shadow:0 4px 14px #4f46e54d;color:#fff!important;background:var(--accent-primary)!important}.nav-link i{text-align:center;width:20px;font-size:16px}.glass-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:24px;transition:all .2s;box-shadow:0 4px 20px -2px #0000000d}.glass-card:hover{box-shadow:0 8px 30px -4px #00000014}.btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;box-shadow:0 4px 14px var(--accent-primary-glow);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:0 6px 18px var(--accent-primary-glow);transform:translateY(-1px)}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{background:#dc2626}.btn-slate{color:#fff;cursor:pointer;background:#475569;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-slate:hover{background:#334155}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-card);cursor:pointer;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#e2e8f0}.badge{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-success{background:var(--accent-green-bg);color:var(--accent-green-text);border:1px solid var(--accent-green-border)}.badge-amber{background:var(--accent-amber-bg);color:var(--accent-amber-text);border:1px solid var(--accent-amber-border)}.badge-danger{background:var(--accent-red-bg);color:var(--accent-red-text);border:1px solid var(--accent-red-border)}.badge-blue{background:var(--accent-blue-bg);color:var(--accent-blue-text);border:1px solid var(--accent-blue-border)}input[type=text],input[type=number],input[type=password],input[type=date],input[type=datetime-local],input[type=email],select,textarea{color:#0f172a!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:10px!important;outline:none!important;padding:10px 14px!important;font-family:inherit!important;font-size:14px!important;transition:all .2s!important}select{appearance:none!important;cursor:pointer!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;padding-right:40px!important}select option{color:#0f172a!important;background-color:#fff!important;padding:10px!important}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px #4f46e526!important}.pulse-dot{border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot.online{background:#16a34a}.pulse-dot.offline{background:#dc2626}