@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--brand-primary:#E5A33A;--brand-primary-light:#F0C060;--brand-primary-dark:#B8842A;--brand-primary-glow:rgba(229,163,58,0.15);--font-display:"Plus Jakarta Sans","Inter",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--bg-primary:#0C0F14;--bg-secondary:#12161D;--bg-card:#181D27;--bg-sidebar:#0E1118;--bg-hover:#1E2433;--text-primary:#F0F2F5;--text-secondary:#8B95A5;--text-muted:#4B5563;--border-subtle:rgba(148,163,184,0.08);--border-light:rgba(148,163,184,0.16);--border-active:rgba(229,163,58,0.4);--success:#10B981;--success-bg:rgba(16,185,129,0.1);--warning:#F59E0B;--warning-bg:rgba(245,158,11,0.1);--error:#EF4444;--error-bg:rgba(239,68,68,0.1);--info:#6366F1;--info-bg:rgba(99,102,241,0.1);--accent-purple:#8B5CF6;--accent-cyan:#22D3EE;--gradient-brand:linear-gradient(135deg,var(--brand-primary),#D97706);--gradient-card:linear-gradient(135deg,rgba(229,163,58,0.03),transparent);--sidebar-width:260px;--header-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(148,163,184,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 3px rgba(0,0,0,.12)}.card-hover:hover{border-color:var(--border-light);background:var(--bg-hover);transition:all .2s ease}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-body)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-info{background:var(--info-bg);color:var(--info)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--brand-primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--brand-primary-light);box-shadow:0 4px 14px rgba(229,163,58,.25);transform:translateY(-1px)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{border-color:var(--border-light)}.btn-danger{background:var(--error-bg);color:var(--error)}.btn-danger:hover{background:rgba(239,68,68,.2)}.input{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .2s ease}.input:focus{border-color:var(--brand-primary)}.input::placeholder{color:var(--text-muted)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}table td,table th{font-family:var(--font-body);border-bottom:1px solid var(--border-subtle)}table td{padding:14px 16px;font-size:14px;color:var(--text-secondary)}table tr:hover td{background:var(--bg-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:var(--bg-hover);border-radius:var(--radius-md);animation:pulse 1.5s infinite}