@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #060a13;--bg-subtle: #0a0f1c;--bg-card: rgba(13, 19, 36, .7);--bg-card-solid: #0d1324;--bg-hover: rgba(22, 32, 58, .6);--bg-input: rgba(8, 12, 24, .8);--bg-elevated: rgba(18, 26, 50, .85);--border: rgba(255,255,255,.06);--border-hi: rgba(255,255,255,.12);--border-glow: rgba(99, 148, 255, .15);--text: #eaf0ff;--text-dim: #7d8db5;--text-muted: #404d6e;--accent: #4f7df9;--accent-hi: #7ba3ff;--accent-glow: rgba(79, 125, 249, .25);--green: #22c981;--green-glow: rgba(34, 201, 129, .15);--red: #f04e4e;--red-glow: rgba(240, 78, 78, .15);--amber: #f5a623;--amber-glow: rgba(245, 166, 35, .12);--purple: #9366f9;--cyan: #22d3ee;--teal: #14b8a6;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 100px;--font: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 2px 6px rgba(0,0,0,.15);--shadow-md: 0 4px 16px rgba(0,0,0,.3), 0 1px 4px rgba(0,0,0,.2);--shadow-lg: 0 12px 40px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.2);--shadow-glow: 0 0 30px rgba(79, 125, 249, .08);--header-h: 56px;--sidebar-w: 260px;--sidebar-collapsed: 72px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-normal: .25s;--dur-slow: .4s}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 600px 400px at 20% 30%,rgba(79,125,249,.04) 0%,transparent 70%),radial-gradient(ellipse 500px 500px at 80% 70%,rgba(147,102,249,.03) 0%,transparent 70%),radial-gradient(ellipse 400px 300px at 50% 90%,rgba(34,201,129,.02) 0%,transparent 70%);pointer-events:none;z-index:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0a;border-radius:10px}::-webkit-scrollbar-thumb{background:#4f7df959;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#4f7df98c;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(79,125,249,.35) rgba(255,255,255,.04)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.fade-in{animation:fadeInScale var(--dur-normal) var(--ease-out) both}.slide-in{animation:slideInLeft var(--dur-normal) var(--ease-out) both}.slide-up{animation:slideUp var(--dur-slow) var(--ease-out) both}.skeleton{background:linear-gradient(90deg,var(--bg-card-solid) 25%,rgba(30,42,72,.5) 50%,var(--bg-card-solid) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius)}.stagger>*{animation:fadeInScale var(--dur-normal) var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:50ms}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.2s}.stagger>*:nth-child(6){animation-delay:.25s}.glass{background:var(--bg-card);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid var(--border);border-radius:var(--radius-lg)}.glass-strong{background:#0d1324d9;backdrop-filter:blur(32px) saturate(1.5);-webkit-backdrop-filter:blur(32px) saturate(1.5);border:1px solid var(--border-hi)}input,select,textarea{font-family:var(--font);font-size:.875rem;font-weight:400;padding:.6rem .85rem;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);width:100%;letter-spacing:.01em}input:hover,select:hover,textarea:hover{border-color:var(--border-hi)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder,textarea::placeholder{color:var(--text-muted);font-weight:400}button{cursor:pointer;font-family:var(--font)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.6rem .85rem;border-bottom:1px solid var(--border);font-size:.84rem}th{font-weight:600;color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}tbody tr{transition:background var(--dur-fast)}tbody tr:hover td{background:var(--bg-hover)}.dot-pulse{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse-ring 2s infinite}@media print{body{background:#fff;color:#000}body:before{display:none}nav,header,.no-print{display:none!important}}@media (max-width: 768px){:root{--header-h: 48px;--radius-lg: 14px}main{padding:.75rem!important}}[data-density=compact]{--card-pad: .6rem;--gap: .4rem}[data-density=normal]{--card-pad: 1rem;--gap: .75rem}[data-density=spacious]{--card-pad: 1.5rem;--gap: 1.25rem}body{font-size:var(--font-size, 14px)}
