@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-vietnamese-400-normal-Dpl4UHAZ.woff2) format("woff2"),url(./barlow-vietnamese-400-normal-BFeobeCK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-ext-400-normal-HxX4XjxC.woff2) format("woff2"),url(./barlow-latin-ext-400-normal-CvBsJvxq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2"),url(./barlow-latin-400-normal-fsAxiSwU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-vietnamese-500-normal-zTViEIzf.woff2) format("woff2"),url(./barlow-vietnamese-500-normal-GNfB7rCE.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-ext-500-normal-DOaysfXq.woff2) format("woff2"),url(./barlow-latin-ext-500-normal-CJPcKP2Q.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-500-normal-BPAOfeC8.woff2) format("woff2"),url(./barlow-latin-500-normal-C1h8hMer.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-vietnamese-600-normal-DcjprdFV.woff2) format("woff2"),url(./barlow-vietnamese-600-normal-CA_GiK2e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-ext-600-normal-B8NK_A3D.woff2) format("woff2"),url(./barlow-latin-ext-600-normal-DMVRjfRT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-600-normal-DILqtrty.woff2) format("woff2"),url(./barlow-latin-600-normal-CNwfPWQD.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-vietnamese-700-normal-D6euyNzi.woff2) format("woff2"),url(./barlow-vietnamese-700-normal-4Jt4k04K.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-latin-ext-700-normal-BLuWmldJ.woff2) format("woff2"),url(./barlow-latin-ext-700-normal-CctuGmmz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-latin-700-normal-A9pxMQ4z.woff2) format("woff2"),url(./barlow-latin-700-normal-__SGTsZ1.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-semi-condensed-vietnamese-500-normal-DGADhYWF.woff2) format("woff2"),url(./barlow-semi-condensed-vietnamese-500-normal-hJ2t9k9e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-semi-condensed-latin-ext-500-normal-BXdp1BvY.woff2) format("woff2"),url(./barlow-semi-condensed-latin-ext-500-normal-rZeYuEMb.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-semi-condensed-latin-500-normal-G0uxJNrM.woff2) format("woff2"),url(./barlow-semi-condensed-latin-500-normal-CFOoVYFH.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-semi-condensed-vietnamese-600-normal-b1FQiZcx.woff2) format("woff2"),url(./barlow-semi-condensed-vietnamese-600-normal-DzVrjA0Q.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-semi-condensed-latin-ext-600-normal-BkQ9hN72.woff2) format("woff2"),url(./barlow-semi-condensed-latin-ext-600-normal-BuP8AaxH.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2) format("woff2"),url(./barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-semi-condensed-vietnamese-700-normal-Dm7RZTvf.woff2) format("woff2"),url(./barlow-semi-condensed-vietnamese-700-normal-BvUTSFNY.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-semi-condensed-latin-ext-700-normal-BhgEo64M.woff2) format("woff2"),url(./barlow-semi-condensed-latin-ext-700-normal-C0vCoZIV.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-semi-condensed-latin-700-normal-BpqDG8I9.woff2) format("woff2"),url(./barlow-semi-condensed-latin-700-normal-BMyZXq_9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-arabic-arabic-400-normal-AAMxebZb.woff2) format("woff2"),url(./noto-sans-arabic-arabic-400-normal-hsqIUL9Q.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-arabic-arabic-600-normal-JPxwL-XU.woff2) format("woff2"),url(./noto-sans-arabic-arabic-600-normal-JLzruTOp.woff) format("woff")}:root{--canvas: #edf0f2;--surface: #ffffff;--surface-2: #f6f8f9;--surface-3: #e4e8eb;--hover: #f1f4f6;--ink: #1b2329;--ink-2: #3f4b54;--muted: #6b7882;--faint: #95a1aa;--line: #dfe4e8;--line-2: #c9d1d7;--action: #0b5c78;--action-2: #094c63;--action-soft: #e2eff4;--action-ink: #ffffff;--readout-bg: #101a20;--readout-edge: #24323b;--readout: #ffb020;--readout-dim: #7c6a3f;--g95: #1e9e5a;--g98: #2b59c3;--dsl: #e3a500;--ok: #17824b;--ok-soft: #e1f3e8;--warn: #a86400;--warn-soft: #fbf0d9;--bad: #c0332b;--bad-soft: #fbe6e4;--info: #2b59c3;--info-soft: #e5ecfa;--accent-soft: var(--action-soft);--accent: var(--action);--r-lg: 16px;--r: 12px;--r-sm: 9px;--r-xs: 6px;--shadow-pop: 0 18px 50px rgba(16, 26, 32, .22), 0 2px 6px rgba(16, 26, 32, .08);--sans: "Barlow", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--cond: "Barlow Semi Condensed", "Barlow", "Noto Sans Arabic", system-ui, sans-serif;--mono: "Barlow Semi Condensed", "Barlow", ui-monospace, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--canvas: #0e1418;--surface: #151d23;--surface-2: #1a242b;--surface-3: #22303a;--hover: #1d2830;--ink: #e8edf0;--ink-2: #b5c1c9;--muted: #84929c;--faint: #5f6d77;--line: #26333c;--line-2: #33434e;--action: #3aa3c7;--action-2: #57b6d6;--action-soft: #12313d;--action-ink: #06161d;--ok-soft: #10301f;--warn-soft: #33260b;--bad-soft: #3a1714;--info-soft: #15244a;color-scheme:dark}}:root[data-theme=dark]{--canvas: #0e1418;--surface: #151d23;--surface-2: #1a242b;--surface-3: #22303a;--hover: #1d2830;--ink: #e8edf0;--ink-2: #b5c1c9;--muted: #84929c;--faint: #5f6d77;--line: #26333c;--line-2: #33434e;--action: #3aa3c7;--action-2: #57b6d6;--action-soft: #12313d;--action-ink: #06161d;--ok-soft: #10301f;--warn-soft: #33260b;--bad-soft: #3a1714;--info-soft: #15244a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--canvas);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--action);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid color-mix(in srgb,var(--action) 45%,transparent);outline-offset:2px}.mono,.num{font-family:var(--cond);font-variant-numeric:tabular-nums;letter-spacing:.01em}.num{text-align:right;white-space:nowrap}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.strong{font-weight:600}.ok-t{color:var(--ok)}.bad-t{color:var(--bad)}.warn-t{color:var(--warn)}.hidden{display:none!important}.row{display:flex;gap:12px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.between{justify-content:space-between}.end{justify-content:flex-end}.stack{display:flex;flex-direction:column;gap:16px}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:1fr 1fr}}@media (max-width: 680px){.g2,.g3{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr;gap:10px}}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.side{background:var(--surface);border-right:1px solid var(--line);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:18px 18px 10px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--readout-bg);display:grid;place-items:center;color:var(--readout);flex:none}.brand b{font:700 16px/1.1 var(--cond);display:block;letter-spacing:.01em}.brand span{font-size:12px;color:var(--muted)}.nav{padding:6px 10px 18px;flex:1}.nav h6{margin:18px 12px 4px;font-size:12px;font-weight:600;color:var(--faint)}.nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--r-sm);color:var(--ink-2);font-weight:500;font-size:15px;text-decoration:none}.nav a svg{width:19px;height:19px;color:var(--muted);flex:none}.nav a:hover{background:var(--hover);color:var(--ink)}.nav a.active{background:var(--action-soft);color:var(--action);font-weight:600}.nav a.active svg{color:var(--action)}.nav a .count{margin-left:auto;font:600 12px var(--cond);background:var(--action);color:var(--action-ink);border-radius:99px;padding:1px 8px}.side-foot{padding:14px 18px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap}.side-foot .fuel-dot{display:inline-flex;align-items:center;gap:5px;margin-right:6px}.side-foot .fuel-dot i{width:8px;height:8px;border-radius:50%;display:inline-block}.main{min-width:0;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--canvas) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;padding:14px 28px;min-height:68px}.top h1{font:700 24px/1.15 var(--cond);margin:0;letter-spacing:.005em}.top .crumbs{color:var(--muted);font-size:14px}.search-btn{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:8px 14px;min-width:260px;color:var(--muted);cursor:pointer}.search-btn:hover{border-color:var(--line-2)}kbd{font:12px var(--cond);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:0 5px;color:var(--ink-2);background:var(--surface-2)}.search-btn kbd{margin-left:auto}.user-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:3px 12px 3px 3px;cursor:pointer}.user-chip:hover{border-color:var(--line-2)}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 13px var(--cond);color:#fff;flex:none}.role-admin{background:#5b4bc4}.role-manager{background:var(--action)}.role-cashier{background:#b2457a}.role-operator{background:#2f3d47}.content{padding:4px 28px 72px;max-width:1400px;width:100%}.btn.menu-btn,.tabbar{display:none}@media (max-width: 900px){.shell{grid-template-columns:1fr}.side{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:60;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-pop)}body.nav-open .side{transform:none}body.nav-open:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#101a2066;z-index:50}.top{padding:10px 16px;min-height:58px}.top h1{font-size:21px}.top .crumbs,.search-btn .lbl,.search-btn kbd,.user-chip .uname,.top .theme-btn{display:none}.search-btn{min-width:0;padding:9px;border-radius:50%}.content{padding:4px 14px calc(96px + env(safe-area-inset-bottom))}.tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:0;background:none;color:var(--muted);font-size:12px;font-weight:600;text-decoration:none;border-radius:var(--r-sm);cursor:pointer;position:relative}.tabbar svg{width:23px;height:23px}.tabbar a.active{color:var(--action)}.tabbar a.active:before{content:"";position:absolute;top:-7px;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--action)}.tabbar .count{position:absolute;top:2px;right:calc(50% - 22px);font:600 11px var(--cond);background:var(--action);color:var(--action-ink);border-radius:99px;padding:0 6px}.toasts{bottom:auto!important;top:calc(10px + env(safe-area-inset-top))}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.card-h{display:flex;align-items:center;gap:10px;padding:16px 18px 8px;flex-wrap:wrap}.card-h h3{margin:0;font:700 18px/1.2 var(--cond);letter-spacing:.005em}.card-b{padding:6px 18px 18px}.card-b.flush{padding:0}.kpi{padding:16px 18px}.kpi .lbl{font-size:14px;color:var(--muted);font-weight:500}.kpi .val{font:700 30px/1.15 var(--cond);font-variant-numeric:tabular-nums;margin-top:4px;letter-spacing:.005em}.kpi .sub{font-size:13px;color:var(--muted);margin-top:2px}.delta-up{color:var(--ok)}.delta-down{color:var(--bad)}@media (max-width: 680px){.kpi{padding:12px 14px}.kpi .val{font-size:24px}}.readout{background:var(--readout-bg);border:1px solid var(--readout-edge);border-radius:var(--r);padding:14px 16px;color:#c7d2d9;box-shadow:inset 0 1px #ffffff0a,inset 0 -18px 30px #00000040}.readout .r-label{font-size:13px;color:#8b9aa4}.readout .r-digits{font:600 44px/1.05 var(--cond);font-variant-numeric:tabular-nums;color:var(--readout);letter-spacing:.02em;text-shadow:0 0 18px rgba(255,176,32,.35);margin-top:2px;white-space:nowrap}.readout .r-digits.sm{font-size:30px}.readout .r-digits.neg{color:#ff6b5e;text-shadow:0 0 18px rgba(255,107,94,.35)}.readout .r-sub{font-size:13px;color:#8b9aa4;margin-top:4px}.readout .r-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.readout-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--readout-edge);border-radius:var(--r);overflow:hidden;border:1px solid var(--readout-edge)}.readout-split .readout{border:0;border-radius:0;min-width:0}.readout-split .r-digits{font-size:clamp(26px,7vw,44px)}.readout-split .r-digits.sm{font-size:clamp(22px,6vw,30px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:var(--r-sm);cursor:pointer;font-weight:600;font-size:14px;white-space:nowrap;text-decoration:none;min-height:38px;transition:background .12s,border-color .12s}.btn:hover{background:var(--hover);border-color:var(--faint);text-decoration:none}.btn svg{width:17px;height:17px}.btn.primary{background:var(--action);border-color:var(--action);color:var(--action-ink)}.btn.primary:hover{background:var(--action-2);border-color:var(--action-2)}.btn.dark{background:var(--readout-bg);border-color:var(--readout-bg);color:#fff}.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 35%,var(--line-2))}.btn.danger:hover{background:var(--bad-soft)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--hover)}.btn.sm{padding:5px 10px;font-size:13px;min-height:32px}.btn.lg{padding:13px 20px;font-size:16px;border-radius:var(--r);min-height:50px}.btn[disabled]{opacity:.45;pointer-events:none}.btn-group{display:inline-flex;background:var(--surface-3);border-radius:var(--r-sm);padding:3px;gap:2px;flex-wrap:wrap}.btn-group button{border:0;background:transparent;padding:6px 12px;font-size:14px;font-weight:500;cursor:pointer;color:var(--ink-2);border-radius:7px}.btn-group button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #101a201f}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label{font-size:14px;font-weight:600;color:var(--ink-2)}.field .hint{font-size:13px;color:var(--muted)}.input,select.input,textarea.input{border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-sm);padding:9px 12px;width:100%;outline:none;min-height:42px;font-size:15px}.input:focus{border-color:var(--action);box-shadow:0 0 0 3px var(--action-soft)}.input.err{border-color:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}.input.big{font:600 28px var(--cond);font-variant-numeric:tabular-nums;padding:10px 14px;min-height:60px}.input-wrap{position:relative}.input-wrap .input{padding-left:38px}.input-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full{grid-column:1 / -1}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .input{width:auto;min-width:200px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:2px 10px;border-radius:99px;white-space:nowrap;background:var(--surface-3);color:var(--ink-2);line-height:1.6}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.info{background:var(--info-soft);color:var(--info)}.pill.accent{background:var(--action-soft);color:var(--action)}.pill.plain{background:var(--surface-3)}.grade{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:14px;white-space:nowrap;color:var(--ink)!important;border:0!important}.grade i{width:10px;height:20px;border-radius:3px;display:inline-block}.tbl-wrap{overflow:auto;max-height:calc(100vh - 240px)}.tbl-wrap.auto{max-height:none}table.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.tbl th{position:sticky;top:0;z-index:1;background:var(--surface);text-align:left;font-size:13px;color:var(--muted);font-weight:600;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.tbl th.num{text-align:right}.tbl th .arr{margin-left:4px;color:var(--action)}.tbl td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}.tbl td.wrap,.timeline li{white-space:normal}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover td{background:var(--hover)}.tbl tr.click{cursor:pointer}.tbl tfoot td{font-weight:700;background:var(--surface-2);position:sticky;bottom:0;border-top:1px solid var(--line-2);border-bottom:0;font-family:var(--cond);font-size:15px}.tbl td.strong{font-weight:600}.tbl .num{font-size:15px}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.tbl-meta{display:flex;justify-content:space-between;padding:10px 16px;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}.levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.level{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;border-top:5px solid var(--fuel, var(--line))}.level.low{box-shadow:0 0 0 2px var(--warn-soft)}.level.critical{box-shadow:0 0 0 2px var(--bad)}.level .lv-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.level .lv-name{font:700 19px var(--cond)}.level .lv-liters{font:700 34px/1.1 var(--cond);font-variant-numeric:tabular-nums;margin-top:6px}.level .lv-bar{position:relative;height:14px;background:var(--surface-3);border-radius:99px;overflow:hidden;margin:12px 0 8px}.level .lv-fill{position:absolute;inset:0 auto 0 0;background:var(--fuel);border-radius:99px;width:0;transition:width .9s cubic-bezier(.2,.8,.2,1)}.level .lv-mark{position:absolute;top:0;bottom:0;width:2px;background:color-mix(in srgb,var(--warn) 70%,transparent)}.level .lv-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);gap:8px;flex-wrap:wrap}.levels.compact{grid-template-columns:1fr;gap:0}.levels.compact .level{border:0;border-top:0;border-left:4px solid var(--fuel);border-radius:0;padding:10px 0 12px 14px}.levels.compact .level+.level{border-top:1px solid var(--line)}.levels.compact .lv-liters{font-size:26px;margin-top:2px}.levels.compact .lv-bar{height:10px;margin:8px 0 6px}.level[role=button]{cursor:pointer}@media (prefers-reduced-motion: reduce){.level .lv-fill{transition:none}}.bars{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:10px}.bars .col{flex:1;display:flex;flex-direction:column-reverse;gap:2px;height:100%;position:relative;min-width:0}.bars .seg{border-radius:3px;min-height:0}.bars .col:hover .seg{filter:brightness(1.08)}.bars .lbl{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font:12px var(--cond);color:var(--muted);white-space:nowrap}.legend{display:flex;gap:16px;font-size:13px;color:var(--ink-2);flex-wrap:wrap}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.tip{position:fixed;z-index:200;background:var(--readout-bg);color:#e6edf1;font:13px/1.5 var(--cond);padding:8px 10px;border-radius:8px;pointer-events:none;white-space:pre}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#101a2080;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto;animation:fade .14s}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:20px;box-shadow:var(--shadow-pop);width:100%;max-width:560px;animation:rise .18s cubic-bezier(.2,.8,.2,1)}.modal.wide{max-width:860px}.modal.xl{max-width:1100px}@keyframes rise{0%{transform:translateY(14px);opacity:0}}.modal-h{display:flex;align-items:center;gap:10px;padding:18px 22px 6px}.modal-h h2{font:700 22px/1.2 var(--cond);margin:0;flex:1}.modal-b{padding:12px 22px 20px}.modal-f{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--line);flex-wrap:wrap}@media (max-width: 600px){.overlay{padding:0;align-items:flex-end}.modal,.modal.wide,.modal.xl{border-radius:22px 22px 0 0;max-width:none;max-height:94vh;overflow-y:auto;animation:sheet .22s cubic-bezier(.2,.8,.2,1)}@keyframes sheet{0%{transform:translateY(40%)}}.modal-h{position:sticky;top:0;background:var(--surface);z-index:2;padding-top:14px}.modal-h:before{content:"";position:absolute;top:6px;left:calc(50% - 20px);width:40px;height:4px;border-radius:3px;background:var(--line-2)}.modal-f{position:sticky;bottom:0;background:var(--surface);padding-bottom:calc(14px + env(safe-area-inset-bottom))}.modal-f .btn{flex:1}}.toasts{position:fixed;bottom:20px;right:20px;left:auto;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{background:var(--readout-bg);color:#eef3f5;padding:11px 16px;border-radius:var(--r);box-shadow:var(--shadow-pop);font-size:14px;max-width:400px;animation:rise .15s;display:flex;gap:9px;align-items:flex-start}.toast.bad{background:var(--bad);color:#fff}.toast.ok{background:var(--ok);color:#fff}@media (max-width: 600px){.toasts{left:12px;right:12px}.toast{max-width:none}}.palette{max-width:640px;padding:0;overflow:hidden}.palette .p-in{border:0;border-bottom:1px solid var(--line);padding:18px 20px;font-size:18px;width:100%;outline:none;background:transparent}.palette .p-list{max-height:440px;overflow-y:auto;padding:6px}.palette .p-item{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r-sm);cursor:pointer}.palette .p-item.on{background:var(--action-soft)}.palette .p-item .t{font-weight:600}.palette .p-item .s{font-size:13px;color:var(--muted)}.palette .p-ico{width:34px;height:34px;border-radius:9px;background:var(--surface-3);display:grid;place-items:center;flex:none}.palette .p-ico svg{width:17px;height:17px}.palette .p-group{font-size:13px;color:var(--muted);padding:10px 12px 4px;font-weight:600}.palette .p-foot{display:flex;gap:14px;padding:9px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login-art{background:var(--readout-bg);color:#e6edf1;padding:44px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.login-art .brand b{color:#fff}.login-art .brand span{color:#8b9aa4}.login-art h1{font:700 46px/1.02 var(--cond);margin:0 0 12px;max-width:520px;letter-spacing:-.005em}.login-art p{color:#9fb0bb;max-width:440px;margin:0;font-size:16px}.price-board{border:1px solid var(--readout-edge);border-radius:var(--r-lg);overflow:hidden;max-width:460px}.price-board .pb-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--readout-edge)}.price-board .pb-row:last-child{border-bottom:0}.price-board .pb-row i{width:14px;height:36px;border-radius:4px}.price-board .pb-name{font:600 20px var(--cond);color:#e6edf1}.price-board .pb-name small{display:block;font:400 14px var(--sans);color:#8b9aa4}.price-board .pb-price{font:600 44px/1 var(--cond);color:var(--readout);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(255,176,32,.35)}.price-board .pb-price small{font-size:18px;color:var(--readout-dim);margin-right:3px}.price-board .pb-cap{padding:8px 18px;font-size:13px;color:#8b9aa4;background:#0b1317}.login-form{display:flex;align-items:center;justify-content:center;padding:32px 20px}.login-box{width:100%;max-width:420px}.login-box h2{font:700 30px var(--cond);margin:0 0 4px}@media (max-width: 860px){.login{grid-template-columns:1fr}.login-art{padding:22px 18px 20px;gap:16px}.login-art h1,.login-art p{display:none}.price-board .pb-row{padding:10px 14px}.price-board .pb-price{font-size:32px}.price-board .pb-name{font-size:17px}}.user-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.user-tile{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:14px 8px;text-align:center;cursor:pointer;transition:border-color .12s}.user-tile:hover{border-color:var(--line-2)}.user-tile.on{border-color:var(--action);box-shadow:0 0 0 3px var(--action-soft)}.user-tile .avatar{width:42px;height:42px;margin:0 auto 8px;font-size:15px}.user-tile b{display:block;font-size:14px;font-weight:600}.user-tile span{font-size:12px;color:var(--muted);text-transform:capitalize}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:290px;margin:12px auto 0}.pinpad button{height:58px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);font:600 24px var(--cond);cursor:pointer}.pinpad button:active{background:var(--surface-3)}.pin-dots{display:flex;gap:12px;justify-content:center;margin:12px 0}.pin-dots i{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-2)}.pin-dots i.on{background:var(--action);border-color:var(--action)}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--line)}.attend{max-width:720px;margin:0 auto}.scan-hero{width:100%;border:0;border-radius:22px;background:var(--readout-bg);color:#fff;padding:36px 20px 30px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;overflow:hidden}.scan-hero:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:2px dashed rgba(255,176,32,.28);border-radius:14px;pointer-events:none}.scan-hero:active{transform:scale(.99)}.scan-hero svg{color:var(--readout)}.scan-hero span{font:700 30px var(--cond);letter-spacing:.01em}.scan-hero small{color:#8b9aa4;font-size:14px}.scan-box{display:flex;gap:8px}.scan-box .input{font-size:16px;min-height:50px}.scan-box .btn{min-height:50px}.scan-box .input-wrap .input{padding-left:40px}.result{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;cursor:pointer;display:flex;gap:12px;align-items:center;background:var(--surface)}.result:hover{border-color:var(--line-2)}.result.on{border-color:var(--action);box-shadow:0 0 0 3px var(--action-soft)}.auth-panel{border-radius:var(--r);padding:16px;background:var(--surface-2);border:1px solid var(--line)}.auth-panel .big{font:700 32px/1.1 var(--cond);font-variant-numeric:tabular-nums}.quick-amts{display:flex;gap:8px;flex-wrap:wrap}.quick-amts .btn{min-width:64px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid var(--line-2);background:var(--surface);border-radius:var(--r-sm);padding:10px 14px;cursor:pointer;font-size:15px;min-height:46px;display:inline-flex;align-items:center;gap:8px}.chip.on{border-color:var(--ink);background:var(--ink);color:var(--surface)}.chip.on .muted{color:inherit;opacity:.7}.fuel-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fuel-pick button{border:1.5px solid var(--line-2);background:var(--surface);border-radius:var(--r);padding:12px 10px;cursor:pointer;text-align:left;border-top:6px solid var(--fuel);min-height:74px}.fuel-pick button b{display:block;font:700 17px var(--cond)}.fuel-pick button span{font:500 14px var(--cond);color:var(--muted)}.fuel-pick button.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.fuel-pick button.dim{opacity:.45}.done-tick{width:68px;height:68px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;margin:0 auto}.btn.wa{background:#1fa855;border-color:#1fa855;color:#fff}.btn.wa:hover{background:#198f48;border-color:#198f48}.feed-new{animation:flash 1.8s ease-out}@keyframes flash{0%{background:color-mix(in srgb,var(--readout) 22%,transparent)}to{background:transparent}}.receipt{font:15px/1.6 var(--cond);background:var(--surface);border:1px dashed var(--line-2);padding:16px;border-radius:var(--r-sm)}.receipt .rule{border-top:1px dashed var(--line-2);margin:8px 0}.meter-list{display:flex;flex-direction:column;gap:10px}.meter-row{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(130px,1fr) minmax(190px,1.3fr) minmax(130px,.9fr);gap:14px;align-items:center;border:1px solid var(--line);border-left:6px solid;border-radius:var(--r);padding:12px 14px;background:var(--surface)}.meter-row.bad{border-color:var(--bad);background:var(--bad-soft)}.meter-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}.meter-row .m-name{flex-direction:row;align-items:center}.meter-row .m-name .grade{font:700 18px var(--cond)}.meter-row .m-old .mono{font-size:18px}.meter-row .m-out{text-align:right;align-items:flex-end}.meter-row .m-out b{font:700 22px var(--cond)}.meter-row .m-note{grid-column:1 / -1;display:block}.meter-row .input{font:600 19px var(--cond);font-variant-numeric:tabular-nums;min-height:48px}@media (max-width: 700px){.meter-row{grid-template-columns:1fr 1fr}.meter-row .m-name{grid-column:1 / -1;order:1}.meter-row .m-old{order:2}.meter-row .m-out{order:3}.meter-row .m-new{grid-column:1 / -1;order:4}.meter-row .m-note{order:5}}.tabs{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto}.tabs a{padding:8px 14px;text-decoration:none;color:var(--ink-2);font-weight:600;border-radius:99px;white-space:nowrap;cursor:pointer}.tabs a:hover{background:var(--hover)}.tabs a.on{background:var(--ink);color:var(--surface)}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:14px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.alert{padding:12px 14px;border-radius:var(--r);font-size:14px;display:flex;gap:10px;align-items:flex-start}.alert.warn{background:var(--warn-soft);color:var(--warn)}.alert.bad{background:var(--bad-soft);color:var(--bad)}.alert.info{background:var(--info-soft);color:var(--info)}.alert.ok{background:var(--ok-soft);color:var(--ok)}.alert svg{width:18px;height:18px;flex:none;margin-top:1px}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.timeline li:last-child{border-bottom:0}.timeline .dot{width:8px;height:8px;border-radius:50%;background:var(--action);margin-top:7px;flex:none}.qr-card{width:340px;height:214px;border-radius:16px;background:var(--readout-bg);color:#fff;padding:18px 20px;display:flex;gap:16px;position:relative;overflow:hidden}.qr-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,var(--g95) 0 33.3%,var(--g98) 0 66.6%,var(--dsl) 0)}.qr-card .qr{background:#fff;padding:8px;border-radius:8px;align-self:center}.qr-card .qr img{display:block;width:110px!important;height:110px!important}.qr-card .meta{display:flex;flex-direction:column;justify-content:space-between;min-width:0;z-index:1;padding-bottom:6px}.qr-card .meta b{font:700 20px var(--cond);letter-spacing:.03em;color:var(--readout)}.skeleton{background:linear-gradient(90deg,var(--surface-3),var(--surface-2),var(--surface-3));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:var(--r);min-height:16px}@keyframes sk{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton,.modal,.overlay,.toast{animation:none}}.spin{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:rot .7s linear infinite;display:inline-block}@keyframes rot{to{transform:rotate(360deg)}}.matrix th,.matrix td{text-align:right}.matrix td:first-child,.matrix th:first-child{text-align:left}.section-title{font:700 20px var(--cond);margin:8px 0 12px}@media print{.side,.top,.toolbar,.no-print,.toasts,.tabbar{display:none!important}.shell{display:block}.content{padding:0;max-width:none}.card{border:0}.tbl-wrap{max-height:none;overflow:visible}.tbl th{position:static}body{background:#fff;color:#000}.print-only{display:block!important}}.print-only{display:none}