*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--surface-base:#0c0e12;--surface-elevated:#14171d;--surface-glass:#14171db8;--surface-glass-border:#ffffff0f;--surface-hover:#1e232b;--surface-tab-active:#10b9811f;--surface-tab-hover:#ffffff0a;--text-primary:#e8edf2;--text-secondary:#8892a0;--text-muted:#7c8797;--accent:#10b981;--accent-fill:#047857;--accent-subtle:#10b98126;--accent-glow:#10b98114;--status-available:#10b981;--status-low:#f59e0b;--status-empty:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"SF Mono", "Cascadia Code", "JetBrains Mono", monospace;--shadow-card:0 1px 3px #0000003d, 0 1px 2px #00000024;--shadow-glass:0 8px 32px #00000052;--shadow-glow:0 0 20px #10b98114}html{background:var(--surface-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{height:100%;font-family:var(--font-sans);background:var(--surface-base);color:var(--text-primary);line-height:1.5;overflow:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 50% -20%,#10b9810a 0%,#0000 60%),radial-gradient(60% 50% at 80% 80%,#10b98105 0%,#0000 50%),radial-gradient(40% 40% at 20% 90%,#06b6d405 0%,#0000 40%);position:fixed;inset:0}#app{z-index:1;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.dashboard-container{flex-direction:column;flex:1;width:100%;max-width:960px;margin:0 auto;padding:20px 24px 0;display:flex;overflow:hidden}.dashboard-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:8px 0 6px;display:flex}.dashboard-header h1{letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:10px;font-size:1.35rem;font-weight:600;display:flex}.dashboard-header h1:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.dashboard-header .subtitle{display:none}.update-info{color:var(--text-muted);align-items:center;gap:8px;font-size:.78rem;font-weight:400;display:flex}.update-info span{color:var(--accent);font-weight:500}.update-info .cached-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent);border:1px solid #10b98133;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-block}.content-wrapper{flex-direction:column;flex:1;margin-top:4px;display:flex;overflow:hidden}.tabs-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;gap:4px;padding:12px 0 10px;display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{border:1px solid var(--surface-glass-border);border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;letter-spacing:.01em;white-space:nowrap;background:0 0;flex-shrink:0;padding:8px 18px;font-size:.8rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}.tab-btn:hover{background:var(--surface-tab-hover);color:var(--text-secondary);border-color:#ffffff1a}.tab-btn:active{transform:scale(.97)}.tab-btn.active{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff;box-shadow:0 0 16px var(--accent-glow);font-weight:600}.glass-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.glass-card:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0003}.skeleton-grid{flex-direction:column;flex:1;gap:10px;padding:16px 20px;display:flex}.skeleton-row{grid-template-columns:2fr 1fr 1fr .8fr;align-items:center;gap:12px;display:grid}.skeleton-row+.skeleton-row{border-top:1px solid #ffffff0a;padding-top:10px}.skeleton-bar{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;height:16px;animation:1.8s ease-in-out infinite shimmer}.skeleton-bar:last-child{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.state-container{text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.state-container.hidden{display:none}.spinner{border:2px solid #ffffff0f;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin-bottom:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{border-radius:var(--radius-lg);background:#ef44441a;border:1px solid #ef444433;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;font-size:1.2rem;display:flex}#error-message{color:var(--text-secondary);max-width:320px;font-size:.85rem}.stock-table-wrap{scrollbar-width:thin;scrollbar-color:#ffffff0f transparent;flex:1;overflow:auto}.stock-table-wrap::-webkit-scrollbar{width:4px;height:4px}.stock-table-wrap::-webkit-scrollbar-track{background:0 0}.stock-table-wrap::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.stock-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.85rem}.stock-table thead{z-index:5;position:sticky;top:0}.stock-table thead th{letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--text-muted);background:var(--surface-elevated);white-space:nowrap;border-bottom:1px solid #ffffff0f;padding:14px 20px 10px;font-size:.68rem;font-weight:600}.stock-table thead th:nth-child(2),.stock-table thead th:nth-child(3){text-align:right}.stock-table thead th:nth-child(4){text-align:right;width:100px}.tbl-row{transition:background .2s;animation:.4s cubic-bezier(.16,1,.3,1) both rowFadeIn}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tbl-row:hover{background:var(--surface-hover)}.tbl-row td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:11px 20px}.tbl-row:last-child td{border-bottom:none}.tbl-row-available{border-left:2.5px solid var(--status-available)}.tbl-row-low{border-left:2.5px solid var(--status-low)}.tbl-row-empty{border-left:2.5px solid var(--status-empty);opacity:.55}.tbl-code{letter-spacing:.02em;color:var(--text-primary);white-space:nowrap;font-size:.88rem;font-weight:600}.tbl-row-empty .tbl-code{color:var(--text-muted)}.tbl-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}.tbl-dot-available{background:var(--status-available);box-shadow:0 0 6px #10b9814d}.tbl-dot-low{background:var(--status-low);box-shadow:0 0 6px #f59e0b4d}.tbl-dot-empty{background:var(--status-empty);box-shadow:0 0 6px #ef44444d}.tbl-gb{text-align:right;color:var(--text-secondary);white-space:nowrap;font-size:.82rem}.tbl-price{text-align:right;color:var(--accent);white-space:nowrap;font-size:.85rem;font-weight:500;font-family:var(--font-mono);letter-spacing:-.01em}.tbl-stock{text-align:right;white-space:nowrap}.tbl-stock span{color:var(--text-primary);font-weight:600}.tbl-stock-empty span,.stock-empty{color:var(--status-empty);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:600}.empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:.85rem;display:flex}.empty-state-icon{border-radius:var(--radius-lg);background:var(--surface-hover);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;font-size:1.4rem;display:flex}.dashboard-note{border-radius:var(--radius-md);color:#d4a854;background:#f59e0b0f;border:1px solid #f59e0b1f;flex-wrap:wrap;flex-shrink:0;gap:8px 24px;margin:10px 0 6px;padding:10px 18px;font-size:.75rem;line-height:1.5;display:flex}.dashboard-note .note-line{margin:0}.dashboard-note strong{color:#eab308;font-weight:600}.status-legend{flex-shrink:0;justify-content:center;gap:20px;padding:10px 0 8px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:7px;font-size:.72rem;font-weight:400;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.available{background:var(--status-available)}.legend-dot.low{background:var(--status-low)}.legend-dot.empty{background:var(--status-empty)}.dashboard-footer{text-align:center;color:var(--text-muted);opacity:.6;flex-shrink:0;padding:10px 0 12px;font-size:.7rem}.hidden{display:none!important}@media (width<=768px){.dashboard-container{max-width:100%;padding:12px 12px 0}.dashboard-header{padding:6px 0 2px}.dashboard-header h1{font-size:1.05rem}.dashboard-header h1:before{width:5px;height:5px}.update-info{font-size:.7rem}.tabs-container{gap:3px;padding:8px 0 6px}.tab-btn{padding:6px 12px;font-size:.72rem}.glass-card{border-radius:var(--radius-md)}.stock-table{font-size:.75rem}.stock-table thead th{padding:10px 12px 8px;font-size:.6rem}.tbl-row td{padding:8px 12px}.tbl-code{font-size:.8rem}.tbl-dot{width:6px;height:6px;margin-right:7px}.tbl-price{font-size:.78rem}.status-legend{gap:12px;padding:6px 0 4px}.legend-item{font-size:.66rem}.dashboard-note{gap:4px;margin:6px 0 2px;padding:8px 12px;font-size:.7rem}.dashboard-footer{padding:6px 0 8px;font-size:.6rem}}@media (prefers-reduced-motion:reduce){.tbl-row{opacity:1;animation:none;transform:none}.skeleton-bar,.dashboard-header h1:before{animation:none}.tab-btn{transition:none}}@media (prefers-reduced-transparency:reduce){.glass-card{background:var(--surface-elevated);-webkit-backdrop-filter:none}.stock-table thead th{background:var(--surface-elevated)}}@media (prefers-color-scheme:light){:root{--surface-base:#f1f5f9;--surface-elevated:#fff;--surface-glass:#fffc;--surface-glass-border:#0000000f;--surface-hover:#e2e8f0;--surface-tab-hover:#00000008;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#059669;--accent-fill:#059669;--accent-subtle:#05966914;--accent-glow:#0596691a;--shadow-glass:0 8px 32px #0000000f}body:before{background:radial-gradient(80% 60% at 50% -20%,#0596690a 0%,#0000 60%),radial-gradient(60% 50% at 80% 80%,#05966905 0%,#0000 50%)}.tbl-row:hover{background:var(--surface-hover)}.stock-table thead th{background:#f8fafc}.dashboard-note{color:#7a5d0b;background:#fef9e7;border-color:#f5d76e}.dashboard-note strong{color:#5c3d0b}.empty-state-icon{background:var(--surface-hover)}.skeleton-bar{background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%}.tab-btn.active{color:#fff}.tab-btn:hover{background:var(--surface-tab-hover);border-color:#0000001f}}