:root{--orange:#ff5a1f;--ink:#161616;--muted:#707070;--line:#e9e7e2;--bg:#f6f5f2;--good:#14835b;--bad:#c2352a}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#171717;height:100vh;padding:28px 18px;position:sticky;top:0}.brand{letter-spacing:-.5px;font-size:20px;font-weight:900}.brand i{color:var(--orange);font-style:normal}.demo{color:#ffb38f;background:#2c211c;border:1px solid #6b402b;border-radius:10px;margin:24px 0;padding:9px 12px;font-size:12px;font-weight:800}.nav{gap:6px;display:grid}.nav a{color:#bbb;border-radius:9px;padding:11px 12px}.nav a:hover{color:#fff;background:#292929}.main{min-width:0;padding:30px 34px 60px}.topline,.filters,.row{justify-content:space-between;align-items:center;gap:14px;display:flex}.eyebrow{color:var(--orange);letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:800}h1{letter-spacing:-1px;margin:5px 0 20px;font-size:30px}.muted{color:var(--muted)}.filters{border:1px solid var(--line);background:#fff;border-radius:14px;flex-wrap:wrap;margin-bottom:18px;padding:12px}.filters select,.filters input,.input{border:1px solid var(--line);background:#fafafa;border-radius:8px;padding:9px 11px}.button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:10px 14px;font-weight:700}.button.orange{background:var(--orange)}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px}.kpi .label{color:var(--muted);font-size:12px;font-weight:700}.kpi .value{letter-spacing:-.7px;margin:10px 0 5px;font-size:25px;font-weight:850}.delta{color:var(--good);font-size:12px}.delta.bad,.bad{color:var(--bad)}.section{margin-top:18px}.grid2{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.chart{align-items:flex-end;gap:9px;height:220px;padding-top:20px;display:flex}.bar{background:linear-gradient(#ff8a5e,var(--orange));border-radius:6px 6px 2px 2px;flex:1;min-height:20px}.bar.dark{background:#2b2b2b}.legend{color:var(--muted);gap:18px;font-size:12px;display:flex}.dot{background:var(--orange);border-radius:2px;width:9px;height:9px;margin-right:5px;display:inline-block}.dot.dark{background:#222}.scatter{border-bottom:1px solid #bbb;border-left:1px solid #bbb;height:260px;margin:24px 12px 25px;position:relative}.bubble{background:#ff5a1fcc;border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 2px 9px #0002}.axis{color:var(--muted);font-size:11px;position:absolute}.axis.x{bottom:-22px;right:0}.axis.y{top:-20px;left:-3px}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:right;white-space:nowrap;border-bottom:1px solid #eee;padding:13px 12px}th{color:#666;background:#faf9f7;font-size:11px;position:sticky;top:0}th:first-child,td:first-child{text-align:left;background:inherit;font-weight:700;position:sticky;left:0}.pill{background:#eee;border-radius:20px;padding:4px 7px;font-size:10px}.progress{background:#eee;border-radius:5px;width:75px;height:6px;margin-right:6px;display:inline-block;overflow:hidden}.progress i{background:var(--orange);height:100%;display:block}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.setting{gap:7px;display:grid}.setting label{font-size:12px;font-weight:700}.waterfall{align-items:flex-end;gap:7px;height:250px;display:flex}.wf{color:#fff;text-align:center;background:#242424;border-radius:7px 7px 0 0;flex:1;padding:8px 5px;font-size:10px}.wf.minus{color:#222;background:#c9c6bf}.wf.final{background:var(--orange)}.notice{border-left:4px solid var(--orange);background:#fff2ec;border-radius:8px;padding:12px 14px;font-size:13px}.health{border-bottom:1px solid #eee;grid-template-columns:140px 1fr 110px;align-items:center;gap:10px;padding:13px 0;display:grid}.status{font-size:10px;font-weight:800}.ok{color:var(--good)}@media (max-width:1000px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{grid-template-columns:repeat(4,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.main{padding:22px}.form-grid{grid-template-columns:1fr}}@media (max-width:620px){.kpis{grid-template-columns:1fr}.nav{grid-template-columns:1fr 1fr}.topline{flex-direction:column;align-items:flex-start}}
.kpi.primary{color:#fff;background:#1b1b1b;border-color:#1b1b1b;grid-column:span 2;padding:22px}.kpi.primary:nth-child(2){background:var(--orange);border-color:var(--orange)}.kpi.primary .label{color:#d8d8d8;text-transform:uppercase;letter-spacing:.05em;font-size:13px}.kpi.primary:nth-child(2) .label{color:#fff3ed}.kpi.primary .value{margin:12px 0 4px;font-size:36px}.kpi-note{color:#bbb;font-size:11px;line-height:1.35}.kpi.primary:nth-child(2) .kpi-note{color:#ffe0d3}@media (max-width:620px){.kpi.primary{grid-column:span 1}}
.chart-description{color:var(--muted);margin-top:5px;font-size:12px}.daily-chart{grid-template-columns:72px 1fr;height:285px;margin:20px 0 12px;display:grid}.chart-scale{text-align:right;color:var(--muted);flex-direction:column;justify-content:space-between;padding:0 10px 48px 0;font-size:10px;display:flex}.daily-columns{background:repeating-linear-gradient(#fff 0 49%,#eee 50%);border-bottom:1px solid #ccc;border-left:1px solid #ccc;gap:8px;display:flex}.daily-day{text-align:center;flex:1;grid-template-rows:1fr 18px 24px;min-width:36px;font-size:10px;display:grid}.daily-bars{justify-content:center;align-items:flex-end;gap:3px;display:flex}.daily-bars i{border-radius:4px 4px 0 0;width:35%;max-width:25px;min-height:2px}.daily-bars .sales{background:var(--orange)}.daily-bars .purchase{background:#252525}.daily-day b{padding-top:5px}.daily-day small{color:var(--good);white-space:nowrap;font-size:9px}.client-economics{margin-top:18px}.economics-head,.economics-row{grid-template-columns:minmax(180px,1.2fr) 2fr 2fr;align-items:center;gap:16px;display:grid}.economics-head{color:var(--muted);padding-bottom:8px;font-size:11px}.economics-row{border-top:1px solid #eee;padding:11px 0;font-size:12px}.economics-row>b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-bar{background:#f1f0ed;border-radius:6px;height:26px;position:relative;overflow:hidden}.metric-bar i{border-radius:6px;position:absolute;inset:0 auto 0 0}.metric-bar .debt{background:#ffb398}.metric-bar .profit{background:#a5dac6}.metric-bar .loss{background:#e9a5a0}.metric-bar span{align-items:center;height:100%;padding:0 8px;font-weight:800;display:flex;position:relative}@media (max-width:700px){.daily-chart{overflow-x:auto}.daily-columns{min-width:600px}.economics-head,.economics-row{grid-template-columns:150px 180px 180px}.client-economics{overflow-x:auto}}
.user-form{grid-template-columns:1.4fr 1fr 1fr auto;align-items:end;gap:12px;margin-top:16px;display:grid}.user-form label{gap:6px;font-size:12px;font-weight:700;display:grid}.user-form input,.user-form select{border:1px solid var(--line);background:#fafafa;border-radius:8px;padding:10px}.bad-notice{border-left-color:var(--bad);background:#fff0ef}@media (max-width:800px){.user-form{grid-template-columns:1fr}}
.sidebar-account{color:#aaa;gap:5px;font-size:11px;display:grid;position:absolute;bottom:22px;left:18px;right:18px}.sidebar-account span{text-overflow:ellipsis;overflow:hidden}.sidebar-account small{color:#777}.sidebar-account button{color:#fff;cursor:pointer;background:#242424;border:1px solid #444;border-radius:8px;width:100%;margin-top:6px;padding:8px}.account-card{gap:70px;display:flex}.password-form{gap:14px;max-width:520px;margin-top:18px;display:grid}.password-form label{gap:6px;font-size:12px;font-weight:700;display:grid}.password-form input{border:1px solid var(--line);background:#fafafa;border-radius:8px;padding:10px}.password-form .button{justify-self:start}@media (max-width:620px){.sidebar-account{margin-top:20px;position:static}.account-card{gap:18px;display:grid}}
.refresh-control{gap:5px;min-width:190px;display:grid}.refresh-control small{max-width:220px;font-size:10px}.refresh-control button:disabled,.form-grid button:disabled{opacity:.65;cursor:wait}.sync-progress>div{background:#e8e5df;border-radius:10px;height:7px;overflow:hidden}.sync-progress i{background:var(--orange);height:100%;transition:width .35s;display:block}.sync-progress small{color:var(--muted);margin-top:3px;display:block}