:root{--bg:#03101c;--bg2:#071827;--panel:#0a1d2d;--panel2:#0d2436;--line:#17384e;--line2:#23526e;--text:#e9f4fb;--muted:#7f9aab;--cyan:#24c8f5;--cyan2:#0c91c4;--green:#17d68a;--red:#ff5662;--amber:#f4bf45;--shadow:0 24px 70px rgba(0,0,0,.32)}
body.light{--bg:#edf4f8;--bg2:#f8fbfd;--panel:#fff;--panel2:#f4f8fb;--line:#d6e4ec;--line2:#b9d4e3;--text:#102536;--muted:#607889;--cyan:#069dcc;--cyan2:#087ba0;--green:#0ca86c;--red:#e14150;--amber:#c88c13;--shadow:0 18px 45px rgba(38,74,96,.12)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 35% -10%,rgba(22,117,165,.16),transparent 34%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}.app-shell{display:grid;grid-template-columns:82px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#04111e,#061727);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand-mark{height:70px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}.brand-mark img{width:38px;height:38px;object-fit:contain;border-radius:10px}.brand-mark div{display:none}.side-nav{padding:10px 7px;display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:var(--muted);height:58px;border-radius:10px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.nav-item span{font-size:20px}.nav-item b{font-size:10px;font-weight:600}.nav-item:hover,.nav-item.active{color:var(--cyan);background:linear-gradient(90deg,rgba(36,200,245,.15),rgba(36,200,245,.04));box-shadow:inset 2px 0 var(--cyan)}.sidebar-foot{margin:auto 8px 12px;border-top:1px solid var(--line);padding:13px 2px;display:flex;gap:8px;align-items:center;color:var(--muted)}.sidebar-foot div{display:none}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.workspace{min-width:0}.topbar{height:70px;border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:rgba(3,16,28,.72);backdrop-filter:blur(14px);position:sticky;top:0;z-index:15}.topbar h1{margin:0;font-size:20px}.topbar p{margin:3px 0 0;color:var(--muted);font-size:12px}.topbar-actions{display:flex;gap:14px;align-items:center}.connection-pill{border:1px solid rgba(23,214,138,.35);color:var(--green);background:rgba(23,214,138,.08);padding:8px 12px;border-radius:8px;font-size:11px;font-weight:700}.connection-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.avatar-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--text);cursor:pointer}.avatar-button>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan2),#592bc3);font-weight:800}.avatar-button div{display:flex;flex-direction:column;text-align:left}.avatar-button small{color:var(--muted)}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;padding:14px}.dashboard-main{min-width:0}.panel{background:linear-gradient(155deg,rgba(13,36,54,.98),rgba(7,25,39,.98));border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}body.light .panel{background:var(--panel)}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(132px,1fr));gap:10px;margin-bottom:12px}.stat-card{position:relative;min-height:118px;padding:15px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,rgba(13,36,54,.96),rgba(8,27,42,.96));overflow:hidden}.stat-card:after{content:"";position:absolute;inset:auto 12px 11px;display:block;height:24px;background:linear-gradient(135deg,transparent 25%,rgba(36,200,245,.11) 26% 31%,transparent 32% 48%,rgba(36,200,245,.16) 49% 54%,transparent 55%);opacity:.8}.stat-card span{display:block;color:#a9bfcc;font-size:11px;font-weight:700;margin-bottom:9px}.stat-card strong{font-size:21px;position:relative;z-index:1}.stat-card small{display:block;color:var(--muted);margin-top:6px;position:relative;z-index:1}.stat-card.positive strong{color:var(--green)}.stat-card.negative strong{color:var(--red)}.equity-panel{padding:15px 18px 10px;margin-bottom:12px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.panel-heading h2{margin:0;font-size:14px}.panel-heading p{font-size:11px;color:var(--muted);margin:7px 0}.legend-line{display:inline-block;width:22px;border-top:2px solid var(--cyan);margin-right:5px;vertical-align:middle}.range-tabs{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.range-tabs button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 11px;cursor:pointer;font-size:10px}.range-tabs button:last-child{border-right:0}.range-tabs button.active{background:rgba(36,200,245,.16);color:var(--cyan)}.chart-wrap{height:192px;width:100%;overflow:hidden}.chart-wrap svg{display:block;width:100%;height:100%}.filter-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(5,minmax(105px,.7fr)) auto auto;gap:8px;margin-bottom:10px}.filter-row label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:9px}.filter-row input,.filter-row select,.inspector-field input,.inspector-field textarea,.settings-card input{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:7px;padding:10px;outline:none}.search-box{position:relative;justify-content:end}.search-box span{position:absolute;left:11px;bottom:9px;color:var(--muted);font-size:17px}.search-box input{padding-left:33px}.filter-row input:focus,.filter-row select:focus,.inspector-field input:focus,.inspector-field textarea:focus,.settings-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(36,200,245,.1)}.filter-button,.clear-button{align-self:end;height:37px;border:1px solid var(--line);border-radius:7px;padding:0 12px;background:var(--panel);color:var(--text);cursor:pointer}.clear-button{background:transparent;color:var(--muted)}.table-panel{overflow:hidden}.table-scroll{overflow:auto;max-height:400px}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:11px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{position:sticky;top:0;background:#0c2233;color:#adc0cc;font-size:10px;letter-spacing:.01em;z-index:2;cursor:pointer}tbody tr{cursor:pointer;transition:.15s}tbody tr:hover,tbody tr.selected{background:rgba(36,200,245,.08)}td.positive{color:var(--green)}td.negative{color:var(--red)}.side-buy{color:var(--green)}.side-sell{color:var(--red)}.badge{padding:4px 8px;border-radius:5px;font-size:10px;font-weight:800}.badge.win{background:rgba(23,214,138,.15);color:var(--green)}.badge.loss{background:rgba(255,86,98,.14);color:var(--red)}.badge.breakeven{background:rgba(127,154,171,.14);color:var(--muted)}.thumb{width:50px;height:30px;object-fit:cover;border:1px solid var(--line);border-radius:4px;background:#02070b}.table-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 13px;color:var(--muted);font-size:10px}.table-footer>label{justify-self:end;display:flex;align-items:center;gap:8px}.table-footer select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:6px}.pagination{display:flex;align-items:center;gap:5px}.pagination button,.pagination span button{width:29px;height:29px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:6px;cursor:pointer}.pagination span button.active{border-color:var(--cyan);color:var(--cyan);background:rgba(36,200,245,.1)}.inspector{padding:15px;position:sticky;top:84px;height:calc(100vh - 98px);overflow:auto}.inspector-heading{display:flex;justify-content:space-between;align-items:flex-start}.inspector-heading>div{display:flex;flex-direction:column;gap:6px}.inspector-heading span{font-weight:800}.inspector-heading strong{font-size:11px;color:var(--muted)}.inspector-heading button,.dialog-close{border:0;background:transparent;color:var(--muted);font-size:21px;cursor:pointer}.inspector-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:14px -4px 12px;border-bottom:1px solid var(--line)}.inspector-tabs button{border:0;background:transparent;color:var(--muted);font-size:9px;padding:9px 2px;cursor:pointer}.inspector-tabs button.active{color:var(--cyan);border-bottom:2px solid var(--cyan)}.inspector-shot{height:190px;border:1px solid var(--line);border-radius:8px;background:#02090f;display:grid;place-items:center;overflow:hidden;position:relative}.inspector-shot img{width:100%;height:100%;object-fit:contain;display:none}.inspector-shot #emptyShot{text-align:center;color:var(--muted);padding:25px;font-size:11px}.inspector-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:11px 0}.inspector-meta div{padding:8px;border:1px solid var(--line);border-radius:6px;background:rgba(0,0,0,.09)}.inspector-meta span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;margin-bottom:4px}.inspector-meta strong{font-size:11px}.inspector-field{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px;margin-top:10px}.inspector-field textarea{resize:vertical;min-height:82px}.inspector-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.inspector-gallery button{border:1px solid var(--line);background:var(--panel2);border-radius:7px;padding:5px;color:var(--muted);cursor:pointer;overflow:hidden}.inspector-gallery img{width:100%;height:54px;object-fit:cover;background:#02070b;border-radius:4px;display:block}.inspector-gallery span{display:block;padding-top:4px;font-size:9px}.save-button{width:100%;margin-top:10px;border:1px solid rgba(36,200,245,.55);background:linear-gradient(135deg,var(--cyan2),#0a699a);color:white;padding:10px;border-radius:7px;font-weight:800;cursor:pointer}.action-dock{position:fixed;right:38px;bottom:38px;width:292px;z-index:30;display:flex;flex-direction:column;gap:7px;transition:.22s;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45))}.action-dock.collapsed{opacity:0;transform:translateY(20px) scale(.96);pointer-events:none}.action-dock button,.action-dock a{border:1px solid var(--line2);background:linear-gradient(140deg,rgba(13,42,62,.98),rgba(9,27,42,.98));color:var(--text);border-radius:9px;padding:11px 12px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;text-decoration:none;text-align:left;cursor:pointer}.action-dock button.primary{border-color:var(--cyan);box-shadow:inset 0 0 18px rgba(36,200,245,.1),0 0 18px rgba(36,200,245,.12)}.action-dock>*>span{font-size:20px;color:var(--cyan)}.action-dock div{display:flex;flex-direction:column;gap:2px}.action-dock small{color:var(--muted)}.dock-toggle{position:fixed;right:21px;bottom:17px;width:52px;height:52px;border-radius:50%;border:1px solid var(--cyan);background:linear-gradient(145deg,#0a769f,#083d59);color:var(--cyan);font-size:25px;z-index:31;box-shadow:0 0 24px rgba(36,200,245,.4);cursor:pointer}dialog{border:1px solid var(--line2);border-radius:13px;padding:0;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,6,11,.78);backdrop-filter:blur(4px)}.settings-card{width:min(560px,90vw);padding:24px}.settings-card h2{margin:0 0 5px}.settings-card p{color:var(--muted)}.settings-card label{display:flex;flex-direction:column;gap:7px;margin-top:20px;font-weight:700}.settings-card>small{display:block;color:var(--muted);margin-top:6px}.dialog-close{float:right}.setting-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.setting-actions button{border:1px solid var(--cyan);background:var(--cyan2);color:#fff;padding:10px 14px;border-radius:7px;cursor:pointer}.setting-actions button.secondary{background:transparent;color:var(--cyan)}.image-modal-card{padding:12px;width:min(96vw,1500px);height:min(94vh,950px);display:flex;flex-direction:column}.image-modal-card img{width:100%;height:calc(100% - 25px);object-fit:contain;background:#01070c}.image-modal-card .dialog-close{align-self:flex-end}#toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#0d2536;border:1px solid var(--line2);color:var(--text);padding:11px 18px;border-radius:8px;z-index:50;box-shadow:var(--shadow);transition:.2s;max-width:min(700px,90vw);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{border-color:var(--red);color:#ffd3d7}
@media(min-width:1450px){.app-shell{grid-template-columns:90px minmax(0,1fr)}.main-grid{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:1250px){.stats-grid{grid-template-columns:repeat(3,1fr)}.main-grid{grid-template-columns:1fr}.inspector{position:relative;top:auto;height:auto;display:none}.inspector.open{display:block}.filter-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 14px}.topbar-actions .connection-pill{display:none}.avatar-button div{display:none}.main-grid{padding:9px}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-row{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.equity-panel{padding:12px}.range-tabs{display:none}.table-footer{grid-template-columns:1fr}.table-footer>*{justify-self:center!important;margin:5px 0}.action-dock{right:14px;bottom:68px;width:calc(100vw - 28px)}.dock-toggle{right:14px}.chart-wrap{height:150px}}
/* v5 navigation and equity controls */
.topbar{justify-content:flex-start}.side-nav{flex:0 0 auto}.nav-item#openSettingsNav{margin-top:4px}.settings-card label{margin-top:16px}.settings-card input[type="number"]{font-variant-numeric:tabular-nums}.inspector-shot{margin-top:14px}

/* v6: full-width shell, logo beside Dashboard, expanded theme system */
.app-shell.no-sidebar{display:block;min-height:100vh}.app-shell.no-sidebar .workspace{width:100%;min-width:0}.dashboard-title{display:flex;align-items:center;gap:12px}.dashboard-title img{width:40px;height:40px;object-fit:contain;border-radius:11px;background:rgba(255,255,255,.035);padding:4px;border:1px solid var(--line)}.dashboard-title h1{font-size:21px}.inspector-heading{padding-right:4px}.theme-preview-row{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:8px 0 4px}.theme-swatch{height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.theme-swatch.dark{background:linear-gradient(135deg,#03101c 45%,#24c8f5 46% 55%,#0a1d2d 56%)}.theme-swatch.light{background:linear-gradient(135deg,#f8fbfd 45%,#069dcc 46% 55%,#fff 56%)}.theme-swatch.midnight{background:linear-gradient(135deg,#070a21 45%,#7c6cff 46% 55%,#11183a 56%)}.theme-swatch.graphite{background:linear-gradient(135deg,#151719 45%,#9ba6ad 46% 55%,#23272b 56%)}.theme-swatch.amber{background:linear-gradient(135deg,#100d07 45%,#f5a623 46% 55%,#211a0e 56%)}

body.theme-midnight{--bg:#070a21;--bg2:#0b1030;--panel:#101735;--panel2:#151e43;--line:#27345d;--line2:#43548b;--text:#f0f2ff;--muted:#929bc2;--cyan:#7c6cff;--cyan2:#5244d5;--green:#38d9a9;--red:#ff6b81;--amber:#f2c66d;--shadow:0 24px 70px rgba(0,0,20,.45)}
body.theme-graphite{--bg:#141719;--bg2:#1a1e21;--panel:#202529;--panel2:#272d32;--line:#373f45;--line2:#535e66;--text:#f1f4f5;--muted:#9ba6ad;--cyan:#c4d0d6;--cyan2:#8e9ba2;--green:#4bd69b;--red:#ff6d72;--amber:#d9b56d;--shadow:0 24px 70px rgba(0,0,0,.38)}
body.theme-amber{--bg:#100d07;--bg2:#171107;--panel:#211a0e;--panel2:#2b2110;--line:#4a3718;--line2:#745526;--text:#fff6df;--muted:#b7a77d;--cyan:#f5a623;--cyan2:#cf7e00;--green:#54d27d;--red:#ff675f;--amber:#ffd166;--shadow:0 24px 70px rgba(0,0,0,.42)}
body.light{background:radial-gradient(circle at 35% -10%,rgba(6,157,204,.08),transparent 34%),var(--bg)}
body.theme-midnight{background:radial-gradient(circle at 35% -10%,rgba(124,108,255,.20),transparent 34%),var(--bg)}
body.theme-graphite{background:radial-gradient(circle at 35% -10%,rgba(180,195,204,.08),transparent 34%),var(--bg)}
body.theme-amber{background:radial-gradient(circle at 35% -10%,rgba(245,166,35,.15),transparent 34%),var(--bg)}
body.light .topbar{background:rgba(248,251,253,.82)}body.theme-midnight .topbar{background:rgba(7,10,33,.78)}body.theme-graphite .topbar{background:rgba(20,23,25,.80)}body.theme-amber .topbar{background:rgba(16,13,7,.80)}
@media(max-width:1100px){.dashboard-title img{width:36px;height:36px}}
.settings-card select{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:7px;padding:10px;outline:none}.settings-card select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 12%,transparent)}

/* v7: configurable trade setup manager */
.inspector-field select{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:7px;padding:9px;outline:none}.inspector-field select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 12%,transparent)}
.setup-manager{margin-top:20px;padding:15px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel2) 82%,transparent)}.setup-manager-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.setup-manager-heading h3{margin:0 0 4px;font-size:15px}.setup-manager-heading p{margin:0;font-size:12px}.setup-manager-heading>span{white-space:nowrap;color:var(--cyan);font-size:11px;font-weight:800;border:1px solid color-mix(in srgb,var(--cyan) 35%,var(--line));background:color-mix(in srgb,var(--cyan) 8%,transparent);padding:5px 8px;border-radius:999px}.setup-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:13px}.setup-add-row input{min-width:0}.setup-add-row button{border:1px solid var(--cyan);background:color-mix(in srgb,var(--cyan2) 82%,var(--panel));color:#fff;border-radius:7px;padding:9px 12px;font-weight:800;cursor:pointer}.setup-list{display:flex;flex-direction:column;gap:6px;max-height:190px;overflow:auto;margin-top:10px;padding-right:3px}.setup-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.setup-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-item button{border:0;background:transparent;color:var(--red);font-size:11px;font-weight:800;cursor:pointer}.setup-empty{padding:14px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:7px}.setup-manager>small{display:block;color:var(--muted);margin-top:9px;line-height:1.45}@media(max-width:560px){.setup-add-row{grid-template-columns:1fr}.setup-add-row button{width:100%}}

.note-tags-field{display:flex;flex-direction:column;gap:7px}.note-tags-field>span{font-size:12px;font-weight:800;color:var(--text)}.note-tags-field small{color:var(--muted);font-size:11px;line-height:1.4}.note-tag-choices{display:flex;flex-wrap:wrap;gap:7px;padding:9px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel2) 72%,transparent);min-height:44px}.note-tag-choice{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;cursor:pointer;transition:.15s ease}.note-tag-choice:hover{border-color:var(--cyan);color:var(--text)}.note-tag-choice.active{background:color-mix(in srgb,var(--cyan) 18%,var(--panel));border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 0 2px color-mix(in srgb,var(--cyan) 10%,transparent)}.note-tag-empty{color:var(--muted);font-size:11px;padding:5px}


/* v12: SQLite-only Trade Data + Analytical navigation */
.journal-shell{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;min-height:100vh}.journal-sidebar{display:flex!important;position:sticky;top:0;height:100vh;padding:18px 14px;background:linear-gradient(180deg,var(--panel),var(--bg2));border-right:1px solid var(--line);flex-direction:column}.brand-mark{display:flex;align-items:center;gap:11px;padding:4px 7px 20px}.brand-mark img{width:42px;height:42px;object-fit:contain;border-radius:11px;border:1px solid var(--line);padding:4px}.brand-mark div,.sidebar-footer div,.nav-item div{display:flex;flex-direction:column}.brand-mark small,.sidebar-footer small,.nav-item small{color:var(--muted);font-size:10px}.side-nav{display:flex;flex-direction:column;gap:7px}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:10px;padding:11px;display:grid;grid-template-columns:28px 1fr;gap:9px;text-align:left;cursor:pointer}.nav-item span{font-size:19px}.nav-item strong{color:inherit}.nav-item.active,.nav-item:hover{border-color:var(--line2);background:color-mix(in srgb,var(--cyan) 10%,var(--panel));color:var(--cyan)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:16px 7px 5px;display:flex;align-items:center;gap:9px}.db-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.topbar{justify-content:space-between}.top-sync{border:1px solid var(--cyan);background:color-mix(in srgb,var(--cyan2) 82%,var(--panel));color:#fff;border-radius:8px;padding:10px 15px;font-weight:800;cursor:pointer}.page-view{display:none;padding:14px 20px 28px}.page-view.active{display:block}.trade-filter-row{margin:0 0 12px}.trade-data-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px}.full-trade-panel{min-width:0}.wide-table-scroll{max-height:calc(100vh - 235px);overflow:auto}.wide-table-scroll table{min-width:3000px}.wide-table-scroll th{position:sticky;top:0;z-index:2}.note-cell{max-width:260px;white-space:normal!important}.mini-tag{display:inline-block;border:1px solid var(--line2);border-radius:999px;padding:2px 6px;margin:1px;font-size:9px;color:var(--cyan)}.analytical-page{max-width:1700px;margin:0 auto}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.analytics-card{padding:14px;min-width:0}.analytics-card.wide{grid-column:1/-1}.chart-large{height:320px}.chart-large svg{width:100%;height:100%}.metric-list{display:flex;flex-direction:column}.metric-row{display:flex;justify-content:space-between;gap:12px;padding:10px 3px;border-bottom:1px solid var(--line)}.metric-row:last-child{border-bottom:0}.metric-row span{color:var(--muted)}.bar-chart-zone{min-height:220px}.bar-chart-zone.tall{min-height:320px}.bar-list{display:flex;flex-direction:column;gap:9px;padding:8px 0}.bar-row{display:grid;grid-template-columns:minmax(90px,160px) minmax(100px,1fr) 100px;gap:10px;align-items:center}.bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.bar-track{height:10px;border-radius:999px;background:var(--line);overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:var(--green);box-shadow:0 0 12px color-mix(in srgb,var(--green) 50%,transparent)}.bar-track i.negative-bar{background:var(--red);box-shadow:0 0 12px color-mix(in srgb,var(--red) 50%,transparent)}.bar-row strong{text-align:right;font-size:11px}.donut-zone{display:flex;align-items:center;justify-content:center;gap:28px;min-height:260px;flex-wrap:wrap}.donut{width:178px;height:178px;border-radius:50%;background:conic-gradient(var(--green) 0 var(--wins),var(--red) var(--wins) var(--losses),var(--amber) var(--losses) 360deg);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:var(--panel)}.donut>div{z-index:1;text-align:center;display:flex;flex-direction:column}.donut strong{font-size:28px}.donut span{font-size:10px;color:var(--muted)}.donut-legend{display:flex;flex-direction:column;gap:12px}.donut-legend span{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;color:var(--muted)}.donut-legend i{width:9px;height:9px;border-radius:50%}.win-dot{background:var(--green)}.loss-dot{background:var(--red)}.be-dot{background:var(--amber)}.compact-table{margin-top:14px;max-height:360px}.compact-table table{min-width:900px}.empty-chart{height:100%;min-height:180px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line);border-radius:9px}
@media(max-width:1250px){.trade-data-layout{grid-template-columns:1fr}.inspector{position:relative;top:auto;height:auto}.analytics-grid{grid-template-columns:1fr}.analytics-card.wide{grid-column:auto}}
@media(max-width:820px){.journal-shell{grid-template-columns:1fr!important}.journal-sidebar{position:relative;height:auto;flex-direction:row;align-items:center;overflow:auto;padding:8px}.brand-mark,.sidebar-footer{display:none}.side-nav{flex-direction:row}.nav-item{min-width:150px}.page-view{padding:10px}.top-sync{font-size:0}.top-sync:first-letter{font-size:18px}.analytics-kpis{grid-template-columns:repeat(2,1fr)}}

/* v14: trade column visibility and broker time offset */
.column-hidden{display:none!important}.column-chooser-card{width:min(760px,calc(100vw - 28px))}.column-actions{display:flex;gap:8px;margin:12px 0}.column-actions button{border:1px solid var(--line2);background:var(--panel2);color:var(--text);border-radius:7px;padding:8px 11px;cursor:pointer}.column-chooser-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:55vh;overflow:auto;padding:4px}.column-choice{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);cursor:pointer}.column-choice input{width:16px;height:16px;accent-color:var(--cyan)}.column-choice span{color:var(--text)}.column-choice small{color:var(--cyan);font-size:9px}.settings-card label>small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4}@media(max-width:620px){.column-chooser-list{grid-template-columns:1fr}}

/* v15: account balance reference line controls + legend */
.reference-line-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:12px}.reference-line-card{border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel2) 82%,transparent);padding:11px;display:flex;flex-direction:column;gap:8px}.reference-line-title{font-size:11px;font-weight:800;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}.reference-line-card label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.reference-line-card input,.reference-line-card select{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:7px;padding:8px;outline:none}.reference-line-card input[type=color]{padding:3px;height:38px}.reference-line-card small{color:var(--muted);line-height:1.4}.reference-line-grid{display:grid;grid-template-columns:1fr 90px 1fr;gap:8px}
.chart-stack{display:flex;flex-direction:column;gap:10px;height:100%}.chart-stack svg{width:100%;height:300px}.chart-legend{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:flex-start;padding:6px 4px 2px}.chart-legend-item{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel2) 82%,transparent)}.chart-legend-item strong{font-size:12px;color:var(--text)}.chart-legend-item small{font-size:11px;color:var(--muted)}.chart-legend-line{display:inline-flex;align-items:center}.chart-legend-line i{display:block;width:28px;height:3px;border-radius:999px;background:var(--cyan)}
@media(max-width:820px){.reference-line-grid{grid-template-columns:1fr}.chart-legend{gap:8px}.chart-legend-item{border-radius:12px;align-items:flex-start}}
.journal-manager{min-height:100vh;padding:clamp(28px,6vw,80px);max-width:1280px;margin:0 auto}
.journal-manager-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}
.journal-manager h1{font-size:clamp(34px,5vw,60px);margin:6px 0 8px}.journal-manager p{color:var(--muted);margin:0}
.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:11px}
.primary-action,.journal-card button,.journal-form button{border:1px solid var(--cyan);background:linear-gradient(135deg,var(--cyan2),var(--cyan));color:#00131d;border-radius:9px;padding:11px 16px;font-weight:800;cursor:pointer}
.journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.journal-card{background:linear-gradient(155deg,rgba(13,36,54,.98),rgba(7,25,39,.98));border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)}
.journal-card h2{margin:0 0 7px}.journal-card p{min-height:38px}.journal-card-meta{display:flex;gap:18px;margin:20px 0;color:var(--muted);font-size:12px}.journal-card-meta strong{color:var(--text)}
.journal-card-actions{display:flex;gap:8px;flex-wrap:wrap}.journal-card-actions button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.journal-card-actions button.danger{background:transparent;color:var(--red);border-color:rgba(255,86,98,.45)}
.empty-journals{text-align:center;border:1px dashed var(--line2);border-radius:14px;padding:70px 20px}.empty-journals h2{margin-top:0}
.journal-form textarea{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:7px;padding:10px;resize:vertical}
#activeJournalName{color:var(--cyan);font-weight:700}
.manager-topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,80px);background:rgba(3,16,28,.86);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}
.manager-brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.manager-brand img{width:42px;height:42px;object-fit:contain}.manager-brand span{display:flex;flex-direction:column}.manager-brand small{color:var(--muted);font-size:10px;margin-top:2px}
.journal-form .secondary-action{background:transparent;color:var(--text);border-color:var(--line2)}
.top-sync:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.35)}
.mega-sync-control{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.mega-sync-control small{max-width:260px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar .clear-button{align-self:center}
.logout-button{height:37px;border:1px solid var(--line2);border-radius:8px;padding:0 13px;background:transparent;color:var(--muted);cursor:pointer}.logout-button:hover{border-color:var(--red);color:var(--red)}
.auth-page{min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(36,200,245,.18),transparent 35%),var(--bg)}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);padding:34px;background:linear-gradient(155deg,rgba(13,36,54,.98),rgba(7,25,39,.98));border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.auth-brand img{width:48px;height:48px;object-fit:contain}.auth-brand div{display:flex;flex-direction:column}.auth-brand strong{font-size:16px}.auth-brand small{color:var(--muted);margin-top:3px}.auth-card h1{font-size:32px;margin:7px 0}.auth-card>p{color:var(--muted);line-height:1.55;margin:0 0 22px}.auth-form{display:flex;flex-direction:column;gap:17px}.auth-form label{display:flex;flex-direction:column;gap:7px;font-weight:700}.auth-form label small{font-weight:400;color:var(--muted)}.auth-form input{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:12px;outline:none}.auth-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(36,200,245,.1)}.auth-form button{margin-top:5px;border:1px solid var(--cyan);background:linear-gradient(135deg,var(--cyan2),var(--cyan));color:#00131d;border-radius:9px;padding:12px 16px;font-weight:900;cursor:pointer}.auth-error{border:1px solid rgba(255,86,98,.5);background:rgba(255,86,98,.1);color:#ffd3d7;border-radius:8px;padding:11px 12px;margin-bottom:18px}
@media(max-width:640px){.journal-manager-header{align-items:stretch;flex-direction:column}.primary-action{width:100%}}
@media(max-width:820px){.mega-sync-control small{display:none}}
.sync-history-page{max-width:1700px;margin:0 auto}.history-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:12px}.history-summary-card{padding:18px}.history-summary-card span{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.history-summary-card strong{font-size:26px}.history-summary-card.success strong{color:var(--green)}.history-summary-card.failure strong{color:var(--red)}.history-panel{padding:16px}.history-heading{align-items:center}.history-heading .clear-button{align-self:auto}.history-table-scroll{max-height:calc(100vh - 270px);margin-top:10px}.history-table-scroll table{min-width:1280px}.history-table-scroll th{cursor:default}.history-table-scroll tbody tr{cursor:default}.history-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.history-status.success{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);border:1px solid color-mix(in srgb,var(--green) 35%,var(--line))}.history-status.error{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent);border:1px solid color-mix(in srgb,var(--red) 35%,var(--line))}.history-path{max-width:240px;overflow:hidden;text-overflow:ellipsis}.history-detail{max-width:360px;white-space:normal;line-height:1.45}.history-empty{text-align:center;color:var(--muted);padding:60px 20px!important}.history-notice{color:var(--amber);font-size:11px;padding-top:10px}.history-notice:empty{display:none}@media(max-width:820px){.history-summary-grid{grid-template-columns:repeat(2,1fr)}.history-table-scroll{max-height:none}}
.restore-card{width:min(650px,92vw)}.restore-card input[type=file]{padding:9px;border:1px dashed var(--line2);background:var(--panel2)}.restore-validation{display:flex;flex-direction:column;gap:5px;margin-top:16px;padding:13px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--panel2)}.restore-validation.valid{border-color:color-mix(in srgb,var(--green) 45%,var(--line));color:var(--green)}.restore-validation.invalid{border-color:color-mix(in srgb,var(--red) 50%,var(--line));color:var(--red)}.restore-validation span,.restore-validation small{color:var(--muted)}.restore-warning{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding:12px;border:1px solid color-mix(in srgb,var(--amber) 45%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--amber) 8%,transparent)}.restore-warning strong{color:var(--amber)}.restore-warning span{color:var(--muted);font-size:11px;line-height:1.5}.restore-actions{flex-wrap:wrap}.restore-actions button:disabled{cursor:not-allowed;opacity:.45}
.complete-settings-card{width:min(900px,94vw);max-height:90vh;overflow:auto}.settings-section{margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel2) 70%,transparent)}.settings-section h3{margin:0 0 4px;color:var(--cyan);font-size:13px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}.settings-grid .wide-setting{grid-column:1/-1}.settings-grid textarea{width:100%;resize:vertical;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:7px;padding:10px;outline:none}.chart-display-settings{grid-template-columns:repeat(4,minmax(120px,1fr));align-items:end}.checkbox-setting{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.checkbox-setting input{width:17px!important;height:17px;accent-color:var(--cyan)}#accountBalanceChart{--balance-line-width:3;--balance-fill-opacity:.3}#accountBalanceChart polyline[stroke="var(--cyan)"]{stroke-width:var(--balance-line-width)!important}#accountBalanceChart stop:first-child{stop-opacity:var(--balance-fill-opacity)}#accountBalanceChart.hide-reference-lines svg>line[stroke-width="2.2"],#accountBalanceChart.hide-reference-lines .chart-legend{display:none}@media(max-width:720px){.settings-grid,.chart-display-settings{grid-template-columns:1fr}.settings-grid .wide-setting{grid-column:auto}}