@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--saru-blue-light:#0073e6;--saru-blue-dark:#2994ff;--gear-red-light:#e21224;--gear-red-dark:#f53d4d;--gear-gold-light:#e09e06;--gear-gold-dark:#ffc61a;--neon-orange-light:#ef5406;--neon-orange-dark:#f60;--success-green-light:#1fad53;--success-green-dark:#1ae66f;--color-primary:var(--lightningcss-light,var(--saru-blue-light))var(--lightningcss-dark,var(--saru-blue-dark));--color-danger:var(--lightningcss-light,var(--gear-red-light))var(--lightningcss-dark,var(--gear-red-dark));--color-warning:var(--lightningcss-light,var(--gear-gold-light))var(--lightningcss-dark,var(--gear-gold-dark));--color-accent:var(--lightningcss-light,var(--neon-orange-light))var(--lightningcss-dark,var(--neon-orange-dark));--color-success:var(--lightningcss-light,var(--success-green-light))var(--lightningcss-dark,var(--success-green-dark));--bg-canvas:var(--lightningcss-light,#f6f7f9)var(--lightningcss-dark,#0a0e14);--bg-card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#111822);--bg-input:var(--lightningcss-light,#eaedf1)var(--lightningcss-dark,#18212f);--text-main:var(--lightningcss-light,#151c29)var(--lightningcss-dark,#fff);--text-muted:var(--lightningcss-light,#626f84)var(--lightningcss-dark,#a1abba);--border-color:var(--lightningcss-light,#dae0e7)var(--lightningcss-dark,#1b2636);--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:var(--lightningcss-light,0 10px 30px #0d62a90f)var(--lightningcss-dark,0 10px 30px #0006);--neon-glow:0 0 15px var(--color-accent)}@media (prefers-color-scheme:dark){:root{--color-primary:var(--saru-blue-dark);--color-danger:var(--gear-red-dark);--color-warning:var(--gear-gold-dark);--color-accent:var(--neon-orange-dark);--color-success:var(--success-green-dark);--bg-canvas:#0a0e14;--bg-card:#111822;--bg-input:#18212f;--text-main:#fff;--text-muted:#a1abba;--border-color:#1b2636}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .2s,border-color .2s}body{background-color:var(--bg-canvas);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-family:Outfit,Inter,sans-serif;font-weight:600}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:root[color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:var(--saru-blue-light);--color-danger:var(--gear-red-light);--color-warning:var(--gear-gold-light);--color-accent:var(--neon-orange-light);--color-success:var(--success-green-light);--bg-canvas:#f6f7f9;--bg-card:#fff;--bg-input:#eaedf1;--text-main:#151c29;--text-muted:#626f84;--border-color:#dae0e7}:root[color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:var(--saru-blue-dark);--color-danger:var(--gear-red-dark);--color-warning:var(--gear-gold-dark);--color-accent:var(--neon-orange-dark);--color-success:var(--success-green-dark);--bg-canvas:#0a0e14;--bg-card:#111822;--bg-input:#18212f;--text-main:#fff;--text-muted:#a1abba;--border-color:#1b2636}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.app-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-card);z-index:100;-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;height:4.5rem;display:flex}.nav-brand{letter-spacing:-.02em;color:var(--text-main);align-items:center;gap:.75rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.nav-brand img{border:1.5px solid var(--color-accent);border-radius:50%;width:2.25rem;height:2.25rem}.nav-actions{align-items:center;gap:1rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--lightningcss-light,#0061c2)var(--lightningcss-dark,#4ca6ff)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:var(--lightningcss-light,#bd0f1e)var(--lightningcss-dark,#f76470)}.btn-secondary{background-color:var(--bg-input);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-discord{color:#fff;background-color:#5865f2;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;box-shadow:0 4px 14px #5865f24d}.btn-discord:hover{background-color:#4752c4;transform:translateY(-2px);box-shadow:0 6px 20px #5865f266}.btn-text{color:var(--text-muted);background:0 0}.btn-text:hover{color:var(--text-main);background-color:var(--bg-input)}.btn-icon{border:1px solid var(--border-color);width:2.25rem;height:2.25rem;color:var(--text-main);background:0 0;border-radius:50%;padding:0}.btn-icon:hover{background-color:var(--bg-input);transform:rotate(15deg)}.login-page{flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.login-bg-grid{z-index:0;opacity:.05;background-image:linear-gradient(var(--text-muted) 1px, transparent 1px), linear-gradient(90deg, var(--text-muted) 1px, transparent 1px);background-size:30px 30px;position:absolute;inset:0}.login-card{z-index:1;background-color:var(--bg-card);border:1px solid var(--border-color);text-align:center;width:100%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:1.25rem;padding:3rem 2rem;position:relative}@media (prefers-color-scheme:dark){.login-card{-webkit-backdrop-filter:blur(16px);background:#0c1524bf;border:1px solid #ffffff0f}}.logo-container{margin-bottom:2rem;display:inline-block;position:relative}.logo-large{width:7.5rem;height:7.5rem;box-shadow:var(--neon-glow);border:3px solid var(--color-accent);border-radius:50%}.login-title{letter-spacing:-.03em;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-subtitle{color:var(--text-muted);margin-bottom:2.5rem;font-size:.95rem}.dashboard-page{flex:1;padding:2.5rem 0}.dashboard-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1024px){.dashboard-grid{grid-template-columns:320px 1fr;align-items:start}}.sidebar-panel{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:1rem;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.user-profile{text-align:center;border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;padding-bottom:1.5rem;display:flex}.avatar-placeholder{background-color:var(--color-primary);color:#fff;border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin-bottom:1rem;font-size:1.75rem;font-weight:700;display:flex}.profile-name{margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.tier-badge{text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg-input);color:var(--text-muted);border:1px solid var(--border-color);border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.tier-badge.developer{color:var(--color-primary);background-color:#2b95ff26;border-color:#2b95ff4d}.tier-badge.commercial{color:var(--color-accent);background-color:#ff8c0026;border-color:#ff8c004d}.meter-section{flex-direction:column;gap:.5rem;display:flex}.meter-header{justify-content:space-between;font-size:.875rem;font-weight:500;display:flex}.meter-label{color:var(--text-muted)}.meter-value{font-family:JetBrains Mono,monospace;font-weight:600}.progress-bar{background-color:var(--bg-input);border-radius:9999px;height:.625rem;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:9999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.watchlist-section{flex-direction:column;gap:1.5rem;display:flex}.section-title-bar{justify-content:space-between;align-items:center;display:flex}.section-title{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.watchlist-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.watchlist-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.filament-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:1rem;flex-direction:column;justify-content:space-between;min-height:180px;padding:1.5rem;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.filament-card:hover{box-shadow:var(--shadow-md), 0 0 10px #2b95ff1a;border-color:#2b95ff4d;transform:translateY(-4px)}.card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.filament-title{font-size:1.125rem;font-weight:600;line-height:1.3}.filament-variant{color:var(--text-muted);flex-grow:1;margin-bottom:1rem;font-size:.8125rem}.card-meta{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.sku-tag{background-color:var(--bg-input);color:var(--text-muted);border-radius:4px;padding:.125rem .375rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.region-tag{text-transform:uppercase;background-color:var(--bg-input);color:var(--text-main);border-radius:4px;padding:.125rem .375rem;font-size:.75rem;font-weight:700}.card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.price-tag{font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:600}.status-badge{text-transform:uppercase;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-in-stock{color:var(--color-success);background-color:#00e67626;animation:2s infinite pulse-green;box-shadow:0 0 8px #00e6761a}.badge-out-of-stock{color:var(--color-danger);background-color:#ff3b3026}.badge-pending{color:var(--color-warning);background-color:#ffcc0026}.eta-details{color:var(--color-warning);align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;font-weight:500;display:flex}.empty-state{text-align:center;background-color:var(--bg-card);border:1px dashed var(--border-color);color:var(--text-muted);border-radius:1rem;padding:4rem 2rem}.empty-state svg{color:var(--text-muted);margin-bottom:1rem}.empty-state h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}@keyframes pulse-green{0%{box-shadow:0 0 #00e67666}70%{box-shadow:0 0 0 6px #00e67600}to{box-shadow:0 0 #00e67600}}.loading-container{height:200px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert-error{border:1px solid var(--color-danger);color:var(--color-danger);background-color:#ff3b301a;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;font-size:.875rem;display:flex}.login-container-wrap{z-index:1;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:800px;display:flex;position:relative}.features-grid{grid-template-columns:1fr;gap:1.25rem;width:100%;display:grid}@media (width>=640px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-item{background-color:var(--bg-card);border:1px solid var(--border-color);text-align:center;box-shadow:var(--shadow-sm);border-radius:1rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.feature-item svg{color:var(--color-primary)}.feature-item h3{color:var(--text-main);font-size:.95rem;font-weight:600}.feature-item p{color:var(--text-muted);font-size:.8125rem;line-height:1.4}.product-link{color:inherit;text-decoration:none;transition:color .15s}.product-link:hover{color:var(--color-primary);text-decoration:underline}.variant-link{color:inherit;text-decoration:none;transition:color .15s}.variant-link:hover{color:var(--color-primary);text-decoration:underline}.track-widget{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:1rem;margin-bottom:2rem;padding:1.5rem;position:relative}.track-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:flex-end;gap:1rem;margin-top:1rem;display:grid}.form-group-relative{flex-direction:column;gap:.5rem;display:flex;position:relative}.autocomplete-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);width:max-content;min-width:100%;max-width:min(450px,90vw);box-shadow:var(--shadow-lg);z-index:100;border-radius:.5rem;max-height:250px;margin:0;padding:.25rem 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.autocomplete-item{cursor:pointer;color:var(--text-main);text-align:left;white-space:normal;word-break:break-word;padding:.625rem 1rem;font-size:.85rem;line-height:1.35;transition:background-color .15s,color .15s}.autocomplete-item:hover{background-color:var(--bg-input);color:var(--color-primary)}.autocomplete-empty{color:var(--text-muted);text-align:left;padding:.75rem 1rem;font-size:.85rem}.color-swatch{border:1px solid #80808059;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.filament-card.paused{opacity:.6}.filament-card.paused:hover{box-shadow:none;border-color:var(--border-color)}.status-badge.badge-paused{background-color:var(--bg-input);color:var(--text-muted);border-color:var(--border-color)}