:root{color-scheme:dark;--bg:#090f1c;--panel:#111b2c;--panel2:#152137;--panel3:#1a2940;--border:#243249;--text:#ebf2ff;--muted:#8d9bb1;--muted2:#63738c;--mint:#4ad8b8;--green:#65d6ae;--red:#ff7987;--orange:#ffbf70;--purple:#9188ff;--shadow:0 18px 50px #0003}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text);font-size:13px}body{line-height:1.75}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit}svg{vertical-align:middle} .hidden{display:none!important}
.app-shell{display:flex;min-height:100vh}.sidebar{width:247px;min-width:247px;background:linear-gradient(180deg,#111a2b,#0c1525);border-left:1px solid #223149;display:flex;flex-direction:column;position:sticky;top:0;right:0;height:100vh;padding:28px 15px 18px;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 11px 31px;border-bottom:1px solid var(--border)}.brand-symbol{height:41px;width:41px;display:grid;place-items:center;border-radius:13px;color:#081c21;background:linear-gradient(135deg,#53e6c5,#9ce6b3);font:900 30px 'Segoe UI',sans-serif;box-shadow:0 8px 24px #4ad8b83b;direction:ltr}.brand strong{font-family:'Segoe UI',Tahoma,sans-serif;direction:ltr;display:block;text-align:left;line-height:1.3;letter-spacing:.5px;font-size:14px}.brand strong span{color:var(--mint)}.brand small{color:#91a0b6;display:block;font-size:10px;margin-top:3px}.side-caption{color:#64738d;letter-spacing:.3px;font-size:10px;padding:28px 16px 13px}.side-caption.second{padding-top:29px}.nav-item{display:flex;gap:14px;width:100%;padding:13px 15px;margin:2px 0;border:0;border-radius:10px;background:transparent;color:#a5b2c8;text-align:right;align-items:center;transition:background .16s,color .16s}.nav-item svg{width:18px;height:18px;stroke-width:1.8}.nav-item:hover{color:var(--text);background:#1b2940}.nav-item.active{background:#1b3542;color:#8aefcc;border-right:3px solid var(--mint);padding-right:12px;font-weight:700}.nav-icon{display:grid;place-items:center}.sidebar-bottom{margin-top:auto}.private-banner{padding:14px 11px;border:1px solid #2d4650;background:#132831;border-radius:11px;display:flex;gap:9px;align-items:center}.private-icon{color:var(--mint);font-size:16px}.private-banner strong{display:block;font-size:11px;color:#a7ecd8}.private-banner small{display:block;font-size:10px;color:#8ca7ac;line-height:1.8}.app-version{font:11px 'Segoe UI',sans-serif;color:#65738c;display:flex;justify-content:space-between;padding:24px 9px 0;direction:ltr}.app-version span{color:#9fa9bf}
.main-area{min-width:0;flex:1}.topbar{height:75px;border-bottom:1px solid #202d43;padding:0 41px;display:flex;align-items:center;justify-content:space-between;background:#0d1524}.breadcrumb{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:12px}.breadcrumb strong{color:var(--text)}.breadcrumb .sep{opacity:.5}.header-actions{display:flex;align-items:center;gap:20px}.today-label{color:#9eafc7;font-size:11px}.online-pill{border:1px solid #255449;background:#14332f;color:#91e5c9;border-radius:25px;font-size:10px;padding:4px 10px}.online-pill i{display:inline-block;width:6px;height:6px;background:#52dcba;border-radius:50%;margin-left:5px}.button{border:1px solid transparent;border-radius:9px;font-weight:700;padding:11px 19px;display:inline-flex;align-items:center;gap:7px;justify-content:center;white-space:nowrap}.button-primary{color:#072b29;background:var(--mint);box-shadow:0 6px 22px #4ad8b81a}.button-primary:hover{background:#74efd1}.button-secondary{color:#d1dcef;border-color:#34435a;background:#1b293d}.button-secondary:hover{background:#273b56}.button-danger{color:#ffadba;border-color:#713d50;background:#342233}.button-sm{padding:8px 15px}.button-plus{font-size:19px;line-height:1}.button-ghost{background:none;border:1px solid #34445a;color:#abb9d0;border-radius:9px;padding:9px 12px}.button-ghost:hover{background:#1d2c43}.content{max-width:1500px;margin:auto;padding:34px 40px 80px}.loading{padding:50px;color:var(--muted)}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:27px}.eyebrow{color:var(--mint);font-size:10px;font-family:'Segoe UI',Tahoma,sans-serif;letter-spacing:2.3px;font-weight:700;direction:ltr;text-align:right}.page-head h1{margin:5px 0 7px;font-size:26px;line-height:1.5;font-weight:700;letter-spacing:-.8px}.page-head p{color:var(--muted);margin:0;font-size:12px}.page-tools{display:flex;gap:9px;align-items:center;padding-top:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{background:linear-gradient(160deg,#152238,#111b2e);border:1px solid var(--border);padding:21px 21px 18px;border-radius:15px;min-height:141px;position:relative;overflow:hidden}.stat-card:after{content:'';height:93px;width:93px;right:auto;left:-30px;top:-42px;position:absolute;border-radius:50%;background:#b9ddff09}.stat-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.stat-name{color:#9baac0;font-size:11px}.stat-icon{display:grid;place-items:center;border-radius:10px;width:34px;height:34px;background:#203c3c;color:var(--mint)}.stat-icon svg{height:17px;width:17px}.stat-icon.purple{background:#2a2a54;color:var(--purple)}.stat-icon.orange{background:#40322b;color:var(--orange)}.stat-icon.blue{background:#26364f;color:#87bafd}.stat-value{font-family:'Segoe UI',Tahoma,sans-serif;font-size:27px;line-height:1.3;font-weight:750;margin-top:15px;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}.stat-sub{margin-top:7px;color:#74859e;font-size:10px}.positive{color:var(--mint)!important}.negative{color:var(--red)!important}.neutral{color:var(--text)!important}
.dashboard-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:18px;margin-top:19px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:15px;overflow:hidden}.panel-pad{padding:23px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-head h3{font-size:14px;margin:0}.panel-head p{margin:5px 0 0;font-size:10px;color:var(--muted)}.muted-label{color:var(--muted);font-size:11px}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:3px 9px;font-size:10px;font-weight:600;border:1px solid #405166;color:#a6bdd1;background:#1e3046}.pill.mint{color:var(--mint);background:#163934;border-color:#28574e}.pill.red{color:var(--red);background:#382735;border-color:#713946}.pill.amber{color:var(--orange);background:#3d3029;border-color:#684d33}.chart-area{height:226px;position:relative;display:flex;align-items:center;justify-content:center}.chart-area svg{height:100%;width:100%;display:block}.chart-legend{display:flex;justify-content:space-between;color:#7f90aa;font:10px 'Segoe UI',Tahoma,sans-serif;margin-top:4px;direction:ltr}.dash-rule{background:linear-gradient(135deg,#152a34,#111b2b);border-color:#2b5049}.daily-stop-num{font:750 48px 'Segoe UI',sans-serif;line-height:1.1;direction:ltr;text-align:right}.daily-stop-num small{font-size:18px;font-weight:400;color:#8399a3}.progress-rail{height:8px;background:#2b374a;border-radius:20px;overflow:hidden;margin:15px 0 13px;direction:rtl;display:flex;gap:3px}.progress-rail i{display:block;flex:1;background:#34435a;border-radius:3px}.progress-rail i.filled{background:var(--orange)}.progress-rail i.filled.danger{background:var(--red)}.rule-alert{margin-top:14px;border:1px solid #704349;color:#ffb8ba;background:#3c282c;padding:11px 12px;border-radius:10px;font-size:11px}.rule-success{color:#94c9bd;font-size:11px;line-height:2}.compact-points{margin-top:19px;display:grid;gap:11px}.compact-point{display:flex;justify-content:space-between;color:#9faec4;font-size:11px}.compact-point strong{color:var(--text);font:600 12px 'Segoe UI',Tahoma,sans-serif}.progress-label{display:flex;justify-content:space-between;margin-bottom:7px;color:#a5b1c7;font-size:11px}.progress-track{height:7px;background:#26364b;border-radius:10px;overflow:hidden}.progress-track span{height:100%;background:var(--mint);display:block;border-radius:10px}.dash-bottom{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:18px;margin-top:18px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}.data-table thead{background:#172439}.data-table th{padding:12px 17px;font-size:10px;color:#788ca6;font-weight:600}.data-table td{padding:14px 17px;font-size:11px;border-top:1px solid #243047;color:#cdd8e8}.data-table tr:hover td{background:#19283d}.data-table .num{font:600 12px 'Segoe UI',sans-serif;direction:ltr;unicode-bidi:embed}.symbol-cell strong{display:block;font:700 12px 'Segoe UI',sans-serif}.symbol-cell small{display:block;color:#7286a0}.action-row{display:flex;gap:8px}.tiny-button{padding:4px 7px;border:1px solid #344157;border-radius:6px;color:#aebcd1;background:#1b2a41;font-size:11px}.tiny-button:hover{background:#2b405d}.tiny-button.danger:hover{color:var(--red)}.panel-footer{border-top:1px solid var(--border);padding:12px 19px}.text-link{color:var(--mint);font-size:11px;border:0;background:none;padding:4px;font-weight:bold}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-height:155px;padding:20px;color:#8293ad;text-align:center;font-size:12px}.empty .empty-icon{border-radius:16px;width:50px;height:50px;display:grid;place-items:center;color:var(--mint);background:#1b3440;font-size:25px}.empty strong{color:#cbd6e6}.empty p{margin:0;max-width:350px;font-size:11px}.section-spacer{margin-top:19px}
.insight-card{padding:18px 20px;border:1px solid #284b49;background:#162c32;border-radius:12px;margin:15px 0;color:#a9d9d0;font-size:11px}.insight-card strong{display:block;color:#ccf5eb;font-size:12px;margin-bottom:5px}.filterbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filters{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.filter-input,.filter-select{border:1px solid #32415a;background:#162337;border-radius:9px;padding:10px 12px;color:#cdd8e8;min-width:160px;outline:none}.filter-input:focus,.filter-select:focus{border-color:#4cccae}.trade-summary{text-align:left;font-size:11px;color:#8ea0b7}.trade-summary strong{color:var(--text)}.table-panel{min-height:250px}.date-line{font:600 11px 'Segoe UI',sans-serif;color:#b7c7df;direction:ltr}.notes-cell{max-width:185px;overflow:hidden;text-overflow:ellipsis}.pagination-caption{color:#91a3bb;font-size:11px}
.calendar-actions{display:flex;gap:8px;align-items:center}.calendar-title{min-width:170px;text-align:center;color:#cbd8ea;font-weight:bold}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));direction:rtl}.calendar-weekdays>div{padding:15px;text-align:center;font-size:11px;color:#8b9db6;background:#142036;border-bottom:1px solid var(--border)}.day-cell{min-height:115px;border-left:1px solid #223047;border-bottom:1px solid #223047;padding:11px 12px;background:#101c2e;text-align:right;display:flex;flex-direction:column;align-items:stretch;gap:11px;color:#a6b9d4}.day-cell:hover{background:#1d2c44}.day-cell.outside{background:#0e1727;opacity:.28}.day-cell.today{outline:1px solid #4ad8b8;outline-offset:-2px}.day-cell.has-trades.positive-day{background:#142b30}.day-cell.has-trades.negative-day{background:#2c202c}.day-head{font:600 13px 'Segoe UI',sans-serif;text-align:right;direction:ltr}.day-balance{direction:ltr;text-align:right;font:700 13px 'Segoe UI',sans-serif}.day-count{color:#8596b0;font-size:10px}.calendar-legend{display:flex;gap:20px;justify-content:center;padding:17px;color:#91a2b7;font-size:11px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:3px;margin-left:6px;background:#2d4653}.legend-dot.pos{background:var(--mint)}.legend-dot.neg{background:var(--red)}
.analytics-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.metric-row:last-child{border-bottom:0}.metric-name{color:#aab7c9;font-size:11px}.metric-value{font:650 13px 'Segoe UI',Tahoma,sans-serif;white-space:nowrap}.metric-hint{display:block;color:#657994;font-size:10px;margin-top:4px}.bar-mini{height:6px;background:#293a50;border-radius:20px;max-width:180px;min-width:65px;margin-top:8px;overflow:hidden}.bar-mini span{height:100%;display:block;background:#53d7b8;border-radius:20px}.bar-mini span.loss{background:#f47f91}.psych-row{padding:13px 0;border-bottom:1px solid var(--border);display:flex;gap:14px;align-items:center;justify-content:space-between}.psych-row:last-child{border:0}.psych-row strong{display:block;font-weight:600;font-size:11px}.psych-row small{font-size:10px;color:#8d9db2}.psych-row .amount{font:700 14px 'Segoe UI',sans-serif;direction:ltr}.card-topline{font-size:12px;color:#abbcd0;margin-bottom:12px}.question-list{display:grid;gap:13px}.question-item{padding:13px 15px;border:1px solid #304158;border-radius:10px;background:#162439;display:flex;gap:12px;align-items:start}.question-item strong{font-size:12px}.question-item p{color:#8596ac;font-size:11px;margin:3px 0 0}.question-item .n{font:700 13px 'Segoe UI',sans-serif;color:var(--mint);margin-top:1px}.rule-text{font-size:12px;line-height:2.1;color:#aab9c9}.rule-text strong{color:#e4edff}.note-label{color:#8295ae;font-size:11px;margin:10px 0}.rule-stop-status{border:1px solid #355c54;border-radius:13px;background:#172d32;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:16px}.rule-stop-status.danger{background:#35252f;border-color:#753c4c}.rule-stop-status strong{display:block;margin-bottom:4px}.rule-stop-status small{display:block;color:#9fb3c7}.rule-stop-status .count{font:750 32px 'Segoe UI',sans-serif}.settings-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.settings-form{display:grid;gap:17px}.settings-buttons{display:flex;gap:10px;flex-wrap:wrap}.setting-note{font-size:11px;color:#a1b0c4;padding:13px 15px;border:1px solid #35445a;background:#18263b;border-radius:9px}.setting-note strong{color:var(--text)}.panel small{line-height:2}
.field{display:flex;flex-direction:column;gap:7px;color:#afbed2;font-size:11px;font-weight:600}.field small{font-weight:400;color:#6c809a}.field input,.field select,.field textarea{width:100%;min-width:0;outline:none;background:#101d30;border:1px solid #32415a;color:#e0eafa;padding:11px 12px;border-radius:9px;direction:rtl}.field input[type=number]{direction:ltr;text-align:right}.field input[type=datetime-local]{direction:ltr;text-align:right;color-scheme:dark}.field textarea{resize:vertical;line-height:1.85}.field input:focus,.field textarea:focus,.field select:focus{border-color:#4ee0bc;box-shadow:0 0 0 3px #4ee0bc12}option{background:#1a2940;color:#f0f5ff}
.modal-backdrop{position:fixed;inset:0;background:#030913d9;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:24px;z-index:80}.trade-modal{width:min(840px,100%);height:min(91vh,930px);background:#101a2c;border:1px solid #35435d;border-radius:18px;box-shadow:0 25px 100px #000a;display:flex;flex-direction:column;overflow:hidden}.modal-head{padding:23px 30px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:20px}.modal-head h2{font-size:20px;margin:3px 0}.modal-head p{margin:4px 0 0;color:#899bb3;font-size:11px}.modal-x{align-self:flex-start}.icon-button{border:1px solid #33435c;background:#1b2c40;color:#a2b3cd;width:32px;height:32px;display:grid;place-items:center;border-radius:8px}.trade-modal form{display:flex;flex:1;flex-direction:column;min-height:0}.form-content{padding:27px 30px 25px;overflow:auto;flex:1}.form-section-title{display:flex;align-items:center;gap:10px;color:#f0f6ff;font-size:13px;font-weight:700;margin-bottom:17px}.step-badge{font:700 11px 'Segoe UI',sans-serif;border:1px solid #315d56;color:#62e6c5;background:#1c3b40;display:grid;place-items:center;width:29px;height:29px;border-radius:9px}.form-grid{display:grid;gap:16px}.form-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-divider{border-bottom:1px solid var(--border);margin:25px 0}.stop-checkbox{display:flex;gap:12px;align-items:center;margin-top:18px;border:1px solid #6a4b40;padding:13px 15px;background:#30272b;border-radius:10px;cursor:pointer}.stop-checkbox input{accent-color:var(--orange);width:16px;height:16px}.stop-checkbox strong,.stop-checkbox small{display:block}.stop-checkbox strong{font-size:12px;color:#ffdda4}.stop-checkbox small{color:#ad8e84;font-size:10px;margin-top:2px}.condensed-fields{margin-top:19px}.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-tile{cursor:pointer;border:1px solid #34445b;border-radius:10px;background:#152238;padding:11px 12px;display:flex;align-items:center;gap:10px}.check-tile:has(input:checked){border-color:#35776a;background:#173735}.check-tile input{accent-color:var(--mint);width:16px;height:16px}.check-tile-body strong{display:block;font-size:11px;color:#d2dce9}.check-tile-body small{display:block;color:#7e91aa;font-size:9px;margin-top:1px}.full-field{margin-top:17px}.emotion-control{border:1px solid #304056;border-radius:11px;padding:13px;background:#142136}.range-label{display:flex;flex-wrap:wrap;gap:4px;color:#90a2ba;font-size:10px;margin-top:12px}.range-label input{width:100%;accent-color:var(--mint);margin:5px 0}.subsection-label{font-weight:700;font-size:11px;color:#acbad0;margin:17px 0 10px}.mistake-choices{display:flex;gap:9px;flex-wrap:wrap}.mistake-chip{display:flex;gap:6px;align-items:center;padding:7px 10px;border-radius:8px;border:1px solid #33465f;font-size:10px;color:#aabbd0;background:#17253a;cursor:pointer}.mistake-chip:has(input:checked){border-color:#a96273;color:#ffb4c0;background:#322432}.mistake-chip input{accent-color:var(--red)}.image-upload-zone{border:1px dashed #38546a;border-radius:12px;background:#142238;text-align:center;padding:19px}.upload-label{display:flex;align-items:center;flex-direction:column;gap:3px;cursor:pointer;color:#c3d1e6}.upload-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#234640;color:var(--mint);font-size:23px}.upload-label small{color:#8294ae;font-size:10px}.image-upload-zone input[type=file]{margin-top:12px;max-width:100%;font-size:10px}.image-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.image-thumb{position:relative;border-radius:8px;overflow:hidden;border:1px solid #3b4d62;width:115px}.image-thumb img{object-fit:cover;width:100%;height:75px}.image-thumb span{display:block;padding:4px;font-size:9px;color:#a8bbd0}.image-thumb button{position:absolute;top:2px;left:2px;border:0;border-radius:5px;background:#382129;color:#ffd5d7}.modal-footer{padding:15px 30px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:8px;background:#141e30}.modal-footer>div{display:flex;gap:10px}#form-message{font-size:11px;color:var(--red)}.toast{position:fixed;bottom:28px;left:28px;padding:13px 19px;background:#1b403a;color:#c4f7e7;border:1px solid #347460;border-radius:10px;box-shadow:0 12px 50px #0008;z-index:100;opacity:0;pointer-events:none;transform:translateY(15px);transition:all .2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#452a33;border-color:#8b4658;color:#ffccd4}.caption{font-size:10px;color:#8295ac;margin:10px 0 0}
@media(max-width:1120px){.sidebar{width:212px;min-width:212px}.content{padding:30px 26px 60px}.topbar{padding:0 27px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main,.dash-bottom,.analytics-layout,.settings-layout{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:relative;padding:13px}.sidebar .brand{padding-bottom:9px}.side-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;overflow:auto}.sidebar .nav-item{min-width:max-content;width:auto;padding:8px 11px;margin:3px 0;font-size:11px}.sidebar .nav-icon{display:none}.topbar{height:auto;min-height:65px;gap:8px;padding:10px 15px;flex-wrap:wrap}.today-label,.online-pill{display:none}.content{padding:22px 13px 50px}.page-head{flex-direction:column}.page-head h1{font-size:21px}.stat-grid{gap:10px}.stat-card{padding:14px}.stat-value{font-size:22px}.form-grid.columns-3,.checklist-grid{grid-template-columns:1fr}.modal-backdrop{padding:0}.trade-modal{height:100vh;border-radius:0}.form-content,.modal-head,.modal-footer{padding:14px}.calendar-weekdays>div{font-size:9px;padding:8px 0}.day-cell{padding:5px;min-height:75px}.day-balance{font-size:10px}}