@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-900:#0a0f1e;--bg-800:#0f172a;--bg-700:#1e293b;--bg-600:#263045;--border:#1e3a5f;--border-glow:#38bdf8;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--sky:#38bdf8;--sky-d:#0ea5e9;--green:#4ade80;--green-d:#16a34a;--amber:#fbbf24;--red:#f87171;--formula-a:#818cf8;--formula-b:#a78bfa;--diff-color:#fb923c;--avg-color:#34d399;--radius:12px;--radius-sm:8px;--radius-lg:16px}html{scroll-behavior:smooth}body{background:var(--bg-900);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}.app-shell{background:radial-gradient(ellipse 80% 50% at 50% -20%, #38bdf81f 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 90% 80%, #4ade800f 0%, transparent 50%), var(--bg-900);min-height:100vh;position:relative}.app-shell:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#38bdf808 1px,#0000 1px),linear-gradient(90deg,#38bdf808 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.app-content{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px 80px;position:relative}.navbar{z-index:1;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;position:relative}.navbar__brand{align-items:center;gap:12px;display:flex}.navbar__logo{background:linear-gradient(135deg, var(--sky), var(--green));color:#0a0f1e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.navbar__name{background:linear-gradient(90deg, var(--sky), var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.navbar__tag{color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:500}.navbar__clock{color:var(--text-secondary);background:var(--bg-700);border:1px solid var(--border);border-radius:var(--radius-sm);letter-spacing:.5px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:13px}.navbar__right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.navbar__status{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.market-pill{white-space:nowrap;border:1px solid;border-radius:100px;align-items:center;gap:8px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .3s;display:inline-flex}.market-pill--open{color:#86efac;background:#4ade801a;border-color:#4ade8059}.market-pill--closed{color:#fca5a5;background:#f8717114;border-color:#f8717140}.market-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.market-dot--open{background:var(--green);box-shadow:0 0 8px var(--green);animation:2s ease-in-out infinite pulse-dot}.market-dot--closed{background:var(--red);box-shadow:0 0 6px #f8717180}.market-pill__status{letter-spacing:.3px;font-weight:700}.market-pill__reason{opacity:.8;border-left:1px solid;margin-left:2px;padding-left:8px;font-size:11px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.cache-banner{border:1px solid #fbbf2440;border-left:3px solid var(--amber);border-radius:var(--radius-sm);color:var(--text-secondary);background:#fbbf2412;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.cache-banner--csv{border-color:#38bdf840;border-left-color:var(--sky);background:#38bdf812}.cache-banner__icon{flex-shrink:0;font-size:18px}.cache-banner__text{flex:1;line-height:1.5}.cache-banner__text strong{color:var(--text-primary)}.control-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:-8px;display:flex}.control-panel__hint{color:var(--amber);font-size:12px;font-weight:500}.csv-section{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.csv-uploader-wrap{flex-direction:column;gap:10px;display:flex}.csv-uploader__label{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.csv-uploader__icon{font-size:15px}.csv-uploader__link{color:var(--sky);opacity:.8;font-size:11px;text-decoration:none}.csv-uploader__link:hover{opacity:1;text-decoration:underline}.csv-drop-zone{border:2px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:center;color:var(--text-secondary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:12px;padding:20px 24px;font-size:13px;transition:border-color .2s,background .2s;display:flex}.csv-drop-zone:hover,.csv-drop-zone:focus{border-color:var(--sky);background:#38bdf80a;outline:none}.csv-drop-zone--over{border-color:var(--green)!important;background:#4ade800d!important}.csv-drop-zone--loading{pointer-events:none;opacity:.7}.csv-drop-zone__icon{font-size:24px}.csv-drop-zone small{color:var(--text-muted);margin-top:4px;display:block}.cached-badge{color:var(--amber);cursor:default;background:#fbbf241f;border:1px solid #fbbf244d;border-radius:6px;align-items:center;gap:4px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.hero{text-align:center;padding:48px 0 40px}.hero__badge{color:var(--sky);letter-spacing:.5px;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:500;display:inline-flex}.hero__title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.1}.hero__title span{background:linear-gradient(90deg, var(--sky), #818cf8, var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:16px}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px;display:grid}.dashboard-card{background:linear-gradient(135deg, var(--bg-800), var(--bg-700));border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:16px;padding:20px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.dashboard-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent,var(--sky)), transparent);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.dashboard-card:hover{border-color:var(--accent,var(--sky));transform:translateY(-2px)}.dashboard-card__icon-wrap{width:44px;height:44px;color:var(--accent,var(--sky));background:#38bdf81a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:11px;font-weight:500}.dashboard-card__value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700;line-height:1.2}.dashboard-card__sub{color:var(--text-muted);margin-top:2px;font-size:11px}.control-panel{background:var(--bg-800);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:flex-end;gap:24px;margin-bottom:32px;padding:28px;display:flex}.control-panel__title{width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:-8px;font-size:13px;font-weight:600}.selector-group{flex-direction:column;gap:8px;display:flex}.selector-label{color:var(--text-secondary);letter-spacing:.3px;font-size:12px;font-weight:500}.select-wrapper{position:relative}.custom-select{appearance:none;background:var(--bg-700);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;outline:none;min-width:180px;padding:10px 40px 10px 14px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.custom-select:focus{border-color:var(--sky);box-shadow:0 0 0 3px #38bdf826}.custom-select:disabled{opacity:.5;cursor:not-allowed}.select-arrow{color:var(--text-muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.segmented-control{background:var(--bg-700);border:1px solid var(--border);border-radius:var(--radius-sm);gap:0;display:flex;overflow:hidden}.segmented-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:none;border-right:1px solid var(--border);background:0 0;flex:1;padding:10px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s}.segmented-btn:last-child{border-right:none}.segmented-btn:hover:not(:disabled){color:var(--sky);background:#38bdf814}.segmented-btn--active{font-weight:700;background:var(--sky)!important;color:#0a0f1e!important}.segmented-btn:disabled{opacity:.5;cursor:not-allowed}.download-btn{background:linear-gradient(135deg, var(--sky-d), #2563eb);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;min-width:190px;padding:12px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0ea5e966}.download-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .2s;position:absolute;inset:0}.download-btn:hover:not(:disabled):before{opacity:1}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #0ea5e980}.download-btn:active:not(:disabled){transform:translateY(0)}.download-btn:disabled{opacity:.7;cursor:not-allowed}.download-btn--loading{box-shadow:none!important;background:linear-gradient(135deg,#1e3a5f,#1e293b)!important}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-wrapper{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:24px;right:24px}.toast{background:var(--bg-700);border-radius:var(--radius-sm);pointer-events:all;border-left:3px solid var(--red);align-items:flex-start;gap:10px;max-width:380px;padding:14px 18px;font-size:13px;animation:.25s slide-in;display:flex;box-shadow:0 8px 32px #0006}.toast--success{border-left-color:var(--green)}.toast--info{border-left-color:var(--sky)}.toast__icon{flex-shrink:0;margin-top:1px}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.table-container{background:var(--bg-800);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-header-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.table-title{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.symbol-badge{color:var(--sky);letter-spacing:.5px;background:#38bdf826;border:1px solid #38bdf84d;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.table-subtitle{color:var(--text-muted);font-size:12px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.strike-table{border-collapse:collapse;width:100%;font-size:13px}.strike-table thead th{background:var(--bg-700);color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.strike-table tbody tr{border-bottom:1px solid #1e3a5f66;transition:background .15s}.strike-table tbody tr:hover{background:#38bdf80a}.strike-table tbody td{color:var(--text-secondary);white-space:nowrap;padding:9px 14px;font-family:JetBrains Mono,monospace;font-size:12px}.row-atm{background:#4ade8014!important;border-top:1px solid #4ade804d!important;border-bottom:1px solid #4ade804d!important}.row-atm td{color:#86efac!important}.cell-strike{color:var(--sky)!important;font-weight:700!important}.cell-formula-a{color:var(--formula-a)!important}.cell-formula-b{color:var(--formula-b)!important}.cell-diff{color:var(--diff-color)!important}.cell-avg{color:var(--avg-color)!important}.skeleton-line{background:linear-gradient(90deg, var(--bg-700) 25%, var(--bg-600) 50%, var(--bg-700) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s infinite shimmer;display:block}.table-skeleton{flex-direction:column;gap:8px;padding:16px;display:flex}.skeleton-row{gap:12px;display:flex}.skeleton-cell{background:linear-gradient(90deg, var(--bg-700) 25%, var(--bg-600) 50%, var(--bg-700) 75%);background-size:200% 100%;border-radius:4px;flex:1;height:32px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.app-footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);margin-top:48px;padding:32px 24px;font-size:12px}.app-footer a{color:var(--sky);text-decoration:none}.fade-in{animation:.4s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.app-content{padding:0 16px 60px}.control-panel{flex-direction:column;align-items:stretch;padding:20px}.download-btn,.preview-btn{justify-content:center;width:100%}.navbar{flex-wrap:wrap;gap:12px;padding:16px}.hero{padding:32px 0 28px}.error-banner{flex-direction:column;gap:12px}.error-banner__retry{align-self:flex-start}}.error-banner{border:1px solid #f8717140;border-left:3px solid var(--red);border-radius:var(--radius);background:#f871710f;align-items:flex-start;gap:16px;margin-bottom:24px;padding:18px 20px;display:flex}.error-banner__icon{flex-shrink:0;margin-top:2px;font-size:20px}.error-banner__body{flex:1}.error-banner__title{color:#fca5a5;margin-bottom:4px;font-size:14px;font-weight:700}.error-banner__msg{color:var(--text-secondary);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:13px}.error-banner__hint{color:var(--text-muted);font-size:12px;line-height:1.6}.error-banner__hint strong{color:var(--text-secondary)}.error-banner__retry{border-radius:var(--radius-sm);color:#fca5a5;cursor:pointer;white-space:nowrap;background:#f871711f;border:1px solid #f871714d;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.error-banner__retry:hover:not(:disabled){background:#f8717133;border-color:#f8717180}.error-banner__retry:disabled{opacity:.5;cursor:not-allowed}.preview-btn{background:var(--bg-700);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-self:flex-end;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.preview-btn:hover:not(:disabled){color:var(--sky);background:#38bdf814;border-color:#38bdf866}.preview-btn:disabled{opacity:.5;cursor:not-allowed}.spinner--sm{border-width:1.5px;width:13px;height:13px}