:root{--bg-0: #0a0b0e;--bg-1: #0e0f12;--bg-2: #15171c;--bg-3: #1a1d23;--bg-4: #1e2128;--bg-5: #262932;--fg-0: #f5f6f9;--fg-1: #e8e9ee;--fg-2: #b6b8c2;--fg-3: #888a94;--fg-4: #5b5d66;--fg-5: #3a3c44;--line-1: rgba(255,255,255,.06);--line-2: rgba(255,255,255,.1);--line-3: rgba(255,255,255,.16);--acc: oklch(.62 .22 285);--acc-2: oklch(.58 .24 265);--acc-3: oklch(.72 .2 290);--acc-ink: #ffffff;--acc-glow: oklch(.62 .22 285 / .4);--acc-grad: linear-gradient(135deg, oklch(.62 .22 285), oklch(.58 .24 250));--pos: oklch(.82 .16 155);--warn: oklch(.82 .16 75);--neg: oklch(.72 .2 25);--r-1: 6px;--r-2: 10px;--r-3: 14px;--r-4: 20px;--r-5: 28px;--shadow-1: 0 1px 0 rgba(255,255,255,.04) inset, 0 0 0 1px var(--line-1);--shadow-2: 0 12px 30px -16px rgba(0,0,0,.6), 0 0 0 1px var(--line-1);--shadow-glow: 0 0 0 1px var(--line-2), 0 8px 40px -8px var(--acc-glow);--f-display: "Manrope", ui-sans-serif, system-ui, sans-serif;--f-text: "Inter", ui-sans-serif, system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--bg-primary: var(--bg-1);--bg-card: var(--bg-2);--bg-card-hover: var(--bg-3);--bg-elevated: var(--bg-3);--bg-input: var(--bg-3);--bg-input-focus: var(--bg-2);--border: var(--line-1);--border-hover: var(--line-2);--border-focus: var(--acc);--text-primary: var(--fg-1);--text-secondary: var(--fg-2);--text-muted: var(--fg-4);--accent-purple: var(--acc);--accent-blue: var(--acc-2);--accent-cyan: var(--acc-3);--accent-green: var(--pos);--accent-yellow: var(--warn);--accent-red: var(--neg);--accent-pink: var(--acc);--gradient-main: var(--acc-grad);--gradient-purple: var(--acc-grad);--gradient-warm: var(--acc-grad);--gradient-glow: linear-gradient(135deg, color-mix(in oklch, var(--acc) 12%, transparent), color-mix(in oklch, var(--acc-2) 12%, transparent));--shadow-sm: var(--shadow-1);--shadow-md: var(--shadow-2);--shadow-lg: 0 20px 60px -20px rgba(0,0,0,.7);--radius-sm: var(--r-2);--radius-md: var(--r-3);--radius-lg: var(--r-4);--radius-xl: var(--r-4);--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--font-mono: var(--f-mono)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-1);color:var(--fg-1);font-family:var(--f-text);font-feature-settings:"ss01","cv11","cv02";letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{position:relative;z-index:1}::selection{background:color-mix(in oklch,var(--acc) 40%,transparent);color:var(--fg-0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-5);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--line-3)}.animate-in{animation:fadeIn .4s ease forwards}.animate-in-scale{animation:fadeInScale .4s ease forwards}.animate-slide-up{animation:slideUp .5s cubic-bezier(.4,0,.2,1) forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.il-num{font-family:var(--f-mono);font-feature-settings:"tnum","zero";letter-spacing:-.02em}.gradient-text{background:var(--acc-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:color-mix(in oklch,var(--bg-1) 80%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line-1)}.il-ph{background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 8px,transparent 8px 16px),linear-gradient(180deg,var(--bg-3),var(--bg-4));color:var(--fg-4);font:500 11px var(--f-mono);display:flex;align-items:center;justify-content:center;text-align:center;border-radius:var(--r-2)}.il-hero-gradient{background:radial-gradient(60% 60% at 80% 0%,color-mix(in oklch,var(--acc) 20%,transparent) 0%,transparent 60%),radial-gradient(80% 60% at 0% 100%,color-mix(in oklch,var(--acc-2) 14%,transparent) 0%,transparent 55%),linear-gradient(180deg,var(--bg-2),var(--bg-1))}.il-grid-bg{background-image:linear-gradient(var(--line-1) 1px,transparent 1px),linear-gradient(90deg,var(--line-1) 1px,transparent 1px);background-size:32px 32px}.il-avatar-ring{position:relative;display:inline-block}.il-avatar-ring:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:999px;padding:2px;background:conic-gradient(from 220deg,var(--acc),var(--acc-2),var(--bg-5),var(--acc));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;pointer-events:none}.il-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-3);font-family:var(--f-text);font-size:14px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;transition:transform .12s ease,background .12s ease,color .12s ease,filter .12s ease;line-height:1;white-space:nowrap;text-decoration:none}.il-btn:active{transform:translateY(1px)}.il-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.il-btn--primary{background:var(--acc-grad);color:var(--acc-ink);font-weight:600;box-shadow:0 0 0 1px color-mix(in oklch,var(--acc) 50%,transparent),0 8px 30px -10px var(--acc-glow)}.il-btn--primary:hover{filter:brightness(1.1)}.il-btn--ghost{background:transparent;color:var(--fg-1);box-shadow:inset 0 0 0 1px var(--line-2)}.il-btn--ghost:hover{background:var(--bg-3)}.il-btn--soft{background:var(--bg-4);color:var(--fg-1)}.il-btn--soft:hover{background:var(--bg-5)}.il-btn--danger{background:color-mix(in oklch,var(--neg) 15%,transparent);color:var(--neg);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--neg) 30%,transparent)}.il-btn--danger:hover{background:color-mix(in oklch,var(--neg) 25%,transparent)}.il-btn--success{background:color-mix(in oklch,var(--pos) 15%,transparent);color:var(--pos);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--pos) 30%,transparent)}.il-btn--sm{height:32px;padding:0 12px;font-size:13px;border-radius:var(--r-2)}.il-btn--lg{height:48px;padding:0 20px;font-size:15px;border-radius:var(--r-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--r-3);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none;line-height:1;font-family:var(--f-text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--acc);color:var(--acc-ink)}.btn-primary:hover{filter:brightness(1.1)}.btn-gradient{background:var(--acc-grad);color:var(--acc-ink);box-shadow:0 8px 30px -10px var(--acc-glow)}.btn-gradient:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--fg-1);border:1px solid var(--line-2)}.btn-outline:hover{background:var(--bg-3);border-color:var(--line-3)}.btn-danger{background:color-mix(in oklch,var(--neg) 15%,transparent);color:var(--neg);border:1px solid color-mix(in oklch,var(--neg) 30%,transparent)}.btn-danger:hover{background:color-mix(in oklch,var(--neg) 25%,transparent)}.btn-success{background:color-mix(in oklch,var(--pos) 15%,transparent);color:var(--pos);border:1px solid color-mix(in oklch,var(--pos) 30%,transparent)}.btn-sm{padding:6px 14px;font-size:12px;border-radius:var(--r-2)}.btn-lg{padding:14px 28px;font-size:15px;border-radius:var(--r-3)}.btn-icon{padding:8px;width:36px;height:36px}.il-input,.input{width:100%;height:40px;background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--r-2);color:var(--fg-1);padding:0 14px;font:500 14px var(--f-text);outline:none;transition:border-color .12s ease,background .12s ease}.il-input::placeholder,.input::placeholder{color:var(--fg-4);font-weight:400}.il-input:focus,.input:focus{border-color:var(--acc);background:var(--bg-2)}.input{padding:12px 16px;height:auto}.textarea{resize:vertical;min-height:100px;line-height:1.6}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:12px;font-weight:600;color:var(--fg-2);letter-spacing:.3px}.il-card,.card{background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-4);transition:border-color .16s ease}.card{padding:20px}.card:hover{border-color:var(--line-2)}.card-interactive:hover{border-color:var(--line-3);box-shadow:0 12px 30px -16px #0009}.il-badge,.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:999px;font:500 11px var(--f-text);letter-spacing:.02em;background:var(--bg-4);color:var(--fg-2)}.badge{padding:3px 10px;height:auto}.il-badge--acc,.badge-purple{background:color-mix(in oklch,var(--acc) 18%,transparent);color:var(--acc);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--acc) 30%,transparent)}.il-badge--pos,.badge-green{background:color-mix(in oklch,var(--pos) 18%,transparent);color:var(--pos)}.il-badge--warn,.badge-yellow{background:color-mix(in oklch,var(--warn) 18%,transparent);color:var(--warn)}.il-badge--neg,.badge-red{background:color-mix(in oklch,var(--neg) 18%,transparent);color:var(--neg)}.il-badge--ghost,.badge-blue,.badge-pink,.badge-cyan{background:transparent;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--fg-2)}.il-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font:500 12px var(--f-text);background:var(--bg-3);color:var(--fg-2);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--line-1);transition:all .12s ease;white-space:nowrap}.il-chip:hover{background:var(--bg-4);color:var(--fg-1)}.il-chip[data-on="1"],.il-chip.is-active{background:color-mix(in oklch,var(--acc) 18%,transparent);color:var(--acc);border-color:color-mix(in oklch,var(--acc) 30%,transparent)}.progress-bar{background:var(--bg-3);border-radius:999px;height:8px;overflow:hidden;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background:var(--acc-grad);border-radius:999px;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-bar.warning:after{background:linear-gradient(90deg,var(--warn),var(--neg))}.progress-bar.danger:after{background:var(--neg)}.navbar{position:sticky;top:0;z-index:100;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;background:color-mix(in oklch,var(--bg-1) 80%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-1)}.navbar-logo{font-size:22px;font-weight:800;text-decoration:none;letter-spacing:-.045em;font-family:var(--f-display)}.navbar-links{display:flex;align-items:center;gap:4px}.navbar-link{padding:8px 12px;border-radius:8px;color:var(--fg-3);text-decoration:none;font:500 13px var(--f-text);transition:all var(--transition-fast)}.navbar-link:hover{color:var(--fg-1);background:var(--bg-3)}.navbar-link.active{color:var(--fg-0);background:var(--bg-3)}.navbar-burger{display:none;background:none;border:none;color:var(--fg-1);font-size:22px;cursor:pointer;padding:8px;border-radius:var(--r-2)}.navbar-burger:hover{background:var(--bg-3)}.navbar-mobile{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--bg-1);padding:16px;z-index:99;animation:fadeIn .2s ease}.navbar-mobile.open{display:flex;flex-direction:column;gap:4px}.navbar-mobile .navbar-link{padding:14px 16px;font-size:15px}.skeleton{background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:400% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-2)}.toast{padding:12px 16px;border-radius:var(--r-2);font:500 13px var(--f-text);animation:slideDown .3s ease;display:flex;align-items:center;gap:8px}.toast-success{background:color-mix(in oklch,var(--pos) 12%,transparent);border:1px solid color-mix(in oklch,var(--pos) 25%,transparent);color:var(--pos)}.toast-error{background:color-mix(in oklch,var(--neg) 12%,transparent);border:1px solid color-mix(in oklch,var(--neg) 25%,transparent);color:var(--neg)}.toast-info{background:color-mix(in oklch,var(--acc) 12%,transparent);border:1px solid color-mix(in oklch,var(--acc) 25%,transparent);color:var(--acc)}.spinner{width:20px;height:20px;border:2px solid var(--line-2);border-top-color:var(--acc);border-radius:50%;animation:spin .7s linear infinite}.spinner-lg{width:32px;height:32px;border-width:3px}.tabs{display:flex;gap:2px;background:var(--bg-3);padding:3px;border-radius:var(--r-2);margin-bottom:20px}.tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--fg-3);font:600 13px var(--f-text);cursor:pointer;border-radius:var(--r-1);transition:all var(--transition-fast);white-space:nowrap}.tab:hover{color:var(--fg-2)}.tab.active{background:var(--bg-4);color:var(--fg-0);box-shadow:var(--shadow-1)}.table-container{overflow-x:auto;border-radius:var(--r-3);border:1px solid var(--line-1)}.table{width:100%;border-collapse:collapse}.table th{padding:12px 16px;text-align:left;font:700 11px var(--f-text);color:var(--fg-4);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-2);border-bottom:1px solid var(--line-1)}.table td{padding:12px 16px;font:500 13px var(--f-text);color:var(--fg-2);border-bottom:1px solid var(--line-1);background:var(--bg-1)}.table tr:hover td{background:var(--bg-2)}.table tr:last-child td{border-bottom:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{font:600 16px var(--f-text);color:var(--fg-2);margin-bottom:8px}.empty-state-desc{font:400 13px var(--f-text);color:var(--fg-4);max-width:300px}.divider,.il-div{height:1px;background:var(--line-1);margin:20px 0}.page{max-width:1320px;margin:0 auto;padding:28px 24px;min-height:calc(100vh - 64px)}.page-header{margin-bottom:28px;animation:fadeIn .4s ease}.page-title{font:700 28px var(--f-display);color:var(--fg-0);letter-spacing:-.035em}.page-subtitle{font:400 14px var(--f-text);color:var(--fg-3);margin-top:4px}.il-h-display{font-family:var(--f-display);font-weight:700;letter-spacing:-.035em;color:var(--fg-0)}.stock-bar{height:3px;background:var(--bg-3);border-radius:2px;overflow:hidden;margin-top:6px}.stock-bar-fill{height:100%;border-radius:2px;transition:width .5s ease}@media (max-width: 768px){.navbar{padding:0 16px}.navbar-links{display:none}.navbar-burger{display:block}.page{padding:20px 16px}.page-title{font-size:22px}.tabs{overflow-x:auto}.tab{padding:8px 12px;font-size:12px}.grid-responsive{grid-template-columns:1fr!important}}@media (max-width: 480px){.page{padding:16px 12px}.card{padding:16px}.btn-lg{padding:12px 20px;font-size:14px}}