:root,[data-theme=dark]{--color-bg:#000;--color-card:#1c1c1e;--color-card-hover:#2c2c2e;--color-bg-secondary:#1c1c1e;--color-border:#3a3a3c;--color-border-soft:#ffffff0f;--color-text-primary:#f5f5f7;--color-text-secondary:#a1a1a6;--color-text-tertiary:#6e6e73;--color-accent-blue:#2997ff;--color-accent-blue-dark:#1a7fd4;--color-accent-blue-bright:#2997ff;--color-accent-purple:#bf5af2;--color-accent-green:#34c759;--color-accent-red:#ff453a;--color-accent-orange:#ff9f0a;--color-success:#34c759;--color-danger:#ff453a;--color-warning:#ff9f0a;--radius-sm:8px;--radius-md:11px;--radius-lg:18px;--radius-xl:20px;--radius-pill:9999px;--shadow-card:none;--shadow-product:0 3px 40px 6px #0009;--shadow-frosted:0 1px 0 #ffffff0a}[data-theme=light]{--color-bg:#f5f5f7;--color-card:#fff;--color-card-hover:#fafafc;--color-bg-secondary:#f5f5f7;--color-border:#d2d2d7;--color-border-soft:#00000014;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-tertiary:#a1a1a6;--color-accent-blue:#06c;--color-accent-blue-dark:#0051a3;--color-accent-blue-bright:#2997ff;--color-accent-purple:#6e3acf;--color-accent-green:#1d8348;--color-accent-red:#c0392b;--color-accent-orange:#b7600a;--color-success:#1d8348;--color-danger:#c0392b;--color-warning:#b7600a;--radius-sm:8px;--radius-md:11px;--radius-lg:18px;--radius-xl:20px;--radius-pill:9999px;--shadow-card:none;--shadow-product:0 3px 30px 5px #0000001a;--shadow-frosted:0 1px 0 #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-size:17px;line-height:1.5;transition:background-color .2s,color .2s}.card,header,aside,main,nav,section,footer{transition:background-color .2s,border-color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.main-content{flex-direction:column;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:28px 32px;display:flex}.title{letter-spacing:-.374px;font-size:28px;font-weight:600}.title-sm{color:var(--color-text-secondary);font-size:15px;font-weight:500}.metric-value{letter-spacing:-.5px;font-size:32px;font-weight:700}.card{background-color:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:24px;transition:transform .2s,border-color .2s}.card:hover{border-color:var(--color-accent-blue)}.card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pill{border-radius:var(--radius-pill);background-color:var(--color-border-soft);color:var(--color-text-secondary);border:1px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:background-color .18s,color .18s,border-color .18s;display:inline-flex}.pill:hover{background-color:var(--color-border);color:var(--color-text-primary)}.pill.active{background-color:var(--color-accent-blue);color:#fff;border-color:#0000}.change{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px 8px;font-size:14px;font-weight:500;display:inline-flex}.change.positive{color:var(--color-success);background-color:#10b9811a}.change.negative{color:var(--color-danger);background-color:#ef44441a}.topbar{justify-content:space-between;align-items:center;display:flex}.filters-group{gap:8px;display:flex}.dashboard-grid-1{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.dashboard-grid-2{grid-template-columns:2fr 1fr;gap:24px;display:grid}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.panel{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:24px}.tool-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text-primary);box-sizing:border-box;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.tool-input:focus{border-color:var(--color-accent-blue)}.tool-field-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.tool-section-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700}input::placeholder{color:var(--color-text-secondary);opacity:.7}.menu-item{transition:background .15s,color .15s}.menu-item:hover:not(.menu-item-active){background:var(--color-border-soft)!important;color:var(--color-text-primary)!important}.nav-btn{transition:background .15s,color .15s,font-weight .1s}.nav-btn:hover:not(.active){background:var(--color-border-soft)!important;color:var(--color-text-primary)!important}.nav-btn.active{background:var(--color-accent-blue)!important;color:#fff!important;font-weight:600!important}.nav-btn.active svg,.nav-btn.active [data-lucide]{color:#fff!important}input:-webkit-autofill{caret-color:var(--color-text-primary);transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important}[data-theme=dark] input:-webkit-autofill{-webkit-text-fill-color:#f5f5f7!important;box-shadow:inset 0 0 0 30px #1c1c1e!important}[data-theme=light] input:-webkit-autofill{-webkit-text-fill-color:#1d1d1f!important;box-shadow:inset 0 0 0 30px #fff!important}.spinner{--spinner-size:20px;--spinner-stroke:2px;width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-stroke) solid var(--color-border);border-top-color:var(--color-accent-blue);border-radius:50%;flex-shrink:0;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{--spinner-size:14px;--spinner-stroke:2px}.spinner-lg{--spinner-size:32px;--spinner-stroke:3px}.loading-state{color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;animation:.3s both fade-in;display:flex}.loading-state-label{color:var(--color-text-primary);font-weight:500}.loading-state-sub{opacity:.75;font-size:12px}.loading-inline{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:12px;display:inline-flex}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:var(--color-border);background-image:linear-gradient(90deg, var(--color-border) 0%, color-mix(in srgb, var(--color-text-secondary) 16%, var(--color-border)) 50%, var(--color-border) 100%);background-size:200% 100%;border-radius:6px;animation:2.2s ease-in-out infinite shimmer;display:block;position:relative;overflow:hidden}.skeleton-circle{border-radius:50%}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:.4s both fade-in}.stagger>*{animation:.32s both fade-in}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:30ms}.stagger>:nth-child(3){animation-delay:60ms}.stagger>:nth-child(4){animation-delay:90ms}.stagger>:nth-child(5){animation-delay:.12s}.stagger>:nth-child(6){animation-delay:.15s}.stagger>:nth-child(7){animation-delay:.18s}.stagger>:nth-child(8){animation-delay:.21s}.stagger>:nth-child(9){animation-delay:.24s}.stagger>:nth-child(n+10){animation-delay:.26s}.route-progress{z-index:9999;pointer-events:none;background:linear-gradient(90deg, var(--color-accent-blue), var(--color-accent-purple));transform-origin:0;opacity:0;width:100%;height:2px;box-shadow:0 0 8px color-mix(in srgb, var(--color-accent-blue) 60%, transparent);transition:transform .25s ease-out,opacity .2s;position:fixed;top:0;left:0;transform:scaleX(0)}.route-progress[data-state=active]{opacity:1}.route-progress[data-state=done]{opacity:0;transition:transform .15s ease-out,opacity .35s .15s;transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.4s}.skeleton,.fade-in,.stagger>*,.loading-state{animation:none}.route-progress{transition:none}}.toast-host{z-index:9998;pointer-events:none;flex-direction:column;gap:8px;max-width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.toast{pointer-events:auto;border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;align-items:flex-start;gap:10px;padding:11px 14px;font-size:13px;line-height:1.4;animation:.24s cubic-bezier(.2,.8,.2,1) both toast-in;display:flex;box-shadow:0 8px 28px #00000047}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.toast-icon{flex-shrink:0;align-items:center;margin-top:1px;display:inline-flex}.toast-title{font-weight:600}.toast-sub{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.toast-success .toast-icon{color:var(--color-accent-green)}.toast-error .toast-icon{color:var(--color-accent-red)}.toast-info .toast-icon{color:var(--color-accent-blue)}.toast-error{border-color:color-mix(in srgb, var(--color-accent-red) 45%, var(--color-border))}body{font-variant-numeric:tabular-nums}.site-grid>*{content-visibility:auto;contain-intrinsic-size:auto 232px}.site-grid.is-refreshing>*{opacity:.55;pointer-events:none;transition:opacity .2s}@media (prefers-reduced-motion:reduce){.toast{animation:none}}