@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-bg:#08080f;--color-surface:#0f0f1a;--color-surface-2:#141428;--color-border:#1c1c30;--color-border-2:#252540;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-faint:#475569;--color-accent:#ff6b35;--color-accent-hover:#ff8555;--color-accent-glow:#ff6b3526;--color-success:#10b981;--color-success-bg:#10b9811a;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-info:#6366f1;--color-info-bg:#6366f11a;--sidebar-width:240px;--sidebar-collapsed:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 1px 3px #0006, 0 0 0 1px var(--color-border);--shadow-glow:0 0 24px var(--color-accent-glow);--transition:.15s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600;line-height:1.3}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}input,textarea,select{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);width:100%;transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.625rem .875rem;font-family:inherit;font-size:.9rem}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}input::placeholder{color:var(--color-text-faint)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #ff6b3559}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border-2)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.card-hover{transition:border-color var(--transition), box-shadow var(--transition)}.card-hover:hover{border-color:var(--color-border-2);box-shadow:var(--shadow-glow)}.badge{border-radius:100px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fade-in{animation:.4s both fadeIn}.animate-fade-in-left{animation:.3s both fadeInLeft}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-2) 50%, var(--color-surface) 75%);border-radius:var(--radius-sm);background-size:200%;animation:1.4s linear infinite shimmer}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}td{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:.875rem 1rem;font-size:.875rem}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--color-surface-2)}