@import"https://fonts.googleapis.com/css2?family=Rubik:wght@500;600;700;800;900&family=Nunito:wght@400;500;600;700;800&display=swap";:root{--font-display: "Rubik", sans-serif;--font: "Nunito", sans-serif;--font-mono: "SF Mono", "Consolas", "Monaco", monospace;--green: #34AD54;--amber: #f59e0b;--red: #ef4444;--purple: #8b5cf6}[data-theme=dark]{--blue: #4B5EED;--blue-dark: #2A3BC7;--accent-info: #5164F2;--bg: #05060F;--bg-card: #14182F;--bg-2: #12162E;--bg-card-2: #12162E;--sidebar-bg: #0B1024;--text: #F2F3FA;--text-2: #9498B8;--border: #262B47;--shadow: 0 4px 24px rgba(0,0,0,.4);--grad-1: #0B1024;--grad-2: #0E1430;--badge-green: rgba(52,173,84,.15);--badge-red: rgba(239,68,68,.15);--badge-amber: rgba(245,158,11,.15);--badge-blue: rgba(96,165,250,.15);--badge-gray: rgba(148,163,187,.15);--badge-purple: rgba(139,92,246,.18)}[data-theme=light],:root{--blue: #3D52E8;--blue-dark: #2A3BC7;--accent-info: #4257E8;--bg: #FFFFFF;--bg-card: #FFFFFF;--bg-2: #EEF0F6;--bg-card-2: #EEF0F6;--sidebar-bg: #F7F8FC;--text: #171A2E;--text-2: #5B5F79;--border: #E5E7F2;--shadow: 0 4px 24px rgba(15,23,42,.08);--grad-1: #C3D0F7;--grad-2: #E3E9FB;--badge-green: rgba(52,173,84,.12);--badge-red: rgba(239,68,68,.12);--badge-amber: rgba(245,158,11,.12);--badge-blue: rgba(37,99,235,.1);--badge-gray: rgba(100,116,139,.12);--badge-purple: rgba(139,92,246,.12)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);transition:background .25s,color .25s;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.spinner{width:24px;height:24px;border:2.5px solid rgba(124,58,237,.2);border-top:2.5px solid var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{padding:8px 16px;border-radius:8px;font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-ghost{background:var(--bg-card-2);color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--blue)}.btn-danger{background:#ef44441a;color:var(--red);border:1px solid rgba(239,68,68,.3)}.btn-success{background:#34ad541a;color:var(--green);border:1px solid rgba(52,173,84,.3)}input,select,textarea{font-family:var(--font);background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 12px;font-size:13px;outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--blue)}.badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:4px}.badge-green{background:var(--badge-green);color:var(--green)}.badge-red{background:var(--badge-red);color:var(--red)}.badge-amber{background:var(--badge-amber);color:var(--amber)}.badge-blue{background:var(--badge-blue);color:var(--accent-info)}.badge-gray{background:var(--badge-gray);color:var(--text-2)}.badge-purple{background:var(--badge-purple);color:var(--purple)}table{width:100%;border-collapse:collapse}th{font-size:11px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);background:var(--bg-2)}td{padding:12px 14px;font-size:13px;border-bottom:1px solid var(--border);color:var(--text)}tr:hover td{background:#7c3aed0d}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}@media (max-width: 768px){.hide-mobile{display:none!important}.sidebar-collapsed{transform:translate(-100%)}}@media (min-width: 769px){.show-mobile{display:none!important}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c3aed40;border-radius:3px}