:root{color-scheme:dark;--bg:#070c18;--panel:#111b2b;--panel2:#101a2c;--line:#26354d;--text:#f1f7ff;--muted:#91a6c2;--cyan:#45c9f5;--violet:#aa82fd;--mint:#42dfb7;--amber:#f5c36d;--pink:#fc78ad;--nav:#090f1f;--radius:20px;--shadow:0 20px 55px #0004;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}[hidden]{display:none!important}.app{min-height:100dvh;background:radial-gradient(ellipse at 18% -15%,#223d6480,transparent 37%),linear-gradient(160deg,#0a1324,#080e1b 48%,#090d19);max-width:1650px;margin:auto}.top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px max(18px,calc((100vw - 1260px)/2));border-bottom:1px solid #263550;background:#0a1122ed;position:sticky;top:0;z-index:12;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{height:44px;width:44px;border:1px solid #2d9fc4;border-radius:15px;background:linear-gradient(135deg,#0b3c57,#12233d);box-shadow:inset 0 1px 0 #7dd9f338,0 9px 22px #00a2e51c;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;letter-spacing:-2px}.brand-mark span{color:var(--mint);font-size:21px}.brand-copy strong{font-size:17px;letter-spacing:-.7px;display:block}.brand-copy strong i{font-size:10px;letter-spacing:1.6px;font-style:normal;font-weight:800;color:var(--cyan);margin-left:3px}.brand-copy small{display:block;color:var(--muted);font-size:11px;font-weight:600;margin-top:3px}.icon-btn{border:1px solid #28415d;background:#14253b;color:var(--cyan);width:42px;height:42px;border-radius:14px;display:grid;place-items:center}.main{max-width:1260px;margin:0 auto;min-height:calc(100dvh - 76px);padding:21px 18px 0}.page{display:none;animation:in .2s ease}.page.active{display:block}@keyframes in{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}h1,h2,h3,p{margin:0}.eyebrow{font-size:11px;color:#8cb7d9;letter-spacing:.09em;text-transform:uppercase;font-weight:800;display:flex;align-items:center;gap:9px;margin-bottom:8px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #42dfb718}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 0 19px}.page-heading h1{font-size:clamp(25px,4vw,35px);letter-spacing:-1.15px;font-weight:850}.subheading{color:var(--muted);font-size:13px;margin-top:7px;line-height:1.45}.notice{display:flex;align-items:flex-start;gap:11px;color:#a8cbe2;background:linear-gradient(100deg,#0e283a,#122036);border:1px solid #205575;border-radius:17px;padding:12px 14px;font-size:12px;line-height:1.5;margin-bottom:17px}.notice.warning{color:#efcea1;background:#32231855;border-color:#7b5d30}.notice-ico{width:19px;height:19px;flex:none;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:900}.card{background:linear-gradient(152deg,#152238,#101b2c 80%);border:1px solid #263a52;box-shadow:inset 0 1px 0 #ffffff0a;border-radius:var(--radius)}.hero{padding:22px 21px 19px;background:radial-gradient(ellipse at right top,#137eab30,transparent 56%),linear-gradient(145deg,#12283a,#121f32 82%);border-color:#2b6680;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:175px;height:175px;border-radius:50%;right:-90px;top:-86px;border:34px solid #3de1fb08;pointer-events:none}.hero-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.chip{border-radius:100px;padding:6px 11px;font-size:11px;font-weight:800;border:1px solid #38798f}.chip-cyan{color:#79dff5;background:#15445675}.faint{color:#8bacc2;font-size:11px}.big-money{margin:23px 0 4px;font-size:clamp(35px,6vw,52px);font-weight:850;letter-spacing:-2px}.big-money small{font-size:18px;letter-spacing:0;color:#9ebfd0}.hero-sub{color:#aec0d3;font-size:12px;line-height:1.45}.hero-divider{height:1px;background:#3552678c;margin:22px 0 15px}.hero-counters{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-counters>div+div{border-left:1px solid #3552677d;padding-left:18px}.hero-counters small{display:block;color:#9db5cb;font-size:11px}.hero-counters strong{display:block;margin-top:5px;font-size:22px;letter-spacing:-.5px}.section-title{font-size:16px;letter-spacing:-.4px;font-weight:780;margin:25px 0 14px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:11px}.metric{padding:15px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.metric-symbol{height:35px;width:35px;border-radius:12px;display:grid;place-items:center;font-size:19px;margin-bottom:15px;font-weight:900}.blue{color:#62d5ff;background:#1e68903b;border:1px solid #3786a280}.gold{color:#ffd479;background:#99722228;border:1px solid #96794470}.green{color:#6cefc2;background:#127e5b33;border:1px solid #31896670}.pink{color:#ffa4d4;background:#983e8033;border:1px solid #9d487b70}.metric span{font-size:12px;color:#b9cbe0}.metric strong{font-size:27px;letter-spacing:-1px;margin-top:8px}.metric small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.3}.quick-grid{display:grid;gap:10px}.quick{display:flex;align-items:center;text-align:left;padding:13px 15px;gap:13px;color:var(--text)}.quick-icon{width:42px;height:42px;border-radius:14px;font-size:27px;font-weight:550;display:grid;place-items:center;flex:none}.quick b{display:block;font-size:13px}.quick small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.quick em{margin-left:auto;color:#7cafcc;font-size:26px;font-style:normal}.bottom-space{height:115px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;justify-content:space-around;gap:3px;background:#091121f7;border-top:1px solid #2a3c54;box-shadow:0 -10px 32px #0005;backdrop-filter:blur(20px);padding:6px max(6px,calc((100vw - 1255px)/2)) calc(6px + env(safe-area-inset-bottom))}.nav-item{border:1px solid transparent;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;color:#92a8c0;min-width:0;flex:1;max-width:145px;min-height:62px;padding:6px 1px;font-size:10px;font-weight:680}.nav-item .nav-icon{display:grid;place-items:center;height:27px}.nav-item svg{width:22px;height:22px}.nav-item.active{color:#d4f5ff;border-color:#235975;background:linear-gradient(135deg,#15527380,#0f2437)}.nav-item.active .nav-icon{color:#53d5fe}.nav-item:not(.active):nth-child(3) .nav-icon{color:#ffcf68}.nav-item:not(.active):nth-child(4) .nav-icon{color:#56dcc6}.nav-item:not(.active):nth-child(5) .nav-icon{color:#db84f9}
.tight{margin-bottom:17px}.add-btn{height:47px;width:47px;border:1px solid #48afd8;background:linear-gradient(135deg,#20ade1,#4464d4);color:#fff;border-radius:15px;font-size:30px;box-shadow:0 8px 20px #1987e93b;flex:none}.search{height:51px;background:#101c2d;border:1px solid #2a4967;border-radius:16px;display:flex;gap:11px;align-items:center;padding:0 14px;color:#62bddd}.search svg{flex:none}.search input{background:transparent;color:#fff;border:0;outline:0;width:100%;min-width:0;font-size:14px}.search input::placeholder{color:#738da8}.search button{border:none;background:none;color:#8aa4be;font-size:24px}.filter-scroller{overflow-x:auto;margin:15px -18px 0;padding:0 18px 5px;scrollbar-width:none}.filter-scroller::-webkit-scrollbar{display:none}.filters{display:flex;gap:8px;width:max-content}.filter{padding:10px 14px;border-radius:12px;border:1px solid #283d56;background:#101b2d;color:#98acc3;font-size:12px;font-weight:730;min-height:39px}.filter.selected{border-color:#3b96b7;color:#8ce6ff;background:#15445a}.list-meta,.section-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.list-meta{color:#90acc5;font-size:11px;margin:15px 0 12px}.list-meta span:first-child{color:#dce9f7;font-weight:750}.order-list{display:grid;gap:11px}.order-card{text-align:left;width:100%;padding:16px;border:1px solid #293b53;background:linear-gradient(140deg,#142134,#0d1929);border-radius:18px;color:var(--text);transition:transform .15s,border-color .15s}.order-card:active{transform:scale(.995)}.order-card:hover{border-color:#426f93}.order-row{display:flex;justify-content:space-between;align-items:start;gap:10px}.order-num{font-size:15px;font-weight:850;letter-spacing:-.3px}.order-date{font-size:10px;color:var(--muted);margin-top:4px}.status{display:inline-flex;align-items:center;gap:6px;max-width:150px;border-radius:9px;padding:6px 8px;color:#d1c7a2;background:#544d2844;border:1px solid #7c683750;font-size:10px;font-weight:780;text-align:center}.status.done{color:#70e8b7;background:#164f3b61;border-color:#2d8160}.status.cancel{color:#fd9aa6;background:#67283444;border-color:#9c444e}.status.manual{color:#acd1ff;background:#285b9242;border-color:#4163a0}.order-buyer{font-size:13px;margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.order-product{color:#a0b6cc;font-size:11px;line-height:1.45;margin-top:5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.order-card-footer{margin-top:13px;padding-top:12px;border-top:1px solid #29405777;display:flex;justify-content:space-between;align-items:center}.order-price{font-size:19px;font-weight:850;letter-spacing:-.4px}.order-price small{font-size:11px;color:#9ab6c9;font-weight:550}.order-detail-hint{font-size:11px;color:#68d5f0;font-weight:700}.empty{padding:31px 18px;border:1px dashed #355370;border-radius:16px;color:#91acc4;text-align:center;font-size:13px;line-height:1.6}.load-more{width:100%;margin:15px 0;padding:14px;border:1px solid #377b9d;border-radius:14px;background:#163449;color:#9be5ff;font-weight:750}.finance-stack,.settings-list,.movement-list{display:grid;gap:11px}.wide-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px}.wide-stat span{display:block;font-weight:750;font-size:13px}.wide-stat small{display:block;margin-top:5px;color:#97aec7;font-size:11px}.wide-stat strong{font-size:12px;font-weight:780;color:#a9c4db;white-space:nowrap}.mini-number{color:#91acc5;font-size:12px}.movement{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;gap:12px}.movement-left{min-width:0}.movement strong{font-size:12px}.movement small{font-size:10px;display:block;color:#99aec6;margin-top:5px}.movement-amount{font-size:15px;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums}.setting{padding:16px;display:flex;align-items:center;gap:12px}.setting-icon{height:42px;width:42px;display:grid;place-items:center;font-size:23px;border-radius:12px;flex:none}.cyan{color:#75dcfa;background:#1b65804a}.purple{color:#c6a1ff;background:#644da04a}.setting strong{font-size:13px;display:block}.setting small{font-size:11px;color:#97acc4;display:block;margin-top:4px;line-height:1.4}.shade{position:fixed;inset:0;z-index:19;background:#030912b8;backdrop-filter:blur(5px)}.drawer{position:fixed;z-index:20;bottom:0;left:0;right:0;background:linear-gradient(155deg,#16253b,#0c1526 72%);border:1px solid #31516f;border-radius:26px 26px 0 0;max-height:94dvh;overflow:auto;box-shadow:0 -30px 70px #000a;padding:13px 19px calc(25px + env(safe-area-inset-bottom));animation:up .22s ease}@keyframes up{from{transform:translateY(30px);opacity:.5}to{transform:translateY(0);opacity:1}}.drawer-handle{width:48px;height:4px;background:#587391;border-radius:100px;margin:0 auto 18px}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:20px}.drawer-head small{color:#93acc6;font-size:12px}.drawer-head h2{font-size:23px;letter-spacing:-.65px;margin-top:3px}.close-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;border:1px solid #74436f;background:#35213b;color:#f2a5d8;font-size:24px}.detail-top{border:1px solid #285b75;background:#102739;border-radius:18px;padding:17px}.detail-top strong{font-size:24px;display:block;margin:8px 0}.detail-top small{font-size:12px;color:#96b5ce}.detail-section{margin-top:12px;border:1px solid #293d55;background:#0e192b;border-radius:16px;overflow:hidden}.detail-section summary{list-style:none;display:flex;justify-content:space-between;gap:9px;align-items:center;padding:16px;font-size:14px;font-weight:760;cursor:pointer}.detail-section summary:after{content:"⌄";color:#7bd6f6;font-size:22px}.detail-section[open] summary{border-bottom:1px solid #2b3c56}.detail-rows{padding:9px 16px 15px}.detail-pair{padding:8px 0;display:flex;justify-content:space-between;gap:16px;align-items:start;font-size:12px;line-height:1.5}.detail-pair .label{color:#8ea5c0;min-width:100px}.detail-pair .value{text-align:right;min-width:0;overflow-wrap:anywhere;font-weight:650}.editor{margin-top:14px;display:grid;gap:11px}.editor label{display:grid;gap:6px;font-size:11px;color:#a9bdd0;font-weight:700}.editor input,.editor select,.editor textarea{width:100%;padding:12px 13px;border-radius:11px;border:1px solid #36546b;background:#071629;color:#e3efff;font-size:14px}.primary-btn{display:block;width:100%;border:1px solid #5aacdf;background:linear-gradient(120deg,#2195d4,#5659df);border-radius:14px;color:#fff;padding:14px;font-size:14px;font-weight:800;margin-top:12px}.primary-btn:disabled{opacity:.5;cursor:wait}.form-hint{color:#85a5bd;font-size:11px;line-height:1.5}.toast{position:fixed;z-index:50;bottom:96px;left:50%;transform:translateX(-50%);width:min(92%,430px);background:#14344c;color:#d6f4ff;border:1px solid #4592b8;padding:13px 17px;border-radius:14px;box-shadow:var(--shadow);font-size:12px;text-align:center}@media(min-width:800px){.main{padding:32px 28px 50px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-grid{grid-template-columns:1fr 1fr}.order-list{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-stack,.settings-list{grid-template-columns:1fr 1fr}.bottom-nav{max-width:700px;left:50%;transform:translateX(-50%);border-radius:18px 18px 0 0}.drawer{left:auto;width:min(560px,100vw);height:100dvh;max-height:100dvh;border-radius:25px 0 0 25px;padding:25px}.drawer-handle{display:none}.hero{max-width:100%}}@media(max-width:360px){.brand-copy strong{font-size:14px}.metric{padding:12px}.metric strong{font-size:24px}.nav-item{font-size:9px}.main{padding-left:13px;padding-right:13px}.filter-scroller{margin-left:-13px;margin-right:-13px;padding-left:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}
.desktop-orders{display:none}.desktop-scroller{overflow:auto;border:1px solid #30445c;background:#0f1b2d;border-radius:18px;max-height:calc(100dvh - 300px)}.desktop-scroller table{border-collapse:separate;border-spacing:0;width:100%;min-width:890px;font-size:12px;text-align:left}.desktop-scroller th{position:sticky;top:0;z-index:2;background:#15263c;color:#9dbbd1;border-bottom:1px solid #36526b;font-size:11px;font-weight:780;padding:15px 13px}.desktop-scroller td{padding:13px;border-bottom:1px solid #24364d;color:#dbe9f9;vertical-align:middle}.desktop-scroller tr{cursor:pointer}.desktop-scroller tbody tr:hover{background:#182c44}.desktop-scroller td:first-child,.desktop-scroller th:first-child{position:sticky;left:0;background:#121f31;z-index:1}.desktop-scroller th:first-child{z-index:3;background:#15263c}.desktop-scroller td:first-child strong{display:block;white-space:nowrap}.desktop-scroller td:first-child small{display:block;font-size:10px;color:#86a4bc;margin-top:5px}.desktop-scroller .desktop-product{max-width:250px;line-height:1.45}.desktop-scroller .desktop-money{white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums}.desktop-scroller .desktop-open{white-space:nowrap;color:#67cdec;font-weight:770}@media(min-width:1050px){.order-list{display:none}.desktop-orders{display:block}.load-more{max-width:280px;margin:19px auto;display:block}}

.auth-cover{position:fixed;z-index:100;inset:0;overflow:auto;background:radial-gradient(circle at top,#123753,#080d19 68%);display:flex;align-items:center;justify-content:center;padding:25px}
.auth-card{width:min(420px,100%);border:1px solid #34627e;border-radius:26px;padding:26px;background:linear-gradient(145deg,#162b43,#0b1426);box-shadow:0 20px 70px #0008}
.auth-logo{font-size:47px;font-weight:900;color:#78dbff}.auth-logo span{color:#42e7bf}
.auth-card h1{margin:7px 0;font-size:27px}.auth-card p{color:#91b3ca;font-size:13px;margin:0 0 23px}
.auth-form,.auth-card form{display:grid;gap:13px}.auth-form label,.auth-card label{display:grid;gap:6px;font-size:12px;color:#a6bbd2}
.auth-form input,.account-card input,.account-card textarea,.setting input{width:100%;border:1px solid #385677;background:#0c1a2d;border-radius:12px;color:#fff;padding:13px;font-size:15px}
.auth-error{color:#ff8b9a;font-size:12px;min-height:16px}.account-card{padding:17px;margin-bottom:14px}
.account-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.account-top small{display:block;color:#93aac1;margin-top:5px}
.account-options{margin:16px 0}.account-options summary{cursor:pointer;color:#78daf5}.account-card .editor{margin:16px 0}
.account-card h3{margin:18px 0 8px;font-size:14px}.account-user{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #304159;font-size:12px}
#invite-result{display:grid;gap:8px;margin-top:12px}.setting-card{padding:15px;display:grid;gap:10px}
.setting-card .setting-info{display:flex;align-items:center;justify-content:space-between;gap:10px}
.setting-card small{color:#90a9c3;font-size:11px;display:block;margin-top:5px}
.setting-card input{max-width:95px;text-align:center}.setting-card button{padding:8px 12px}

.provider-form{margin-bottom:0}
.provider-field{display:grid;gap:9px;color:#abc6d8;font-size:12px;font-weight:700}
.provider-field input{width:100%;background:#0a192b;border:1px solid #365873;border-radius:13px;padding:13px;color:#f5faff;outline-offset:2px;font-size:15px;min-height:46px}
.provider-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.provider-actions .primary-btn{margin:0;flex:1 1 120px;min-height:41px}
.provider-actions .filter{flex:1 1 110px;min-height:41px}
.provider-actions button:disabled{opacity:.45;cursor:not-allowed}
.provider-feedback{display:block;min-height:18px;font-size:12px;color:#8eead0;overflow-wrap:anywhere}

.money-sync-state{padding:15px 16px;display:flex;align-items:center;gap:12px;margin:12px 0}
.money-sync-state .live-dot{background:#f2b85d;box-shadow:0 0 0 4px #f2b85d29;flex:none}
.money-sync-state.is-online .live-dot{background:#48e5bd;box-shadow:0 0 0 4px #48e5bd25}
.money-sync-state strong{display:block;font-size:13px}
.money-sync-state small{display:block;color:#a2b6c9;font-size:11px;line-height:1.5;margin-top:4px}
.money-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.money-actions .filter{min-height:43px;white-space:normal}
.movement{cursor:pointer;text-align:left;color:var(--text);width:100%}
.movement-amount small{text-align:right}
.bridge-token{display:block;width:100%;border:1px solid #487490;background:#09172b;color:#9cecff;border-radius:10px;padding:12px;font-family:monospace;font-size:12px;overflow-wrap:anywhere;user-select:all}
.money-info{padding:10px 0;color:#9bb7cb;font-size:12px;line-height:1.6}

/* Goods owner cockpit v4: restrained business typography and consistent density */
:root{--bg:#080e19;--panel:#141f31;--panel2:#101a2a;--line:#2a3d55;--text:#f1f6ff;--muted:#9eafc5;--cyan:#59caee;--mint:#57dfb8;--amber:#f2be76;--radius:18px}
body{background:#080e19}
.app{background:radial-gradient(ellipse at 90% -10%,#24426340,transparent 45%),linear-gradient(#0a1321,#0a101b 62%);min-height:100dvh}
.top{height:72px;background:#0b1321f5;border-color:#223346;padding:11px max(17px,calc((100vw - 1260px)/2))}
.brand-mark{width:42px;height:42px;border-radius:13px;box-shadow:inset 0 1px 0 #e7faff19;background:linear-gradient(145deg,#21425b,#102136)}
.brand-copy strong{font-size:17px;font-weight:840;letter-spacing:-.8px}
.brand-copy small{font-size:11px;font-weight:500;color:#8da6c0}
.main{padding-top:20px}
.card{border-color:#2b3e56;background:linear-gradient(156deg,#172439,#111c2d);box-shadow:0 8px 23px #0000001f,inset 0 1px 0 #ffffff0c}
.page-heading{margin-bottom:14px}
.page-heading h1{font-weight:800;letter-spacing:-1.1px}
.subheading{margin-top:4px;color:#91a9c0}
.eyebrow{letter-spacing:.05em;text-transform:none;font-size:11px;color:#82acc7;font-weight:680}
.section-title{font-size:16px;margin:23px 0 13px;font-weight:780}
.period-scroller{margin:10px -18px 15px;padding:0 18px 3px;overflow-x:auto;scrollbar-width:none}
.period-scroller::-webkit-scrollbar{display:none}
.period-tabs{display:flex;gap:7px;min-width:max-content}
.period-btn{background:#132134;border:1px solid #2b435c;border-radius:11px;padding:10px 14px;color:#a9bbcf;min-height:40px;font-size:12px;font-weight:680}
.period-btn.active{background:#18394e;color:#8de6fb;border-color:#448cac}
.custom-period{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-bottom:14px;padding:12px}
.custom-period label{display:grid;gap:6px;font-size:11px;color:#91adc2;flex:1 1 115px}
.custom-period input{width:100%;min-width:0;padding:11px 8px;border:1px solid #375772;border-radius:10px;background:#0d1b2d;color:#fff;font-size:12px}
.custom-period button{flex:0 0 auto}
.report-caption{font-size:11px;color:#809db5;margin:0 0 13px}
.hero{border:1px solid #34758a;background:radial-gradient(ellipse at 86% 4%,#1a708d4b,transparent 54%),linear-gradient(140deg,#142d40,#142333 83%);padding:21px 21px 20px;border-radius:23px}
.hero:after{display:none}
.hero-kicker{font-size:12px;font-weight:760;color:#a4def0;letter-spacing:.01em}
.big-money{font-weight:850;letter-spacing:-1.8px;font-size:clamp(33px,6vw,47px);line-height:1.1;margin:20px 0 10px;font-variant-numeric:tabular-nums}
.big-money.provisional{color:#f5f8ff}
.hero-sub{font-size:12px;color:#a4c1ce;min-height:17px}
.hero-divider{margin:19px 0 14px}
.hero-counters small{font-size:11px}
.hero-counters strong{font-size:clamp(15px,3vw,22px);letter-spacing:-.3px;overflow-wrap:anywhere}
.profit-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px}
.profit-tile{padding:15px 14px;min-width:0}
.profit-tile small{display:block;color:#a2b7c8;font-size:11px}
.profit-tile strong{display:block;font-variant-numeric:tabular-nums;font-size:clamp(16px,3vw,22px);margin-top:10px;font-weight:790;letter-spacing:-.4px;overflow-wrap:anywhere}
.profit-tile:first-child strong{color:#7bdfbf}
.profit-tile:last-child strong{color:#e9c78f}
.profit-tile span{font-size:10px;color:#809bb0;display:block;margin-top:6px;line-height:1.4}
.metrics{gap:10px}
.metric{padding:14px;border-radius:16px;min-height:124px}
.metric-symbol{margin-bottom:8px;width:30px;height:30px;border-radius:9px;font-size:15px}
.metric strong{font-size:clamp(20px,3vw,28px);font-variant-numeric:tabular-nums;margin-top:6px}
.metric small{font-size:10px;color:#90a8bd}
.trend-panel{padding:17px 14px 14px;border-radius:18px;min-height:185px}
.trend-chart{display:flex;justify-content:space-between;align-items:end;gap:5px;height:126px}
.trend-slot{flex:1 1 0;min-width:0;max-width:100px;display:flex;align-items:center;flex-direction:column;gap:8px;height:100%}
.trend-bar-track{height:100%;width:100%;display:flex;align-items:end;justify-content:center;border-bottom:1px solid #364c60}
.trend-bar{width:min(100%,23px);border-radius:5px 5px 0 0;min-height:1px;background:linear-gradient(0deg,#318dad,#67dbe1);box-shadow:0 0 13px #27a9d51a}
.trend-slot span{font-size:clamp(8px,1.5vw,10px);font-variant-numeric:tabular-nums;color:#8ca8bd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:center;min-height:13px}
.trend-total{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #273d51;margin-top:15px;padding-top:13px;font-size:11px;color:#9bb5c9}
.trend-total strong{color:#e7f5fd;font-size:14px;letter-spacing:-.2px}
.chart-caption{font-size:11px;color:#86a6bc;white-space:nowrap}
.top-toggle{display:flex;gap:5px}
.top-toggle .filter{padding:8px 11px;min-height:32px;font-size:11px}
.top-products{display:grid;gap:8px}
.top-product{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:14px;min-width:0}
.top-product-rank{width:28px;height:28px;border-radius:9px;flex:none;display:grid;place-items:center;background:#21354b;color:#9cd2e8;font-size:12px;font-weight:760}
.top-product-info{flex:1 1 auto;min-width:0}
.top-product-info strong{display:block;font-size:12px;font-weight:740;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-product-info small{font-size:10px;color:#7fa1bb;display:block;margin-top:4px}
.top-product-bar{height:4px;background:#263b4b;overflow:hidden;border-radius:6px;margin-top:9px}
.top-product-bar span{height:100%;border-radius:6px;background:linear-gradient(90deg,#348fb8,#60d9c2);display:block}
.top-product-amount{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#eaf7ff;font-weight:800}
.top-footnote{color:#7791a8;font-size:10px;line-height:1.5;margin-top:9px}
.wide-stat{padding:18px 17px;min-height:90px}
.wide-stat strong{font-size:clamp(13px,2.8vw,19px);color:#dcecf7;overflow-wrap:anywhere;text-align:right;white-space:normal}
.wide-stat small{line-height:1.45}
.quick{border-radius:16px}
#settings-connections{grid-template-columns:minmax(0,1fr)}
.provider-form{min-width:0;padding:18px}
.provider-form .provider-field{min-width:0;display:grid;gap:9px;font-size:12px;color:#a8c4d9}
.provider-form .provider-field input,
.setting-card .provider-field input{min-width:0;width:100%;max-width:none!important;height:50px;font-size:16px;line-height:1.4;padding:13px 15px;border-radius:12px;letter-spacing:normal}
.provider-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.provider-actions .filter{min-width:0;padding:10px 7px}
.provider-actions .primary-btn{grid-column:1/-1;min-height:46px;margin:0}
.provider-feedback{font-size:12px;line-height:1.5}
#settings-sync .setting-card{min-width:0}
@media(min-width:800px){.period-scroller{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.profit-tiles{grid-template-columns:repeat(2,1fr)}.hero{max-width:100%}.trend-panel{padding:22px 24px}.top-products{grid-template-columns:repeat(2,minmax(0,1fr))}.top-products>*{min-width:0}#settings-connections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.top{height:68px}.main{padding-left:15px;padding-right:15px}.period-scroller{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.hero{padding:19px 17px}.profit-tile{padding:13px 12px}.metric{padding:12px;min-height:115px}.top-product{padding:12px 10px}.top-product-amount{font-size:11px}}

.quality-review{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;margin:0 0 14px;border:1px solid #74643a7f;border-radius:12px;background:#4d3a1e2e;font-size:11px;color:#e9cca0}
.quality-review button{flex:none;border:0;background:none;color:#ffd58d;font-weight:760;padding:6px 0}
#page-home .hero-head{align-items:center}
.provider-form input[name="token"]{max-width:none!important;width:100%;min-width:0;flex:1 1 100%;display:block;box-sizing:border-box;touch-action:manipulation}

/* Executive finance section: independent economics, never duplicate overview cards */
.finance-breakdown{display:grid;gap:11px;min-width:0}
.finance-main{padding:21px 19px;border-color:#3c817b;background:linear-gradient(130deg,#163638,#172936 84%)}
.finance-main>small{display:block;color:#9fdbd0;font-size:12px;font-weight:750}
.finance-main>strong{display:block;color:#f3fffc;font-size:clamp(27px,5vw,40px);margin:12px 0;letter-spacing:-1.4px;font-variant-numeric:tabular-nums}
.finance-main>span{font-size:11px;line-height:1.6;color:#acd0c7}
.finance-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.finance-kpi-grid>.card{padding:16px;min-width:0}
.finance-kpi-grid small{color:#9eb7c8;display:block;font-size:11px;line-height:1.5}
.finance-kpi-grid strong{display:block;color:#e9f5ff;margin-top:9px;font-weight:780;font-size:clamp(15px,2.6vw,19px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.finance-breakdown .section-title{margin:16px 0 4px}
.finance-footnote{padding:15px 16px;font-size:11px;color:#b9c5d7;line-height:1.6;border-color:#6d5f3e}
.finance-footnote strong{font-size:12px;color:#e4c486}
.finance-footnote p{margin:6px 0 0}
.finance-stack{display:grid;gap:9px}
.finance-stack .wide-stat{min-height:75px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.finance-stack .wide-stat span{font-size:12px;font-weight:700}
.finance-stack .wide-stat small{font-size:10px}
.finance-stack .wide-stat strong{flex:none;font-variant-numeric:tabular-nums}
@media (min-width:800px){.finance-breakdown{grid-template-columns:1fr 1fr;column-gap:14px}.finance-main{grid-column:1/3}.finance-kpi-grid{grid-column:1/3;grid-template-columns:repeat(4,minmax(0,1fr))}.finance-breakdown>.section-title{grid-column:1/3}.finance-stack{grid-column:1/3;grid-template-columns:repeat(2,minmax(0,1fr))}.finance-footnote{grid-column:1/3}}
.money-setting-bridge{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:15px 17px}.money-setting-bridge>div{min-width:0}.money-setting-bridge strong{display:block;font-size:13px}.money-setting-bridge small{display:block;margin-top:5px;font-size:11px;color:#94aec2}.money-setting-bridge button{flex:none;min-height:40px}
@media(max-width:390px){.money-setting-bridge{align-items:stretch;flex-direction:column}.money-setting-bridge button{align-self:flex-start}}


/* GOODS: full desktop workspace; mobile remains a native bottom-tab PWA. */
.movement-columns{display:none}
.movement-date,.movement-person,.movement-note{display:none}
.movement-info{display:block;flex:1 1 auto;min-width:0}
.movement-info strong{display:block;font-size:13px;font-weight:720}
.movement-mobile-meta{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4}
.movement-amount{font-size:14px;white-space:nowrap;flex:none;line-height:1.4}
.movement-amount small{font-size:10px;font-weight:500;color:var(--muted);margin-top:3px}
.movement.card{min-height:68px}
.money-actions{margin-top:16px}
.money-actions .add-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
@media (min-width:1050px){
  .app{max-width:1650px;min-height:100dvh}
  .top{height:80px;padding:13px clamp(24px,3.2vw,64px);border-bottom:1px solid #273b50}
  .brand-mark{width:44px;height:44px}
  .brand-copy strong{font-size:19px}
  .brand-copy small{font-size:12px}
  .top-action{height:43px;width:43px}
  .main{
    max-width:1320px;
    min-height:calc(100dvh - 80px);
    margin:0 auto;
    padding:30px 34px 70px 252px;
  }
  .bottom-nav{
    position:fixed;
    top:111px;
    bottom:auto;
    left:max(22px,calc((100vw - 1650px)/2 + 40px));
    right:auto;
    transform:none;
    width:212px;
    max-width:none;
    height:auto;
    padding:11px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    gap:5px;
    border:1px solid #2b4059;
    border-radius:18px;
    box-shadow:0 12px 30px #0000002b;
    background:#111d2ef2;
    backdrop-filter:blur(16px);
  }
  .nav-item{
    width:100%;
    max-width:none;
    flex:0 0 auto;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:13px;
    min-height:49px;
    padding:11px 12px;
    border-radius:11px;
    font-size:13px;
    font-weight:680;
    text-align:left;
  }
  .nav-item .nav-icon{height:23px;width:24px;flex:none}
  .nav-item svg{width:20px;height:20px}
  .nav-item.active{background:#183b50;border-color:#33718c;color:#d9f8ff}
  .nav-item:hover:not(.active){background:#203147;color:#e3f2ff}
  .bottom-space{height:28px}
  .page-heading{margin:0 0 23px}
  .page-heading h1{font-size:34px;letter-spacing:-1.1px;line-height:1.16}
  .eyebrow{font-size:12px;margin-bottom:9px;letter-spacing:.025em}
  .subheading{font-size:14px;line-height:1.5}
  .section-title{font-size:18px;margin:27px 0 13px}
  .mini-number{font-size:12px}
  .card{border-radius:15px}
  .period-btn,.filter{font-size:13px}
  .report-caption,.chart-caption{font-size:12px}
  .hero{padding:27px 30px}
  .hero-kicker,.hero-sub{font-size:13px}
  .big-money{font-size:48px}
  .hero-counters small{font-size:12px}
  .hero-counters strong{font-size:22px}
  .profit-tile{padding:21px}
  .profit-tile small{font-size:12px}
  .profit-tile strong{font-size:24px}
  .profit-tile span{font-size:12px}
  .metric{min-height:144px;padding:19px}
  .metric span{font-size:13px}
  .metric strong{font-size:29px}
  .metric small{font-size:11px}
  .trend-panel{padding:22px 24px}
  .trend-chart{height:170px}
  .top-products{gap:10px}
  .top-product{padding:16px}
  .top-product-info strong{font-size:13px}
  .top-product-info small{font-size:11px}
  .top-product-amount{font-size:14px}
  .finance-main{padding:26px 29px}
  .finance-kpi-grid>.card{padding:20px}
  .finance-kpi-grid small{font-size:12px}
  .finance-kpi-grid strong{font-size:20px}
  .finance-stack .wide-stat{padding:18px 20px}
  .finance-stack .wide-stat span{font-size:13px}
  .finance-stack .wide-stat small{font-size:11px}
  .finance-stack .wide-stat strong{font-size:17px}
  .money-sync-state{padding:15px 18px;margin:0 0 15px}
  .money-sync-state strong{font-size:13px}
  .money-sync-state small{font-size:12px}
  .money-actions{display:flex;justify-content:flex-end;margin:0 0 14px}
  .money-actions .add-btn{width:auto;min-width:130px;height:40px;border-radius:11px;padding:0 18px;font-size:21px}
  .money-actions .add-btn::after{content:" Добавить";font-size:13px;font-weight:730;vertical-align:2px}
  .movement-list{
    display:block;
    overflow:hidden;
    border:1px solid #30465e;
    border-radius:16px;
    background:#101b2b;
  }
  .movement-columns,.movement.card{
    display:grid;
    grid-template-columns:92px minmax(160px,1.15fr) 100px minmax(120px,1.2fr) 140px;
    align-items:center;
    gap:14px;
  }
  .movement-columns{
    padding:12px 17px;
    background:#1c3046;
    color:#a0b7cf;
    font-weight:730;
    font-size:11px;
    line-height:1.5;
    border:1px solid #30465e;
    border-bottom:0;
    border-radius:15px 15px 0 0;
  }
  .movement-columns + .movement-list{border-radius:0 0 15px 15px}
  .movement.card{
    min-height:57px;
    width:100%;
    padding:12px 17px;
    margin:0;
    text-align:left;
    border:0;
    border-bottom:1px solid #27394e;
    border-radius:0;
    box-shadow:none;
    background:#111d2e;
    color:#ecf5fd;
    transition:background .15s ease;
  }
  .movement.card:nth-child(even){background:#152235}
  .movement.card:hover{background:#20344d}
  .movement.card:last-child{border-bottom:0}
  .movement-date,.movement-person,.movement-note{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#b6c8d9}
  .movement-info{min-width:0}
  .movement-info strong{font-size:13px;font-weight:720;line-height:1.4}
  .movement-mobile-meta{display:none}
  .movement-note{white-space:nowrap;color:#98adc3}
  .movement-amount{text-align:right;font-size:14px;font-weight:800}
  .movement-amount small{text-align:right}
  .settings-list{gap:14px}
  .setting,.setting-card{padding:20px}
  .setting strong,.setting-card strong{font-size:14px}
  .setting small,.setting-card small{font-size:12px}
  .drawer{width:min(620px,95vw)}
}
@media (min-width:1050px) and (max-width:1250px){
  .main{padding-left:243px;padding-right:22px}
  .bottom-nav{left:15px;width:208px}
  .movement-columns,.movement.card{grid-template-columns:87px minmax(125px,1.1fr) 90px minmax(100px,1fr) 122px;gap:8px}
}
@media(min-width:800px) and (max-width:1049px){
  .main{padding-bottom:95px}
  .bottom-nav{max-width:740px}
  .nav-item{font-size:12px}
  .movement-info strong{font-size:13px}
  .movement-amount{font-size:14px}
}
@media(max-width:799px){
  .movement.card{display:flex}
  .movement-info strong{font-size:12px}
  .movement-info .movement-mobile-meta{font-size:10px}
  .bottom-nav{max-width:none}
}

/* Search and type filters are presentation only: journal records are never modified. */
.money-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.money-search{display:flex;align-items:center;gap:9px;min-width:0;flex:1 1 200px;border:1px solid #34506a;background:#111e30;border-radius:12px;padding:0 13px;height:45px;color:#7cb5d0}
.money-search svg{flex:none;width:18px;height:18px}
.money-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#f3faff;font-size:13px}
.money-search input::placeholder{color:#7893ad}
#money-type{flex:0 1 auto;max-width:100%;height:45px;padding:0 32px 0 12px;border-radius:12px;border:1px solid #34506a;background:#111e30;color:#e2f0fc;font-size:13px}
.movement-mobile-note{font-size:11px;color:#91a8bf;display:block;margin-top:5px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
@media(min-width:1050px){.money-toolbar{max-width:none;margin-bottom:13px}.money-search{flex:0 1 440px}.money-search input{font-size:14px}.movement-mobile-note{display:none}.money-sync-state{border-radius:14px}.money-sync-state small{line-height:1.55}}
@media(max-width:600px){.money-toolbar{flex-direction:column;align-items:stretch}.money-search{flex:0 0 auto;width:100%}#money-type{width:100%}}

/* Reconcile sidebar and content alignment in the full-width workspace. */
@media(min-width:1050px){
 .main{max-width:none;margin:0;padding-left:292px;padding-right:clamp(24px,3vw,60px);padding-bottom:70px}
 .bottom-nav{left:max(22px,calc((100vw - 1650px)/2 + 40px))}
 .movement-columns,.movement.card{grid-template-columns:100px minmax(170px,1.05fr) 105px minmax(155px,1.2fr) 145px;gap:15px}
}
@media(min-width:1050px) and (max-width:1250px){
 .main{padding-left:265px;padding-right:22px}
 .movement-columns,.movement.card{grid-template-columns:88px minmax(132px,1.1fr) 87px minmax(100px,.9fr) 118px;gap:8px}
}
.movement-mobile-note{display:block;margin-top:5px;font-size:10px;line-height:1.35;color:#93afc6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:1050px){.movement-mobile-note{display:none}}

/* Mobile ledger rows: never let long financial notes widen the whole page. */
@media(max-width:1049px){
 .movement-list{grid-template-columns:minmax(0,1fr);min-width:0}
 .movement.card{min-width:0;max-width:100%;width:100%;overflow:hidden}
 .movement-info{min-width:0;flex:1 1 0}
 .movement-mobile-note{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .movement-amount{flex:0 0 auto;max-width:42%;overflow:hidden;text-overflow:ellipsis}
}

@media(min-width:1050px){.movement-info .movement-mobile-note{display:none}}

.commission-setting-group{border-top:1px solid #30445a;padding:16px 0 5px}
.commission-setting-group:first-child{border:0;padding-top:4px}
.commission-setting-group h3{font-size:14px;font-weight:760;color:#c2e0ed;margin:0 0 13px}
.commission-setting-group .setting-info{margin:0 0 9px;padding:7px 0;display:flex;justify-content:space-between;align-items:center;gap:14px}
.commission-setting-group .setting-info span{color:#bacde0;font-size:12px;line-height:1.4;max-width:360px}
.commission-setting-group input[data-tariff]{width:115px;min-width:100px;max-width:120px;font-variant-numeric:tabular-nums;text-align:right;font-size:15px}
@media(max-width:440px){.commission-setting-group .setting-info span{font-size:11px}.commission-setting-group input[data-tariff]{min-width:82px;max-width:90px}}

.order-period-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}
.order-period-toolbar label{display:flex;align-items:center;gap:9px;font-size:12px;color:#aec5d9}
.order-period-toolbar select{min-height:42px;background:#112338;color:#e1f3ff;border:1px solid #3c5770;border-radius:10px;padding:0 12px;font-size:13px}
.order-period-toolbar form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.order-period-toolbar form[hidden]{display:none}
.order-period-toolbar input{min-height:40px;max-width:150px;background:#112338;color:#e6f7ff;border:1px solid #3c5770;border-radius:10px;padding:7px;font-size:12px}
#business-scope{margin:4px 0 13px}
@media(max-width:650px){.order-period-toolbar{align-items:stretch}.order-period-toolbar label{width:100%;justify-content:space-between}.order-period-toolbar select{width:fit-content;min-width:160px}.order-period-toolbar form{width:100%}.order-period-toolbar input{flex:1;min-width:0}}

.partner-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:620px){.partner-cards{grid-template-columns:minmax(0,1fr)}}
.partner-overview{min-width:0;margin-bottom:22px}.partner-overview .section-between{margin:5px 0 12px}.partner-overview .section-title{font-size:16px}
#partner-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:12px}.partner-total{min-width:0;padding:14px}.partner-total small,.partner-main-value small{display:block;color:#acc4d7;font-size:12px;margin-bottom:8px}.partner-total strong,.partner-main-value strong{font-size:clamp(17px,2vw,25px);line-height:1.2;color:#effaff;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.partner-card{padding:17px;border:1px solid #355b75;background:linear-gradient(150deg,#172e43,#0c1b2a)}.partner-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #35516b;padding-bottom:11px}.partner-card-head strong{font-size:16px}.partner-card-head span{color:#a2d8ed;border-radius:18px;background:#1c3951;padding:5px 10px;font-size:12px}.partner-main-value{padding:14px 0}
.partner-breakdown{display:grid;gap:9px}.partner-breakdown>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.partner-breakdown span{color:#9eb7ca}.partner-breakdown b{color:#e3f6ff;white-space:nowrap}.partner-ledger-note{display:block;margin:10px 0 0;color:#a4bed0;font-size:11px;line-height:1.5}
@media(max-width:620px){#partner-summary{gap:8px}.partner-total{padding:12px}.partner-total strong{font-size:16px}.partner-card{padding:15px}.partner-breakdown>div{font-size:11px}}

/* Per-user Warsaw / Kyiv time zone controls — compact premium settings. */
.time-zone-card{padding:17px 18px;background:radial-gradient(ellipse at 100% 0%,#2b94b62b,transparent 65%),linear-gradient(130deg,#142b41,#0d1c31);border:1px solid #356b85;box-shadow:inset 0 1px 0 #ffffff12,0 11px 28px #03122533;display:grid;gap:13px;max-width:760px}
.time-zone-header{display:flex;align-items:center;gap:12px}
.time-zone-header strong{font-size:14px;display:block;letter-spacing:.1px;color:#edfaff}
.time-zone-header small{display:block;margin-top:4px;color:#a9c4d6;font-size:11px}
.time-zone-mark{width:40px;height:40px;display:grid;place-items:center;flex:none;font-size:23px;color:#85eaff;background:linear-gradient(145deg,#145275,#163450);border:1px solid #377999;border-radius:13px}
.time-zone-picker{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:#bcd4e4}
.time-zone-picker select{min-width:0;width:min(100%,285px);padding:11px 12px;border-radius:12px;border:1px solid #4585a3;color:#f0fbff;background:#0b2033;font-size:13px;font-weight:650;cursor:pointer}
.time-zone-picker select:focus-visible{outline:2px solid #75dbff;outline-offset:2px}
.time-zone-preview{color:#a8c8d9;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}
@media(max-width:480px){.time-zone-card{padding:15px}.time-zone-picker{align-items:stretch;flex-direction:column;gap:7px}.time-zone-picker select{width:100%;max-width:none}}

/* At-a-glance data freshness — no needless dashboard text. */
.source-health{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 17px;min-width:0}
.source-chip{min-width:0;display:inline-flex;align-items:center;gap:7px;border:1px solid #396d85;border-radius:999px;padding:7px 11px;background:linear-gradient(120deg,#142c40,#102235);box-shadow:inset 0 1px 0 #ffffff0d;font-variant-numeric:tabular-nums}
.source-chip b{color:#e5f8ff;font-size:11px;font-weight:780}
.source-chip time{font-size:11px;color:#aed3e5;white-space:nowrap}
.source-chip-dot{width:7px;height:7px;border-radius:50%;background:#50eac1;box-shadow:0 0 0 3px #36be9c25;flex:none}
.source-chip.warning{border-color:#947349;background:#2d261e}.source-chip.warning .source-chip-dot{background:#ffc26e;box-shadow:0 0 0 3px #d68b3425}
.source-chip.disabled{opacity:.65}.source-chip.disabled .source-chip-dot{background:#91a1b3;box-shadow:none}
.source-health-placeholder{font-size:11px;color:#91afc2}
@media(max-width:380px){.source-health{gap:6px}.source-chip{padding:7px 8px;gap:5px}.source-chip b,.source-chip time{font-size:10px}}

/* Accounting range remains visible after picker closes: compact, legible and tactile. */
.finance-period-context{display:grid;gap:4px;padding:13px 15px;margin:11px 0 16px;
 background:linear-gradient(115deg,#12283c,#102035 70%);border:1px solid #2a6078;
 border-radius:15px;box-shadow:inset 0 1px 0 #ffffff0d}
.finance-period-context>span{font-size:10px;font-weight:750;letter-spacing:.07em;
 text-transform:uppercase;color:#81bbd6}
.finance-period-context>strong{font-size:clamp(14px,3.8vw,19px);
 line-height:1.45;color:#eaf9ff;font-weight:800;font-variant-numeric:tabular-nums}
.finance-period-context>small{font-size:10px;line-height:1.5;color:#91b6c9}
.finance-kpi-grid>.card strong{font-size:clamp(13px,3.3vw,19px);white-space:nowrap;
 overflow-wrap:normal;letter-spacing:-.025em;line-height:1.35}
.finance-kpi-grid>.card span{display:block;margin-top:7px;font-size:11px;
 line-height:1.45;color:#9bb5ca;overflow-wrap:break-word}
.audit-order-details{margin-top:10px;padding:10px;border-top:1px solid #785b3c66}
.audit-order-details summary{font-size:12px;cursor:pointer;color:#ffd69d;font-weight:750}
.audit-order-links{display:grid;gap:6px;margin-top:10px}
.audit-order-link{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;width:100%;
 background:#172d3d;border:1px solid #345269;border-radius:10px;padding:10px;
 color:#d4efff;text-align:left;font-size:12px;font-weight:750}
.audit-order-link small{color:#9fbacc;font-weight:500;font-size:11px}

/* Financial decision surface: realized profit and unfinished-order forecast. */
.finance-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.finance-pair>.card{min-width:0;min-height:144px;padding:19px 17px;
  border-radius:19px;position:relative;overflow:hidden;
  box-shadow:inset 0 1px 0 #ffffff13,0 14px 32px #050f212c}
.finance-pair>.finance-main{background:linear-gradient(140deg,#123c3c,#142c39 75%,#13273a);
  border:1px solid #327e7b}
.finance-forecast{background:linear-gradient(135deg,#3a3024,#242a37 72%,#1a2c3d);
  border:1px solid #82714c}
.finance-pair>.card>small{display:block;font-size:12px;font-weight:760;
  line-height:1.4;letter-spacing:.015em}
.finance-pair>.finance-main>small{color:#9ce0d3}
.finance-pair>.finance-forecast>small{color:#eed6a7}
.finance-pair>.card>strong{display:block;color:#f5faff;
  margin:12px 0 9px;font-size:clamp(20px,2.35vw,35px);
  letter-spacing:-.045em;line-height:1.18;font-variant-numeric:tabular-nums;
  white-space:nowrap;overflow:hidden;text-overflow:clip}
.finance-pair>.finance-forecast>strong{color:#fff1d0}
.finance-pair>.card>span{display:block;color:#a9c8d0;
  font-size:11px;line-height:1.45;max-width:46ch}
.finance-pair>.finance-forecast>span{color:#d1bea2}
.finance-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.finance-kpi-grid>.card{min-width:0;box-shadow:inset 0 1px 0 #ffffff0a}
@media(max-width:600px){
 .finance-pair{gap:9px}
 .finance-pair>.card{padding:17px 13px;min-height:154px;border-radius:17px}
 .finance-pair>.card>strong{font-size:clamp(16px,4.2vw,23px);
   letter-spacing:-.05em;margin:11px 0}
 .finance-pair>.card>small{font-size:11px}
 .finance-pair>.card>span{font-size:10px;line-height:1.55}
 .finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .finance-kpi-grid>.card:last-child{grid-column:1/-1}
}

/* Desktop grid parity: both primary financial states share one full-width row. */
.finance-breakdown>.finance-pair{grid-column:1/-1;min-width:0}
.finance-pair>.finance-main,.finance-pair>.finance-forecast{grid-column:auto;min-width:0}

/* Today snapshot follows Google `обновитьСегодняНаИтогах`.
   It is NOT recognized earnings and NOT the global uncompleted forecast. */
.today-created-summary{padding:15px 18px;margin:13px 0 18px;
 background:linear-gradient(125deg,#182738,#132539);border:1px solid #36506a;
 border-radius:17px;box-shadow:inset 0 1px 0 #ffffff0b}
.today-created-title{display:flex;align-items:baseline;gap:6px 20px;
 flex-wrap:wrap;margin-bottom:13px}
.today-created-title strong{font-size:13px;color:#dceefb}
.today-created-title small{font-size:11px;line-height:1.45;color:#8fa9c1}
.today-created-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.today-created-grid>div{min-width:0;border-left:1px solid #49617a;padding:0 10px}
.today-created-grid>div:first-child{border:0;padding-left:0}
.today-created-grid small{display:block;font-size:11px;line-height:1.4;color:#9fb7cc}
.today-created-grid strong{display:block;margin-top:4px;color:#f2f9fe;
 font-size:clamp(15px,2.3vw,22px);font-variant-numeric:tabular-nums;
 line-height:1.3;letter-spacing:-.024em}
.today-created-grid>div:last-child strong{color:#f7c984}
.today-created-grid>div:last-child small:last-child{color:#c6a96e;margin-top:3px}
@media(max-width:520px){
 .today-created-summary{padding:14px 13px}
 .today-created-grid{grid-template-columns:1fr 1fr;row-gap:12px}
 .today-created-grid>div:last-child{grid-column:1/-1;border-left:0;
 border-top:1px solid #49617a;padding:10px 0 0}
 .today-created-grid>div:nth-child(2){padding-left:12px}
}

/* A 390px viewport uses 15px main gutters, not the default 18px gutters.
   Keep horizontal chips clipped to their own scroller, never to the page. */
@media(min-width:361px) and (max-width:390px){
 #page-home .filter-scroller{margin-left:-15px;margin-right:-15px;
   padding-left:15px;padding-right:15px}
}
/* Financially completed and ordered-product modes are distinct. */
#page-home [data-top-kind]{white-space:nowrap}
#page-home .top-products{margin-top:9px}
#page-home .top-product-info small{line-height:1.45;overflow-wrap:anywhere}
@media(max-width:450px){
 #page-home .top-product{gap:9px}
 #page-home .top-product-rank{width:23px;height:23px}
 #page-home .top-product-amount{font-size:11px}
}

/* Order-list inline procurement */
.order-card-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.quick-cost-form{margin-top:13px;padding-top:12px;border-top:1px solid #30465e;display:grid;gap:9px;min-width:0}
.quick-cost-title{font-size:11px;font-weight:770;color:#91cde7}
.quick-cost-lines{display:grid;gap:9px;min-width:0}
.quick-cost-line{display:grid;gap:5px;min-width:0;color:#9db6ce;font-size:11px;font-weight:680}
.quick-cost-line input{width:100%;min-width:0;height:44px;padding:10px 12px;border:1px solid #466c84;border-radius:11px;background:#0a192b;color:#f1f7ff;font-size:16px;font-variant-numeric:tabular-nums}
.quick-cost-line input:focus{outline:2px solid #4ec7ed;outline-offset:1px}
.quick-cost-save{min-height:42px;padding:10px 13px;border:1px solid #4b9cbb;border-radius:11px;background:#15516e;color:#e1f6ff;font-weight:750;font-size:12px}
.quick-cost-save:disabled{opacity:.5;cursor:wait}
.desktop-purchase{min-width:180px;width:220px}
.desktop-purchase .quick-cost-form{margin:0;padding:0;border:0;gap:6px}
.desktop-purchase .quick-cost-line input{height:37px;padding:6px 9px;font-size:13px}
.desktop-purchase .quick-cost-save{min-height:36px;padding:7px;font-size:11px}
.quick-cost-done{color:#6cefc2;font-size:11px;font-weight:760}
.quick-cost-missing{color:#8ea5bf;font-size:11px}
.order-card.manual-order{border-color:#65508b;background:linear-gradient(145deg,#22203b,#14192c)}
.order-card.manual-order .order-num{color:#dbcaff}
.desktop-scroller tr.manual-order>td{background:#1e1b36}
.desktop-scroller tr.manual-order>td:first-child{border-left:3px solid #ad8ae8}
.status.manual{color:#e0c5ff;background:#5b357d58;border-color:#8f68bd8c}
.manual-contact-options summary{cursor:pointer;color:#bdc8ff;font-size:12px;font-weight:750}
.prom-wallet-actual{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:13px}
.prom-wallet-actual small{color:#93c8de;font-size:12px;font-weight:750}
.prom-wallet-actual strong{font-size:clamp(25px,5vw,36px);line-height:1.15;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:#eafcff}
.prom-wallet-actual span{color:#a3b8ce;font-size:12px}
#prom-wallet-summary>.form-hint{padding-top:10px}
#prom-wallet-panel{width:100%;min-width:0;margin:0 0 15px;padding:18px 19px;background:linear-gradient(135deg,#14384a,#11253b 82%);border-color:#2e6880;display:grid;gap:9px;overflow:hidden}
#prom-wallet-panel h2{margin:0;color:#acd8e8;font-size:14px;font-weight:750;letter-spacing:0}
#prom-wallet-summary{display:block;min-width:0;max-width:100%;font-size:clamp(25px,6.4vw,39px);font-weight:850;line-height:1.17;letter-spacing:-.045em;color:#f3fbff;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:clip}
#page-partners .page-heading{margin-bottom:13px}
.partner-access{display:grid;gap:9px;margin-top:17px}
.partner-access label{color:#a7c5d9;font-size:12px;font-weight:750}
.partner-link-row{display:flex;align-items:stretch;gap:8px;min-width:0}
.partner-link-row input{flex:1;min-width:0;height:43px;border:1px solid #355570;background:#091828;border-radius:11px;color:#dfeffc;padding:8px 10px;font-size:12px}
.partner-link-row .filter{flex:none;min-height:43px;padding:8px 12px}
@media(max-width:365px){#prom-wallet-panel{padding:16px 14px}#prom-wallet-summary{font-size:clamp(20px,6vw,27px)}.partner-link-row{flex-wrap:wrap}.partner-link-row .filter{width:100%}}
.order-fee-evidence{margin-top:13px;padding-top:10px;border-top:1px solid #30465e}
.manual-contact-fields{display:grid;gap:11px;margin-top:12px}
.manual-contact-options{padding:12px;border:1px solid #30485f;border-radius:12px}
.order-fee-evidence summary{cursor:pointer;color:#91cde7;font-size:12px;font-weight:740;padding:10px 0}

/* Responsive operational trend chart, no horizontal overflow. */
.insight-section{min-width:0}
.trend-panel.card{padding:16px 14px 13px;min-width:0;overflow:hidden;display:grid;gap:11px}
.trend-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}
.trend-mode{min-width:0;min-height:43px;padding:9px 6px;border:1px solid #324d67;border-radius:11px;background:#112137;color:#acc1d5;font-weight:750;font-size:11px;line-height:1.25;text-align:center;white-space:normal;cursor:pointer}
.trend-mode.selected{background:#1c4960;color:#ecfdff;border-color:#52adce}
.trend-mode:focus-visible,.trend-column:focus-visible .trend-hit-area{outline:2px solid #63d9ee;outline-offset:2px}
.trend-figure,.trend-visual{min-width:0;width:100%;overflow:hidden}
.trend-visual svg{display:block;width:100%;height:auto;max-height:305px;overflow:visible}
.trend-grid-line{stroke:#34475d;stroke-width:.8;stroke-dasharray:3 5}
.trend-zero-line{stroke:#7390a9;stroke-width:1.25}
.trend-tick{fill:#8da8bd;font-size:11px;font-weight:600}
.trend-x-label{fill:#adc3d5;font-size:11px;font-weight:700;pointer-events:none}
.trend-value-bar{fill:#4a9fca;transition:fill .12s}
.trend-value-bar.negative{fill:#bb657a}
.trend-column.active .trend-value-bar{fill:#68e4c3}
.trend-column.active .trend-value-bar.negative{fill:#f09a94}
.trend-column.active .trend-x-label{fill:#eaffff;font-weight:850}
.trend-hit-area{fill:transparent;cursor:pointer}
.trend-detail{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 2px 2px;border-top:1px solid #314357}
.trend-detail>div{display:grid;gap:4px;min-width:0}
.trend-current-date,.trend-total-box span{color:#96b2c8;font-size:11px;font-weight:730}
.trend-current-value{font-size:clamp(20px,4.6vw,29px);font-weight:850;color:#e6f9ff;line-height:1.15;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.trend-meaning{color:#90a9bf;font-size:11px;line-height:1.45}
.trend-total-box{flex:none;text-align:right}
.trend-total-box strong{color:#b1eddd;font-size:clamp(13px,2.7vw,17px);font-weight:790;white-space:nowrap;font-variant-numeric:tabular-nums}
.trend-empty{padding:40px 15px;color:#a4bdd0;text-align:center;font-size:12px}
.trend-zero-note{color:#829aae;font-size:11px;margin:0}
@media(min-width:760px){
 .trend-panel.card{padding:21px 26px;gap:15px}
 .trend-modes{display:flex;flex-wrap:wrap;gap:8px}
 .trend-mode{padding:10px 16px;font-size:12px;min-height:41px}
 .trend-detail{padding-top:16px}
}
@media(max-width:370px){
 .trend-panel.card{padding:13px 8px}
 .trend-mode{padding:8px 3px;font-size:10px;min-height:45px}
 .trend-current-value{font-size:21px}
 .trend-total-box strong{font-size:12px}
}

/* Chart geometry must NOT inherit global navigation-icon SVG strokes. */
.trend-visual svg{width:100%;height:auto;stroke:none;stroke-width:0;fill:none;overflow:hidden}
.trend-visual text,.trend-visual tspan{stroke:none!important;stroke-width:0!important;paint-order:normal}
.trend-visual .trend-hit-area{fill:transparent!important;stroke:none!important;stroke-width:0!important}
.trend-visual .trend-grid-line{stroke:#37506a;stroke-width:.75;stroke-dasharray:3 5}
.trend-visual .trend-zero-line{stroke:#728ba2;stroke-width:1}
.trend-visual .trend-value-bar{fill:#4b9fc7;stroke:none}
.trend-visual .trend-value-bar.negative{fill:#c77d8d}
.trend-visual .trend-column.active .trend-value-bar{fill:#70ddbd}
.trend-visual .trend-column.active .trend-value-bar.negative{fill:#f3a39f}
.trend-visual .trend-tick{fill:#aabed0;font-size:10.5px;font-weight:640}
.trend-visual .trend-x-label{fill:#d0deeb;font-size:12px;font-weight:760}
.trend-explain{display:grid;gap:8px;border-top:1px solid #33465e;padding:12px 2px 2px}
.trend-explain>div,.trend-expenses>div{display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:12px;color:#a5bfd4}
.trend-explain strong,.trend-expenses strong{font-weight:790;color:#e5f6ff;white-space:nowrap;flex:none;font-variant-numeric:tabular-nums}
.trend-explain-total{border-top:1px solid #354860;padding-top:9px;color:#effbff!important;font-weight:760}
.trend-expenses{padding:9px 0}
.trend-expenses summary{font-size:12px;color:#9ed4ed;font-weight:750;cursor:pointer}
.trend-expenses>div{padding:8px 0;border-bottom:1px solid #263a50}
.trend-expenses>div span{min-width:0;overflow-wrap:anywhere}
.profit-tiles .result-tile{grid-column:1/-1}
.result-tile .negative{color:#f0a29a}
@media(max-width:650px){
 .trend-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
 .trend-visual .trend-x-label{font-size:11px}
 .trend-visual .trend-tick{font-size:10px}
 .trend-panel.card{padding:14px 10px}
}