:root{color:#191a1d;font-synthesis:none;--accent:#d56a1b;--accent-strong:#a84d0d;--muted:#7b7e85;--line:#e4e5e8;--card:#fff;--ink:#191a1d;--soft:#f5f5f6;--orange-soft:#fff1e6;--tg-safe-top:0px;--tg-safe-right:0px;--tg-safe-bottom:0px;--tg-safe-left:0px;--tg-content-safe-top:0px;--tg-content-safe-bottom:0px;background:#f4f5f7;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{overscroll-behavior-y:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#f4f5f7;min-width:320px;min-height:100%}body{min-width:320px;min-height:var(--tg-viewport-stable-height,100vh);color:var(--ink);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;background:#f4f5f7;margin:0;overflow-x:hidden}button,input,select{font:inherit}button,summary,select{-webkit-tap-highlight-color:transparent}.app-shell{width:min(860px,100%);min-height:var(--tg-viewport-stable-height,100vh);padding:max(20px, env(safe-area-inset-top), var(--tg-safe-top), var(--tg-content-safe-top)) max(18px, env(safe-area-inset-right), var(--tg-safe-right)) calc(112px + max(env(safe-area-inset-bottom), var(--tg-safe-bottom), var(--tg-content-safe-bottom)));margin:0 auto}.telegram-webview:not(.telegram-fullscreen) .app-shell{padding-top:max(76px, env(safe-area-inset-top), var(--tg-safe-top), var(--tg-content-safe-top))}.telegram-fullscreen{--telegram-header-height:calc(max(env(safe-area-inset-top,0px), var(--tg-safe-top)) + max(48px, var(--tg-content-safe-top)))}.telegram-fullscreen .app-shell{padding-top:calc(var(--telegram-header-height) + 16px)}.telegram-fullscreen body:before{content:"";z-index:6;height:var(--telegram-header-height);pointer-events:none;background:#f4f5f7;position:fixed;top:0;left:0;right:0}@supports (min-height:100svh){body,.app-shell{min-height:100svh}}.account-header{grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:72px;margin-bottom:22px;padding:4px 2px;display:grid}.account-avatar{color:#f59a4b;background:#1d1e21;border-radius:50%;place-items:center;width:58px;height:58px;font-size:19px;font-weight:850;display:grid;position:relative;overflow:hidden;box-shadow:0 9px 22px #18181b24}.account-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.account-copy{min-width:0}.account-product{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:850;display:block}.account-copy h1{letter-spacing:-.6px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:23px;line-height:1.08;overflow:hidden}.account-copy p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:12px;line-height:1.2;overflow:hidden}.account-state{border:1px solid var(--line);color:#6b6e74;background:#ffffffc7;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:11px;font-weight:750;display:flex}.account-state .status-dot{width:9px;height:9px;margin:0}.topbar{align-items:center;gap:14px;min-height:66px;margin-bottom:24px;padding:2px 2px 0;display:flex}.brand-mark{color:#f59a4b;background:#1d1e21;border-radius:18px;place-items:center;width:54px;height:54px;font-size:24px;font-weight:850;display:grid;box-shadow:0 10px 24px #18181b21}.topbar h1,.section h2,.tank-card h3{margin:2px 0 0;line-height:1.08}.topbar h1{letter-spacing:-.8px;font-size:27px}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.status-dot{color:#c7c8cc;filter:drop-shadow(0 0 5px #d56a1b38);width:14px;height:14px;margin-left:auto}.status-dot.ready{color:var(--accent)}.status-dot.error{color:#c84d4d}.hero-card{color:#fff;background:#1d1e21;border-radius:30px;min-height:236px;padding:28px;position:relative;overflow:hidden;box-shadow:0 18px 42px #18181b24}.hero-card:after{content:"";pointer-events:none;border:44px solid #d56a1b29;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-112px;right:-68px}.hero-card>span{z-index:1;color:#b9bbc1;font-size:15px;position:relative}.hero-card>strong{z-index:1;letter-spacing:-2.4px;margin-top:10px;font-size:clamp(42px,11vw,64px);display:block;position:relative}.hero-card small,.tank-volume small{letter-spacing:0;font-size:.45em;font-weight:600}.hero-split{z-index:1;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;display:grid;position:relative}.hero-split div{background:#27282ceb;border:1px solid #37383d;border-radius:18px;padding:15px 17px}.hero-split span,.hero-split b{display:block}.hero-split span{color:#aeb0b6;margin-bottom:6px;font-size:13px}.hero-split b{font-size:19px}.metrics{grid-template-columns:1.5fr .7fr;gap:12px;margin:14px 0 18px;display:grid}.metrics.fuel-only{grid-template-columns:1fr}.metrics article,.tank-card,.station-list{border:1px solid var(--line);background:var(--card);box-shadow:0 5px 18px #18181b0b}.metrics article{border-radius:23px;min-width:0;min-height:96px;padding:19px 21px}.metrics span,.tank-meta,.section-title>span,.station-row span{color:var(--muted);font-size:13px}.metrics strong{letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:25px;display:block;overflow:hidden}.export-shortcut{border:1px solid var(--line);width:100%;min-height:84px;color:var(--ink);background:var(--card);text-align:left;border-radius:23px;grid-template-columns:52px minmax(0,1fr) 36px;align-items:center;gap:14px;margin:-1px 0 18px;padding:13px 16px;display:grid;box-shadow:0 8px 25px #18181b0e}.export-shortcut>span{width:52px;height:52px;color:var(--accent);background:var(--orange-soft);border-radius:17px;place-items:center;display:grid}.export-shortcut strong,.export-shortcut small{display:block}.export-shortcut strong{font-size:16px}.export-shortcut small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;overflow:hidden}.shortcut-arrow{color:#65686f;transform:rotate(-90deg)}.section{margin-top:16px}.section-title{justify-content:space-between;align-items:flex-end;margin:0 3px 11px;display:flex}.section-title h2{letter-spacing:-.45px;font-size:22px}.tank-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tank-card{border-radius:21px;min-width:0;padding:18px}.tank-heading{justify-content:space-between;align-items:flex-start;gap:7px;display:flex}.tank-card h3{font-size:22px}.product{max-width:82px;color:var(--accent-strong);background:var(--orange-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;padding:4px 6px;font-size:9px;font-weight:700;overflow:hidden}.tank-volume{letter-spacing:-.8px;margin:22px 0 12px;font-size:28px;display:block}.progress{background:#ececef;border-radius:999px;height:7px;overflow:hidden}.progress span{border-radius:inherit;background:var(--accent);height:100%;display:block}.tank-meta{justify-content:space-between;gap:8px;margin-top:8px;display:flex}.station-list{border-radius:20px;overflow:hidden}.station-row{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;padding:10px 15px;display:grid}.station-row+.station-row{border-top:1px solid var(--line)}.station-icon{width:48px;height:48px;color:var(--accent);background:var(--orange-soft);border-radius:16px;place-items:center;display:grid}.station-name,.station-cash{min-width:0}.station-name strong,.station-name span,.station-cash strong,.station-cash span{display:block}.station-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.station-name span,.station-cash span{margin-top:3px}.station-cash{text-align:right}.station-cash strong{font-size:16px}.report-accordion{border:1px solid var(--line);background:var(--card);border-radius:24px;overflow:hidden;box-shadow:0 8px 25px #18181b0e}.report-accordion-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:82px;padding:16px 16px 16px 20px;list-style:none;display:flex}.report-accordion-summary::-webkit-details-marker{display:none}.sale-report-row>summary::-webkit-details-marker{display:none}.collection-group>summary::-webkit-details-marker{display:none}.collection-entry>summary::-webkit-details-marker{display:none}.report-accordion-summary h2{letter-spacing:-.6px;margin:4px 0 0;font-size:23px}.accordion-meta{min-width:0;color:var(--ink);white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.accordion-meta b{text-overflow:ellipsis;font-size:15px;overflow:hidden}.accordion-chevron,.row-chevron{color:#65686f;background:#f0f0f2;border-radius:12px;flex:0 0 36px;width:36px;height:36px;padding:8px;transition:transform .18s}.report-accordion[open]>.report-accordion-summary .accordion-chevron,.sale-report-row[open]>summary .row-chevron,.collection-group[open]>summary .row-chevron,.collection-entry[open]>summary .row-chevron{transform:rotate(180deg)}.report-accordion-body{padding:0 12px 12px}.report-accordion-body>.station-list{box-shadow:none}.sale-report-row{background:var(--card)}.sale-report-row+.sale-report-row{border-top:1px solid var(--line)}.sale-report-row>summary,.collection-group>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto 36px;align-items:center;gap:12px;min-height:66px;padding:10px 10px 10px 14px;list-style:none;display:grid}.sale-report-row>summary div,.collection-group>summary div{min-width:0}.sale-report-row>summary strong,.sale-report-row>summary span,.collection-group>summary strong,.collection-group>summary span{display:block}.sale-report-row>summary strong,.collection-group>summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.sale-report-row>summary div span,.collection-group>summary div>span{color:var(--muted);margin-top:3px;font-size:13px}.sale-report-row>summary>b,.collection-group>summary>b{color:var(--ink);white-space:nowrap;font-size:15px}.sale-report-row .sale-breakdown{padding:5px 54px 14px 14px}.sale-breakdown{min-width:0;color:var(--muted);gap:6px;font-size:14px;display:grid}.sale-breakdown span{justify-content:space-between;gap:14px;margin:0;display:flex}.sale-breakdown b{color:var(--ink)}.sale-breakdown .sale-total{border-top:1px solid var(--line);color:var(--accent-strong);margin-top:3px;padding-top:5px;font-weight:800}.sales-totals{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px;display:grid}.sales-totals span{min-width:0;color:var(--muted);background:var(--soft);border-radius:11px;gap:3px;padding:8px 9px;font-size:10px;display:grid}.sales-totals b{color:var(--ink);text-overflow:ellipsis;font-size:13px;overflow:hidden}.sales-totals .sale-total{color:var(--accent-strong);background:var(--orange-soft);font-weight:800}.bottom-nav{z-index:5;left:50%;bottom:max(12px, env(safe-area-inset-bottom), var(--tg-safe-bottom));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffffff5;border:1px solid #e1e2e5e6;border-radius:28px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:min(720px,100% - 32px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 44px #18181b29}.bottom-nav button{color:#777980;background:0 0;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:66px;padding:8px 3px 7px;font-size:11px;font-weight:750;line-height:1;display:flex}.bottom-nav button svg{flex:none}.bottom-nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.bottom-nav button.active{color:var(--accent-strong);background:var(--orange-soft)}.keyboard-open .bottom-nav{visibility:hidden;pointer-events:none}.error-card{color:#913b3b;background:#fff5f5;border:1px solid #edcaca;border-radius:20px;margin-bottom:16px;padding:16px 18px;font-size:14px}.stale-warning{gap:4px;display:grid}.stale-warning span{color:#a35a5a}.success-card,.pending-card{color:#81400f;background:#fff7f0;border:1px solid #f0c9a7;border-radius:21px;margin-top:18px;padding:18px}.pending-card{margin-top:28px;padding:22px}.pending-card h2,.pending-card p,.form-section h2{margin-top:5px}.form-section{border:1px solid var(--line);background:var(--card);border-radius:28px;padding:24px;box-shadow:0 10px 30px #18181b0f}.form-section>h2{letter-spacing:-.9px;font-size:30px}.segmented{background:#eeeeef;border-radius:20px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:5px;margin:22px 0 12px;padding:5px;display:grid}.segmented.secondary{margin-top:7px}.segmented button{color:#686b71;text-align:center;background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;min-width:0;min-height:54px;padding:9px 10px;font-size:15px;font-weight:750;line-height:1.15;display:flex}.segmented button.active{color:#fff;background:var(--accent);box-shadow:0 4px 11px #a84d0d2e}.simple-hint{color:#754018;background:var(--orange-soft);border-radius:19px;gap:6px;margin:16px 0 4px;padding:17px 18px;display:grid}.simple-hint strong{font-size:15px}.simple-hint span{color:#776e67;font-size:14px;line-height:1.45}.movement-form{gap:16px;margin-top:22px;display:grid}.movement-form label{color:#55585e;gap:8px;min-width:0;font-size:14px;font-weight:750;display:grid}.movement-form input,.movement-form select{width:100%;min-width:0;min-height:58px;color:var(--ink);background:#fff;border:1px solid #d7d8dc;border-radius:17px;outline:none;padding:0 16px;font-size:17px;font-weight:550}.movement-form input:focus,.movement-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d56a1b24}.select-control{display:block;position:relative}.select-control select{appearance:none;padding-right:42px}.select-control svg{color:#5e6167;pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.three-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.two-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.station-receipt-fields{gap:10px;display:grid}.balance-preview,.capacity-warning{background:var(--soft);border-radius:17px;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:13px 16px;display:flex}.balance-preview span,.capacity-warning span{color:var(--muted)}.capacity-warning{color:#a43f37;background:#fff0ee}.primary-button{color:#fff;background:var(--accent);text-align:center;border:0;border-radius:18px;justify-content:center;align-items:center;min-height:58px;padding:12px 18px;font-size:16px;font-weight:800;display:flex;box-shadow:0 10px 22px #a84d0d29}.primary-button:disabled{opacity:.52}.export-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0;display:grid}.export-dates label{color:#55585e;gap:6px;font-size:12px;font-weight:750;display:grid}.export-dates input{width:100%;min-width:0;min-height:54px;color:var(--ink);background:#fff;border:1px solid #d7d8dc;border-radius:15px;padding:0 13px;font-size:15px}.export-button{gap:8px;width:100%}.export-section .error-card{margin-top:14px;margin-bottom:0}.form-section>h3{margin:21px 0 9px}.person-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:9px;min-height:52px;padding:9px 0;display:flex}.person-row strong,.person-row span{display:block}.person-row span,.muted{color:var(--muted);margin-top:3px;font-size:11px}.person-row>div:last-child{gap:5px;display:flex}.person-row .role-actions{flex-wrap:wrap;justify-content:flex-end}.person-row button{border:1px solid var(--line);min-height:36px;color:var(--accent-strong);background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:7px 9px;font-size:11px;font-weight:700;display:flex}.person-row .danger-button{color:#9a3d3d;background:#fff6f6;border-color:#efcccc}.person-access{align-items:flex-start}.remove-confirm{flex-wrap:wrap;justify-content:flex-end;max-width:180px;display:flex}.remove-confirm span{color:#913b3b;text-align:right;flex-basis:100%;margin-bottom:5px}.person-row b{color:var(--accent-strong);font-size:11px}.collection-total{color:#fff;background:#1d1e21;border-radius:16px;gap:4px;margin:12px 0;padding:15px;display:grid}.collection-total span,.collection-total small{color:#b9bbc1}.collection-total strong{font-size:25px}.collection-groups{border:1px solid var(--line);border-radius:16px;overflow:hidden}.collection-group+.collection-group{border-top:1px solid var(--line)}.collection-group>div{background:var(--soft);padding:0 10px 6px}.collection-item-compact{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:9px;padding:8px 0;display:flex}.collection-item-compact>div{min-width:0}.collection-item-compact strong,.collection-item-compact span{display:block}.collection-item-compact span{color:var(--muted);margin-top:2px;font-size:10px}.collection-item-compact>b{color:var(--ink);white-space:nowrap;font-size:12px}.collection-create-button{gap:8px;width:100%;margin:12px 0}.collection-form{background:var(--orange-soft);border:1px solid #f0c49f;border-radius:16px;gap:11px;margin:0 0 14px;padding:13px;display:grid}.collection-form>label{color:#4e5055;gap:6px;font-size:12px;font-weight:800;display:grid}.collection-form select,.collection-form input[type=number]{width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d9d9dc;border-radius:12px;padding:0 12px;font-size:16px}.collection-photo-input{cursor:pointer;background:#fff;border:1px dashed #d66b16;border-radius:12px;grid-template-columns:28px 1fr;align-items:center;min-height:52px;padding:10px 12px;color:#8d4108!important;display:grid!important}.collection-photo-input input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.collection-status{color:#55585e;background:#e8e9eb;border-radius:6px;width:fit-content;margin-top:4px;padding:3px 6px;font-size:9px;font-weight:800;display:inline-block}.collection-status.pending{color:#8d4108;background:#ffead9}.collection-photo-button{width:fit-content;color:var(--accent-strong);background:#fff;border:1px solid #edc19e;border-radius:9px;align-items:center;gap:5px;margin-top:7px;padding:6px 8px;font-size:10px;font-weight:800;display:flex}.collection-entry+.collection-entry{border-top:1px solid var(--line)}.collection-entry>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:8px;min-height:52px;padding:8px 0;list-style:none;display:grid}.collection-entry>summary div{min-width:0}.collection-entry>summary strong,.collection-entry>summary span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.collection-entry>summary strong{font-size:12px}.collection-entry>summary span{color:var(--muted);margin-top:2px;font-size:10px}.collection-entry>summary>b{white-space:nowrap;font-size:12px}.collection-entry-details{color:#55585e;gap:5px;padding:0 36px 10px 0;font-size:11px;display:grid}.collection-entry-details>span{display:block}.collection-no-photo{color:var(--muted);margin-top:3px;font-style:italic}.photo-viewer{z-index:50;background:#000000e0;place-items:center;padding:54px 16px 24px;display:grid;position:fixed;inset:0}.photo-viewer>button{color:#fff;background:#ffffff29;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:18px;right:18px}.photo-viewer img{object-fit:contain;border-radius:12px;max-width:100%;max-height:100%}.report-dates{margin:8px 0 10px}.period-sales-button{width:100%;margin-bottom:10px}.period-sales-list{box-shadow:none}.period-sales-totals{grid-template-columns:repeat(2,1fr)}.guide-icon{width:48px;height:48px;color:var(--accent);background:var(--orange-soft);border-radius:15px;place-items:center;margin-bottom:12px;display:grid}.guide-lead{color:#575a60;line-height:1.45}.guide-steps{gap:8px;margin:16px 0;display:grid}.guide-steps article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:11px;display:grid}.guide-steps article>b{color:#fff;background:var(--accent);border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.guide-steps strong,.guide-steps span{display:block}.guide-steps span{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.35}.welcome-guide{margin-top:26px}.onboarding-pending{text-align:left}.waiting-pill{color:#7e3d0e;background:var(--orange-soft);text-align:center;border-radius:13px;margin:15px 0;padding:12px;font-weight:800}@media (width<=620px){.tank-grid{grid-template-columns:1fr}.tank-card{grid-template-columns:1fr auto;column-gap:14px;display:grid}.tank-heading,.progress,.tank-meta{grid-column:1/-1}.tank-volume{margin:14px 0 9px}}@media (width<=390px){.app-shell{padding-left:15px;padding-right:15px}.topbar{margin-bottom:20px}.brand-mark{border-radius:17px;width:50px;height:50px}.topbar h1{font-size:25px}.account-header{grid-template-columns:54px minmax(0,1fr) auto;gap:11px}.account-avatar{width:54px;height:54px}.account-copy h1{font-size:21px}.account-state{padding:0 8px}.account-state span{display:none}.hero-card{border-radius:27px;min-height:220px;padding:23px}.hero-card>strong{font-size:43px}.metrics{grid-template-columns:1fr 1fr}.metrics article{min-height:88px;padding:16px}.metrics strong{font-size:20px}.station-row{grid-template-columns:46px minmax(0,1fr)}.station-cash{text-align:left;grid-column:2}.sales-totals,.three-fields,.two-fields,.export-dates{grid-template-columns:1fr}.form-section{padding:20px}.form-section>h2{font-size:27px}.bottom-nav{width:calc(100% - 24px)}.bottom-nav button{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
