:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b0d10;color:#eef2f3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(15,118,110,.18),transparent 34rem),linear-gradient(145deg,#090b0e,#10151a 52%,#0c0f12)}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{border-right:1px solid rgba(255,255,255,.08);padding:24px;background:#080b0ed1;position:sticky;top:0;height:100vh}.brand,.sidebar-card,.panel-header,.toolbar,.search,.select,.metric span,.lesson,.screenshots,.import-box{display:flex;align-items:center}.brand{gap:12px;margin-bottom:34px}.brand strong{display:block}.sidebar-card strong{display:block;margin-bottom:4px}.brand span,.sidebar-card span,.muted,small{color:#8f9ba3}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#24d9a1,#1c7ed6);color:#041113}.brand-mark.large{width:62px;height:62px;margin-bottom:20px}.nav{display:grid;gap:8px}.nav button{display:flex;align-items:center;gap:10px;border:0;border-radius:8px;padding:12px 14px;color:#a7b1b8;background:transparent;text-align:left}.nav button.active,.nav button:hover,.secondary:hover,.shot-upload:hover{background:#ffffff14;color:#fff}.sidebar-card{gap:10px;margin-top:32px;padding:14px;border:1px solid rgba(36,217,161,.22);border-radius:8px;background:#24d9a10f}main{padding:30px;overflow:hidden}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{margin:0 0 8px;color:#24d9a1;font-size:.77rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,4rem);letter-spacing:0}h2{margin:0;font-size:1rem}.toolbar{gap:10px;flex-wrap:wrap;justify-content:flex-end}.search,.select,input,select,textarea{border:1px solid rgba(255,255,255,.1);background:#ffffff0e;color:#eef2f3;border-radius:8px}.search,.select{gap:8px;height:44px;padding:0 12px}.search input,.select select{border:0;background:transparent;outline:none}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none}input,select,textarea{width:100%;padding:11px 12px;outline:none}textarea{min-height:86px;resize:vertical;grid-column:1 / -1}option{color:#0b0d10}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.metric{border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#0f1317d1;box-shadow:0 18px 60px #0000003d}.panel{padding:18px}.wide{grid-column:span 2}.panel-header{gap:8px;margin-bottom:16px;color:#d9ffef}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-title-row .panel-header{margin-bottom:0}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#eef2f3;background:#ffffff12}.metric{position:relative;padding:18px;min-height:118px}.metric span{gap:8px;color:#91a0a8;font-size:.86rem}.metric strong{display:block;margin-top:18px;font-size:1.9rem;letter-spacing:0}.metric>svg{position:absolute;right:18px;bottom:18px;color:#24d9a1}.curve{display:flex;align-items:end;gap:12px;height:230px;padding:18px 4px 4px}.curve span{flex:1;min-width:18px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#24d9a1,#1c7ed6)}.bars{display:grid;gap:14px}.bars>div{display:grid;grid-template-columns:minmax(88px,1fr) 2fr auto;gap:12px;align-items:center}.bars span{display:flex;justify-content:space-between;gap:8px;min-width:0}.bars div div{height:10px;border-radius:99px;overflow:hidden;background:#ffffff14}.bars b{display:block;height:100%;border-radius:99px}.bars b.positive{background:#24d9a1}.bars b.negative{background:#ff6b6b}.green{color:#33e0a3}.red{color:#ff7b7b}.stack{display:grid;gap:10px}.mistake{display:flex;justify-content:space-between;padding:12px;border-radius:8px;background:#ffffff0e}.spotlight h3{font-size:1.6rem;margin-bottom:6px}.trade-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(300px,.9fr) minmax(340px,1.2fr);gap:16px;align-items:start}.trade-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.primary,.secondary,.shot-upload{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;min-height:44px;padding:0 14px;font-weight:800}.primary{color:#03100e;background:#24d9a1;grid-column:1 / -1}.compact{min-height:44px}.secondary,.shot-upload{color:#eef2f3;background:#ffffff14}.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,107,107,.26);border-radius:8px;padding:0 14px;color:#ffd6d6;background:#ff6b6b1a;font-weight:800}.secondary input,.shot-upload input{display:none}.import-box{margin-top:14px;gap:12px;color:#8f9ba3;font-size:.88rem}.quick-exit-row,.plan-summary{grid-column:1 / -1}.quick-exit-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.plan-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border:1px solid rgba(36,217,161,.16);border-radius:8px;background:#24d9a10d}.plan-summary span{color:#8f9ba3}.plan-summary strong{display:block;margin-top:4px;color:#d9ffef}.save-status{margin-top:12px;padding:10px 12px;border-radius:8px;color:#d9ffef;background:#24d9a114}.save-status.error{color:#ffd6d6;background:#ff6b6b1a}.profile-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-control input{width:150px;height:44px}.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.trade-list{display:grid;gap:9px;max-height:690px;overflow:auto;padding-right:4px}.trade-row{display:flex;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px;color:inherit;background:#ffffff09;text-align:left}.trade-row.selected{border-color:#24d9a199;background:#24d9a114}.trade-row span{min-width:0}.trade-row strong,.trade-row small{display:block}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.review-grid .metric{min-height:92px}.review-grid .metric strong{font-size:1.35rem}.lesson{gap:8px;color:#d9ffef}.trade-note-editor{display:grid;gap:12px;margin-bottom:14px}.scorecard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end;margin:0 0 16px;padding:12px;border:1px solid rgba(36,217,161,.16);border-radius:8px;background:#24d9a10d}.scorecard label{display:grid;gap:7px;color:#d9ffef;font-size:.86rem;font-weight:800}.scorecard label strong{color:#eef2f3}.scorecard input[type=range]{padding:0;accent-color:#24d9a1}.trade-note-editor label{display:grid;gap:8px;color:#d9ffef;font-weight:800}.trade-note-editor textarea{min-height:108px;font-weight:500;line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tags span{padding:7px 10px;border-radius:999px;color:#cceee4;background:#24d9a11c}.screenshots{flex-wrap:wrap;gap:8px;margin-bottom:14px}.shot-upload{min-width:128px;border:1px solid rgba(36,217,161,.22);color:#d9ffef}.link-note{display:block;margin-bottom:14px}.form-link-panel{grid-column:1 / -1}.link-input-group{display:grid;gap:8px}.link-note-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.link-note-row button,.stage-link-input input,.stage-link-input select{height:44px}.stage-link-input{display:grid;grid-template-columns:118px minmax(0,1fr);min-width:0}.pending-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pending-links span{display:inline-flex;align-items:center;gap:7px;max-width:100%;border-radius:999px;padding:7px 9px;color:#d9ffef;background:#24d9a117}.pending-links button{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:999px;color:#eef2f3;background:#ffffff1f}.stage-link-input select{height:44px;border-radius:8px 0 0 8px;border-right:0;background:#24d9a114;color:#d9ffef;font-weight:800}.stage-link-input input{height:44px;min-width:0;border-radius:0 8px 8px 0}.shot-grid{display:grid;gap:12px}.link-preview-stack{display:grid;gap:12px;margin-top:14px}.preview-card{display:grid;gap:7px;overflow:hidden;border:1px solid rgba(36,217,161,.18);border-radius:8px;padding:12px;color:#eef2f3;background:#ffffff0b;text-decoration:none}.preview-card strong{color:#24d9a1}.preview-card h3{margin:0;font-size:1rem}.preview-card p,.preview-card small{margin:0;color:#b8c2c8}.preview-card img,.preview-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:6px}.preview-card img{object-fit:cover;background:#ffffff14}.preview-placeholder{display:grid;place-items:center;color:#8f9ba3;background:#ffffff14}.preview-stage{width:fit-content;border:1px solid rgba(36,217,161,.22);border-radius:999px;padding:4px 9px;color:#d9ffef;background:#24d9a114;font-size:.74rem;font-weight:900}figure{margin:0}figure img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.08)}figcaption{margin-top:6px;color:#8f9ba3;font-size:.86rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.calendar-header .panel-header{margin-bottom:0}.calendar-controls{display:flex;align-items:end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.compact-select{display:grid;gap:5px;min-width:132px}.compact-select span{color:#8f9ba3;font-size:.74rem;font-weight:800;text-transform:uppercase}.compact-select select{height:44px;padding-right:34px}.weekday-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:10px;color:#8f9ba3;font-weight:800}.weekday-grid span{min-width:0;padding:0 6px;text-align:center}.day{display:block;color:inherit;text-align:center;min-height:112px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px 10px;background:#ffffff09}.day.blank{opacity:.35;pointer-events:none}.day span{display:block;margin-top:26px;line-height:1.25}.day.positive{background:#24d9a11f}.day.negative{background:#ff6b6b1f}.setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.setup-page{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-wide{grid-column:1 / -1}.setup-form{display:grid;grid-template-columns:1fr auto;gap:10px}.setup-form .primary{grid-column:auto}.setup-card{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px;background:#ffffff0a}.setup-card .secondary{width:100%;margin-top:14px}.setup-meta{display:grid;gap:5px;margin-top:10px;color:#8f9ba3;font-size:.88rem}.progress{height:9px;margin:16px 0 8px;border-radius:999px;overflow:hidden;background:#ffffff17}.progress span{display:block;height:100%;background:linear-gradient(90deg,#1c7ed6,#24d9a1)}.review-note{color:#dce5e8}.date-range,.review-writing,.review-trades{display:grid;gap:12px}.date-range{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.date-range label,.review-writing label{display:grid;gap:8px;color:#d9ffef;font-weight:800}.review-writing{grid-template-columns:repeat(3,minmax(0,1fr))}.review-writing textarea{min-height:150px}.review-save{width:fit-content;min-width:160px;margin-top:14px}.review-link{display:block;width:100%;margin-bottom:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;color:#eef2f3;background:#ffffff0d;text-align:left}.compact-shots{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.undo-toast{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:10px;border:1px solid rgba(36,217,161,.28);border-radius:8px;padding:12px;color:#eef2f3;background:#11181d;box-shadow:0 20px 70px #0000006b}.undo-toast button:not(.icon-button){display:inline-flex;align-items:center;gap:7px;border:0;border-radius:8px;padding:9px 12px;color:#03100e;background:#24d9a1;font-weight:800}.login{min-height:100vh;display:grid;grid-template-columns:minmax(320px,680px) minmax(280px,420px);align-items:center;justify-content:center;gap:22px;padding:30px}.login-panel,.login-metrics{border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#0f1317db;padding:clamp(24px,5vw,54px)}.login-panel h1{margin-bottom:16px}.login-panel p:not(.eyebrow){max-width:58ch;color:#a9b4bb;line-height:1.65}.login-panel .primary{margin-top:14px;width:auto}.auth-form{display:grid;grid-template-columns:minmax(190px,1fr) minmax(160px,.75fr) auto auto;gap:10px;margin-top:18px;max-width:860px}.auth-form span{grid-column:1 / -1;color:#8f9ba3}.demo-unlock{margin-top:12px}.login-metrics{display:grid;gap:14px}@media(max-width:1180px){.shell,.trade-layout,.login{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:860px){main{padding:18px}.topbar{display:block}.toolbar{justify-content:stretch;margin-top:16px}.search,.select{width:100%}.grid,.dashboard-grid,.review-grid,.scorecard,.review-writing,.date-range,.setup-form,.plan-summary,.quick-exit-row{grid-template-columns:1fr}.calendar-grid,.weekday-grid{grid-template-columns:repeat(7,minmax(34px,1fr));gap:6px}.calendar-controls{width:100%;justify-content:stretch}.calendar-controls .icon-button,.calendar-controls .secondary{flex:1 1 44px}.compact-select{flex:1 1 130px}.day{min-height:74px;padding:9px 4px;font-size:.9rem}.day span{margin-top:14px;font-size:.76rem}.wide{grid-column:span 1}.bars>div{grid-template-columns:1fr}.link-note-row{grid-template-columns:1fr}.stage-link-input{grid-template-columns:104px minmax(0,1fr)}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.trade-form,.auth-form{grid-template-columns:1fr}.sidebar,main,.login{padding:16px}h1{font-size:2.2rem}.metric strong{font-size:1.55rem}}
