:root{color-scheme:dark;--bg:#0b1427;--bg2:#111a31;--panel:#1b243d;--panel2:#222d49;--line:#3a4766;--text:#f5f7fb;--muted:#9ba8c0;--accent:#12c8ed;--accent2:#4edbf4;--orange:#ff8733;--danger:#ff645c;--green:#1fc37a}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:linear-gradient(180deg,#0d1930 0,#0b1427 40%,#091120 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.shell{max-width:1240px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(42px + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.brand-mark{display:flex;align-items:baseline;gap:8px}.brand-mark b{font-size:28px;letter-spacing:-.06em}.brand-mark span{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--orange)}.header-actions{display:flex;align-items:center;gap:9px}.unit-select,.round-btn,.filters button,.dates input{border:1px solid var(--line);background:#141e35;color:var(--text);border-radius:14px}.unit-select{padding:10px 12px;font-weight:750;max-width:190px}.round-btn{width:43px;height:43px;font-size:24px;cursor:pointer}.mobile-card{background:rgba(18,27,49,.88);border:1px solid var(--line);border-radius:20px;padding:11px;margin-bottom:14px;backdrop-filter:blur(15px)}.filters{display:grid;gap:10px}.quick,.shift-filter{display:flex;gap:7px}.filters button{padding:10px 14px;cursor:pointer}.quick button,.shift-filter button{flex:1}.quick button.active,.shift-filter button.active,.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#07101e!important;font-weight:850}.shift-filter button{padding:8px 12px;font-size:12px}.dates{display:flex;gap:8px;align-items:center}.dates label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.dates input{padding:8px}.summary-panel{background:linear-gradient(180deg,#222d49,#19243d);border:1px solid var(--line);border-radius:24px;padding:18px;margin:14px 0;position:relative;overflow:hidden}.summary-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px}.accent-orange:before{background:var(--orange)}.accent-blue:before{background:#2186df}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.panel-icon{width:46px;height:46px;border-radius:15px;background:#155269;display:grid;place-items:center;color:var(--accent);font-size:24px;font-weight:800}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.16em;color:var(--accent)}h2{font-size:22px;margin:2px 0 0;letter-spacing:-.02em}.hero-total{background:#2a3551;border:1px solid #364566;border-radius:20px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.hero-total span{font-weight:750;font-size:19px;color:var(--accent)}.hero-total small{display:block;color:var(--muted);margin-top:3px}.hero-values{text-align:right}.hero-values>strong{display:block;font-size:32px;letter-spacing:-.04em;color:var(--accent2)}.fee-chip{display:inline-flex!important;gap:6px;align-items:center;justify-content:flex-end}.fee-chip b{color:#d7f8ff}.summary-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:10px;margin-top:11px}.summary-static,.summary-action{color:var(--text);background:#243049;border:1px solid #3f4e6d;border-radius:18px;padding:14px;min-height:105px}.summary-static{display:flex;flex-direction:column;justify-content:space-between}.summary-static span,.summary-action span{font-weight:700}.summary-static span small,.summary-action span small,.summary-action>small,.summary-foot{color:var(--muted);font-weight:500}.summary-static strong{font-size:25px;text-align:right}.summary-foot{font-size:11px}.summary-foot b{color:#d8f7ff}.summary-action{appearance:none;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto 28px!important;grid-template-rows:auto auto;column-gap:8px;align-items:center;position:relative;cursor:pointer}.summary-action>span{grid-column:1;grid-row:1}.summary-action>strong{grid-column:2;grid-row:1/3;align-self:center;text-align:right;min-width:24px;font-size:24px}.summary-action>small{grid-column:1;grid-row:2;margin-top:4px}.summary-action>i{position:static!important;grid-column:3!important;grid-row:1/3!important;align-self:center!important;justify-self:end!important;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#172640;border:1px solid #40506e;font-size:22px;line-height:1;color:var(--accent);font-style:normal}.movement-list{display:grid;gap:9px}.movement-row{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#25314c;border:1px solid #45516d;border-radius:18px;padding:15px 17px}.movement-row span{font-weight:750}.movement-row small{display:block;color:var(--accent);margin-top:3px}.movement-row strong{color:var(--accent);font-size:19px}.section-head{margin:24px 0 9px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.channel-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.mini-kpi{min-height:118px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;color:var(--text);text-align:left}.mini-kpi span,.mini-kpi small{color:var(--muted);font-size:12px}.mini-kpi strong{font-size:22px;letter-spacing:-.035em}.mini-kpi.danger{border-color:#663633}.mini-kpi.danger strong{color:#ff9a94}.detail-button{cursor:pointer}.detail-button i{font-size:11px;color:var(--accent);font-style:normal}.mini-kpi.danger i{color:#ffaaa5}.grid{display:grid;grid-template-columns:1.45fr .8fr;gap:12px}.ops-grid{grid-template-columns:1fr 1fr;margin-top:12px}.single-card{grid-template-columns:1fr!important}.card{background:linear-gradient(180deg,#202b46,#18223a);border:1px solid var(--line);border-radius:22px;padding:18px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.bars{height:245px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid var(--line);padding-top:18px;overflow-x:auto}.bar-col{height:100%;min-width:34px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-value,.bar-label{font-size:10px;color:var(--muted);white-space:nowrap}.bar{width:72%;max-width:38px;min-height:3px;background:linear-gradient(180deg,var(--accent2),var(--accent));border-radius:7px 7px 2px 2px}.payments{display:flex;flex-direction:column;gap:13px}.payment-row{display:grid;grid-template-columns:100px 1fr auto;gap:10px;align-items:center}.track{height:8px;border-radius:999px;background:#0c1425;overflow:hidden}.fill{height:100%;background:var(--accent);border-radius:999px}.orders-card{margin-top:0}.pill{border:1px solid var(--line);color:var(--muted);font-size:11px;padding:6px 10px;border-radius:999px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;text-align:left;padding:10px 9px;border-bottom:1px solid var(--line)}td{padding:12px 9px;border-bottom:1px solid #26324d}.right{text-align:right}.type{font-size:10px;padding:4px 7px;border-radius:999px;background:#26334d;color:#d2dcf0}.updated{width:max-content;max-width:100%;margin:18px auto 8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.logout-btn{display:block;margin:0 auto;border:0;background:transparent;color:var(--muted);padding:8px 12px}.error{padding:13px 15px;border:1px solid #68302d;background:#271313;color:#ffb7b1;border-radius:12px;margin-bottom:14px}.hidden{display:none!important}.empty{text-align:center;color:var(--muted);padding:28px}.skeleton{animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.45}}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.modal-backdrop{position:absolute;inset:0;background:rgba(2,7,18,.72);backdrop-filter:blur(5px)}.modal-sheet{position:relative;width:min(760px,100%);max-height:86dvh;background:linear-gradient(180deg,#202b46,#111a30);border:1px solid var(--line);border-radius:26px 26px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));overflow:auto;box-shadow:0 -18px 60px rgba(0,0,0,.35)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-18px;background:#202b46;padding:14px 0 12px;z-index:2}.modal-close{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:#152039;color:white;font-size:27px}.modal-body{display:grid;gap:10px}.detail-group{display:grid;gap:8px;margin-bottom:9px}.detail-group h3{margin:4px 0;font-size:15px}.detail-group h3 b{float:right;color:var(--accent)}.detail-row{width:100%;border:1px solid #3c4b6d;background:#25314c;color:var(--text);border-radius:17px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}.detail-row>div:first-child{min-width:0}.detail-row b,.detail-row span,.detail-row small{display:block}.detail-row span,.detail-row small{color:var(--muted);font-size:12px;margin-top:3px}.detail-row>div:last-child{text-align:right;white-space:nowrap}.detail-row i{font-size:24px;color:var(--accent);font-style:normal}.detail-row.static{cursor:default}.detail-empty,.loading-detail,.detail-error{padding:19px;text-align:center;border:1px dashed #415171;border-radius:16px;color:var(--muted)}.detail-error{color:#ffaaa5;border-color:#70403f}.detail-error small{display:block;margin-top:8px;color:#d69b98;font-size:11px;overflow-wrap:anywhere}.detail-total{display:flex;justify-content:space-between;align-items:end;background:#26324d;border:1px solid #425172;border-radius:18px;padding:16px}.detail-total span{color:var(--muted)}.detail-total strong{font-size:26px;color:var(--accent2)}.product-row,.key-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid #2b3855}.product-row b,.product-row small{display:block}.product-row small,.key-row span,.detail-note{color:var(--muted);font-size:12px}.danger-text{color:#ff9a94}.modal-open{overflow:hidden}.login-page{min-height:100dvh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 20%,#1e2b49 0,transparent 32%),#06090f}.login-shell{width:min(430px,100%)}.login-brand{text-align:center;margin-bottom:46px}.lb-symbol{width:86px;height:64px;margin:0 auto 12px;position:relative}.lb-symbol:before,.lb-symbol:after{content:"";position:absolute;top:7px;width:25px;height:50px;transform:skew(-28deg)}.lb-symbol:before{left:16px;background:white}.lb-symbol:after{right:16px;background:var(--orange)}.login-brand h1{font-size:37px;font-weight:350;margin:0;letter-spacing:-.04em}.login-brand h1 b{font-weight:350;color:var(--orange)}.login-brand p{font-size:11px;letter-spacing:.22em;color:var(--orange);margin-top:3px}.login-form{display:grid;gap:14px}.login-field input{width:100%;height:58px;border:1px solid #d6d7db;border-radius:10px;background:white;color:#111;font-size:16px;padding:0 16px}.login-form button{height:58px;border:0;border-radius:10px;background:var(--orange);color:#111;font-size:19px;font-weight:850}.login-error{min-height:20px;color:#ff9a94;font-size:13px;text-align:center}.login-note{text-align:center;color:#6e7788;font-size:11px;margin-top:18px}@media(max-width:1050px){.channel-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.shell{padding-left:13px;padding-right:13px}.dates{width:100%;flex-wrap:wrap}.dates label{flex:1}.dates input{width:100%}.grid,.ops-grid{grid-template-columns:1fr}.channel-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.app-header{position:sticky;top:0;z-index:20;background:rgba(11,20,39,.9);margin:-18px -13px 12px;padding:calc(13px + env(safe-area-inset-top)) 13px 10px;backdrop-filter:blur(14px)}.brand-mark b{font-size:25px}.unit-select{max-width:142px}.summary-panel{border-radius:21px;padding:15px}.panel-icon{width:42px;height:42px}.panel-title h2{font-size:20px}.hero-total{align-items:flex-start}.hero-values>strong{font-size:27px}.summary-grid{grid-template-columns:1fr 1fr!important;gap:8px}.received-card{grid-column:1/-1;min-height:88px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:12px}.received-card>span{grid-column:1;grid-row:1}.received-card>strong{grid-column:2;grid-row:1/3;align-self:center;font-size:25px;text-align:right}.received-card>.summary-foot{grid-column:1;grid-row:2}.summary-action{min-height:98px!important;padding:12px!important;grid-template-columns:minmax(0,1fr) auto 28px!important}.summary-action span{font-size:12px}.summary-action strong{font-size:24px!important}.summary-action>small{font-size:11px;white-space:normal;overflow-wrap:anywhere}.summary-action>i{width:28px;height:28px}.channel-kpis{grid-template-columns:1fr 1fr}.mini-kpi{min-height:108px}.mini-kpi strong{font-size:18px}.dates .primary{width:100%}td:nth-child(3),th:nth-child(3){display:none}.modal-sheet{max-height:90dvh;border-radius:24px 24px 0 0}}