:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1020;color:#e5e7eb}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,#172554 0,#0b1020 36rem)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.center-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card,.panel,.filter-card,.stat-card{border:1px solid rgba(148,163,184,.22);border-radius:1.25rem;background:#0f172ad6;box-shadow:0 24px 80px #0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-card{width:min(420px,100%);padding:2rem;display:grid;gap:1.1rem}.login-card label{display:grid;gap:.4rem;color:#cbd5e1}.login-card input{width:100%;padding:.75rem .85rem;border-radius:.8rem;border:1px solid rgba(148,163,184,.3);color:#f8fafc;background:#020617bf}.app-shell{width:min(1680px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}h1,h2,p{margin:0}h1{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}h2{font-size:1.15rem}.eyebrow{color:#38bdf8;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.12em;margin-bottom:.35rem}.muted{color:#94a3b8;margin-top:.25rem}.header-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.user-pill{border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:.55rem .8rem;color:#cbd5e1}.primary-button,.secondary-button,.pagination-row button,.pagination-row select{border:0;border-radius:.8rem;padding:.72rem .95rem;color:#fff;background:#2563eb}.secondary-button,.pagination-row button,.pagination-row select{background:#1e293bf2;border:1px solid rgba(148,163,184,.24)}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-bottom:.9rem}.filter-card{padding:1rem;min-height:9rem}.filter-title-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.8rem}.filter-title{font-weight:700}.link-button{border:0;background:transparent;color:#38bdf8;padding:0}.filter-options{display:flex;flex-wrap:wrap;gap:.45rem;max-height:7.5rem;overflow:auto}.chip{border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:.38rem .62rem;color:#cbd5e1;background:#0f172abf}.chip.selected{color:#eff6ff;background:#1d4ed8;border-color:#60a5fa}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-bottom:.9rem}.stat-card{padding:1rem}.stat-card span{display:block;color:#94a3b8;margin-bottom:.35rem}.stat-card strong{font-size:1.5rem;letter-spacing:-.03em}.panel{padding:1rem;margin-bottom:.9rem}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.segmented-control{display:inline-flex;gap:.25rem;background:#020617b3;border:1px solid rgba(148,163,184,.24);border-radius:.9rem;padding:.25rem}.segmented-control button{border:0;background:transparent;color:#cbd5e1;border-radius:.7rem;padding:.55rem .75rem}.segmented-control button.active{background:#2563eb;color:#fff}.chart{width:100%;height:560px}.chart-tooltip{min-width:240px;line-height:1.55}.chart-tooltip hr{border:0;border-top:1px solid rgba(148,163,184,.35);margin:.45rem 0}.loading-box,.empty-box,.error-box{padding:1rem;border-radius:.9rem;background:#0f172abf;border:1px solid rgba(148,163,184,.22)}.error-box{color:#fecaca;border-color:#f8717159;background:#7f1d1d33}.table-wrap{overflow:auto;border-radius:.9rem;border:1px solid rgba(148,163,184,.18)}table{width:100%;border-collapse:collapse;min-width:1280px}th,td{padding:.7rem .75rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.14);white-space:nowrap}th{position:sticky;top:0;background:#111827;color:#bfdbfe;-webkit-user-select:none;user-select:none}tbody tr:hover{background:#2563eb1a}.pagination-row{display:flex;align-items:center;gap:.5rem;padding:.8rem;background:#0f172af2;flex-wrap:wrap}.pagination-row span{color:#cbd5e1}@media(max-width:1100px){.filters-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-header,.panel-header{flex-direction:column;align-items:stretch}.filters-grid,.stats-grid{grid-template-columns:1fr}.chart{height:420px}}.menu-shell{padding-top:2.25rem}.menu-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:.9rem;align-items:stretch}.menu-panel{min-height:18rem}.quick-ranges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.date-grid label{display:grid;gap:.35rem;color:#cbd5e1}.date-grid input{width:100%;padding:.75rem .85rem;border-radius:.8rem;border:1px solid rgba(148,163,184,.3);color:#f8fafc;background:#020617bf}.view-card{display:grid;align-content:start;gap:.65rem;text-align:left;padding:1.25rem;border:1px solid rgba(148,163,184,.22);border-radius:1.25rem;color:#e5e7eb;background:linear-gradient(145deg,#1e40af99,#0f172ae0);box-shadow:0 24px 80px #0000003d}.view-card strong{font-size:1.45rem;letter-spacing:-.03em}.view-card span:last-child{color:#cbd5e1;line-height:1.45}.warning-box{padding:.9rem 1rem;border-radius:.9rem;margin-bottom:.9rem;color:#fde68a;border:1px solid rgba(245,158,11,.4);background:#78350f3d}.quant-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.trade-row{border-left:4px solid transparent}.trade-row.trade-long{box-shadow:inset 4px 0 #3b82f6e6}.trade-row.trade-short{box-shadow:inset 4px 0 #a855f7e6}.trade-row.trade-profit{background:#16653421}.trade-row.trade-loss{background:#7f1d1d29}.trade-row.trade-profit td:nth-child(9),.trade-row.trade-profit td:nth-child(10){color:#86efac;font-weight:700}.trade-row.trade-loss td:nth-child(9),.trade-row.trade-loss td:nth-child(10){color:#fca5a5;font-weight:700}.trade-row.trade-unknown-result{opacity:.75}tbody tr.trade-profit:hover{background:#1665343d}tbody tr.trade-loss:hover{background:#7f1d1d47}@media(max-width:1320px){.quant-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.menu-grid{grid-template-columns:1fr}.quant-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.date-grid,.quant-stats-grid{grid-template-columns:1fr}}
