@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-cyrillic-ext-400-normal.0sqs6uof-0amz.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-ext-400-normal.1n25945oofmoi.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-cyrillic-400-normal.1nbavbgzpe520.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-400-normal.13meln3u2wrw1.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-greek-400-normal.13urx6ctg50nq.woff2)format("woff2"),url(../media/ibm-plex-sans-greek-400-normal.3jezoma1zzezb.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-vietnamese-400-normal.0ai7gdju0gby9.woff2)format("woff2"),url(../media/ibm-plex-sans-vietnamese-400-normal.2u9cx6ke8pzx4.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-latin-ext-400-normal.0ceeqphcbp8x9.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-ext-400-normal.0rj0k8-86v7v_.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-latin-400-normal.1-h52z97c7bce.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-400-normal.0fuh4fyjfo9ap.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-cyrillic-ext-500-normal.44593i8-29wbg.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-ext-500-normal.0jidoswe0j9qb.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-cyrillic-500-normal.112yeov4xlg05.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-500-normal.0ni4769h0x31g.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-greek-500-normal.0ufg9694ueuse.woff2)format("woff2"),url(../media/ibm-plex-sans-greek-500-normal.1ts2y1qr3h2f8.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-vietnamese-500-normal.012d1stzl51ip.woff2)format("woff2"),url(../media/ibm-plex-sans-vietnamese-500-normal.38v_v5lab-ej5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-latin-ext-500-normal.2mcl7017j3tww.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-ext-500-normal.18qmapxmuwhn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-latin-500-normal.2broe1i9movoa.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-500-normal.0f8eq302mdpld.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-cyrillic-ext-600-normal.16h6o2_j8rsce.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-ext-600-normal.3juwc1-_leybj.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-cyrillic-600-normal.2tlxqadn_cmsz.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-600-normal.3csci4y08h_ps.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-greek-600-normal.0h_04yfamc884.woff2)format("woff2"),url(../media/ibm-plex-sans-greek-600-normal.1fh4va1m5wx0j.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-vietnamese-600-normal.0f-wuky6h_rs9.woff2)format("woff2"),url(../media/ibm-plex-sans-vietnamese-600-normal.2_uiyrwt0npgh.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-latin-ext-600-normal.1uvdyv9iryn4j.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-ext-600-normal.01k4adpnb_n12.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-latin-600-normal.11xxlm8n0_7w8.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-600-normal.0o-mv26yr1hzk.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(../media/newsreader-vietnamese-500-normal.06h8cl4sa1s5s.woff2)format("woff2"),url(../media/newsreader-vietnamese-500-normal.2x7uuj6sbo_n4.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(../media/newsreader-latin-ext-500-normal.165spocyvy0cw.woff2)format("woff2"),url(../media/newsreader-latin-ext-500-normal.0y6jf27ydn8w3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(../media/newsreader-latin-500-normal.2p4a-3yrz52y9.woff2)format("woff2"),url(../media/newsreader-latin-500-normal.1sc00dboh24o6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(../media/newsreader-vietnamese-600-normal.3e8ii_zjedk2e.woff2)format("woff2"),url(../media/newsreader-vietnamese-600-normal.15w2sdhjqgu5-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(../media/newsreader-latin-ext-600-normal.2cvv_xmmu5ui6.woff2)format("woff2"),url(../media/newsreader-latin-ext-600-normal.1ct8kxh8fdef8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(../media/newsreader-latin-600-normal.11r0piw5alamn.woff2)format("woff2"),url(../media/newsreader-latin-600-normal.1a08ox0yc7ei7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--canvas:#f8faf9;--canvas-deep:#eef2f0;--surface:#fff;--surface-raised:#fff;--ink:#13201d;--ink-soft:#44514d;--muted:#7a8581;--line:#e1e7e4;--line-dark:#cbd4d0;--petrol:#087665;--petrol-deep:#07584d;--petrol-pale:#e8f4f0;--diesel:#8a6530;--diesel-pale:#eee5d5;--amber:#a96b18;--amber-pale:#f7ead4;--rose:#984b4b;--rose-pale:#f4e1df;--success:#376f50;--shadow:0 22px 60px #22362f17, 0 2px 8px #22362f0a;--shadow-soft:0 10px 28px #22362f0e, 0 1px 3px #22362f0a;--radius-xl:20px;--radius-lg:15px;--radius-md:11px;--sidebar:244px}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 85% -10%, #0d6b5d1a, transparent 30rem), linear-gradient(135deg, #ffffff38, transparent 45%), var(--canvas);min-height:100vh;margin:0;font-family:IBM Plex Sans,sans-serif;font-size:15px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #0d6b5d47}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#faf9f4e6;border-right:1px solid #bfc3bab8;flex-direction:column;padding:26px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px;display:flex}.brand-mark{color:#f6f5ee;background:var(--petrol-deep);border-radius:12px 12px 12px 4px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 18px #094b4233}.brand strong{font-family:Newsreader,serif;font-size:22px;line-height:1;display:block}.brand small,.owner-chip small,.outlet-chip small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.side-nav{gap:6px;margin-top:40px;display:grid}.nav-item{color:#59635f;border-radius:12px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-weight:500;transition:all .16s;display:flex}.nav-item:hover{color:var(--ink);background:#0d6b5d0f;transform:translate(2px)}.nav-item.active{background:var(--petrol-pale);color:var(--petrol-deep)}.nav-item.active:after{content:"";background:var(--petrol);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-foot{gap:12px;margin-top:auto;display:grid}.outlet-chip,.owner-chip{border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.outlet-chip{background:#eceee8}.outlet-chip strong,.owner-chip strong{font-size:12px;display:block}.outlet-dot{background:#4e916c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4e916c21}.owner-chip:hover{background:#0d6b5d0d}.avatar{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:600;display:grid}.app-main{margin-left:var(--sidebar);min-height:100vh}.page{width:min(1260px,100% - 64px);margin:0 auto;padding:42px 0 72px}.mobile-header,.bottom-nav{display:none}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page-header h1,.dashboard-heading h1{letter-spacing:-.035em;margin:5px 0 10px;font-family:Newsreader,serif;font-size:clamp(38px,4.4vw,58px);font-weight:500;line-height:.98}.eyebrow{color:var(--petrol);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.page-description{max-width:650px;color:var(--ink-soft);margin:0;line-height:1.6}.button{border:1px solid var(--line-dark);background:var(--surface-raised);min-height:44px;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-weight:600;transition:all .16s;display:inline-flex}.button:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.button.primary{color:#fff;background:var(--petrol-deep);border-color:var(--petrol-deep)}.button.soft{color:var(--petrol-deep);background:var(--petrol-pale);border-color:#0000}.button.ghost{background:0 0}.button.block{width:100%}.button.danger{color:#743e3e;background:var(--rose-pale);border-color:#0000}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.voided-row{opacity:.55}.table-actions{white-space:nowrap}.receipt-row-actions{align-items:center;gap:8px;display:inline-flex}.void-receipt-prompt{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.void-receipt-prompt input{border:1px solid var(--line);border-radius:9px;min-width:160px;padding:6px 10px;font-size:12px}.form-error-inline{color:#743e3e;text-align:right;width:100%}.pump-shift-row-actions{justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.delete-entry-warning{color:#743e3e;background:var(--rose-pale);border:1px solid #efd6d0;border-radius:13px;align-items:flex-start;gap:11px;margin-bottom:16px;padding:14px;display:flex}.delete-entry-warning>div{gap:3px;display:grid}.delete-entry-warning span,.delete-entry-warning small{color:#6c5752;display:block}.delete-audit-note{color:var(--muted);margin:9px 0 0;font-size:10px}.pump-delete-dialog .button.danger{justify-content:center}.today-saved-entries{background:#f8fbfa;border:1px solid #d6e4df;border-radius:16px;margin:15px 0;padding:15px}.today-saved-entries>header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:10px;display:flex}.today-saved-entries>header>span{color:#087665;align-items:flex-start;gap:8px;display:flex}.today-saved-entries>header span span{gap:2px;display:grid}.today-saved-entries>header small{color:#6e8079;font-size:9px}.today-saved-entry-list{gap:7px;display:grid}.today-saved-entry-list article{background:#fff;border:1px solid #e0e9e6;border-radius:11px;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.today-saved-entry-list article>span{gap:2px;display:grid}.today-saved-entry-list article small{color:#70817b;font-size:9px}.today-saved-entry-total{text-align:right}.today-saved-entry-total strong{color:#087665}.today-saved-entry-list .button{min-height:36px;padding:0 10px}@media (max-width:620px){.today-saved-entries>header{display:grid}.today-saved-entry-list article{grid-template-columns:1fr auto}.today-saved-entry-total{text-align:left;grid-column:1}.today-saved-entry-list article>.button{grid-area:1/2/3}}.panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fbfaf6eb;border:1px solid #cfd0c6e0}.panel-pad{padding:23px}.panel-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.panel-title{letter-spacing:-.015em;margin:0;font-family:Newsreader,serif;font-size:24px;font-weight:600}.panel-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.status-pill{letter-spacing:.08em;text-transform:uppercase;border-radius:99px;align-items:center;gap:6px;min-height:27px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill.live,.status-pill.healthy{color:var(--success);background:#deeee4}.status-pill.warning{color:var(--amber);background:var(--amber-pale)}.status-pill.closed{color:#5d6864;background:#e9ebe6}.dashboard-topline{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.dashboard-heading p{margin:0}.dashboard-heading h1 em{color:var(--petrol);font-style:normal}.live-stamp{align-items:center;gap:10px;padding-top:6px;display:flex}.live-stamp span:last-child{color:var(--muted);font-size:12px;display:grid}.live-stamp strong{color:var(--ink);font-weight:500}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.metric-card{min-height:142px;padding:19px;position:relative;overflow:hidden}.metric-card:after{content:"";background:#0d6b5d0e;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-50px;right:-44px}.metric-label{color:var(--muted);margin:0 0 16px;font-size:12px}.metric-value{letter-spacing:-.025em;font-family:Newsreader,serif;font-size:clamp(27px,2.7vw,38px);font-weight:600;line-height:1;display:block}.metric-detail{color:var(--ink-soft);align-items:center;gap:5px;margin-top:13px;font-size:11px;display:flex}.metric-detail.positive{color:var(--success)}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:16px;display:grid}.dashboard-main,.dashboard-side{align-content:start;gap:16px;display:grid}.shift-card{color:#f4f3eb;border-radius:var(--radius-xl);background:radial-gradient(circle at 90% 20%,#aed5c42b,#0000 14rem),linear-gradient(135deg,#123f38 0%,#0b2d29 72%);min-height:232px;padding:26px;position:relative;overflow:hidden;box-shadow:0 24px 60px #092d292e}.shift-card:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:250px;height:250px;position:absolute;inset:auto -65px -110px auto;box-shadow:0 0 0 34px #ffffff08,0 0 0 70px #ffffff05}.shift-card-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.shift-card h2{z-index:1;margin:12px 0 5px;font-family:Newsreader,serif;font-size:35px;font-weight:500;position:relative}.shift-card p{color:#b8ccc6;z-index:1;margin:0;position:relative}.shift-progress{z-index:1;width:min(440px,70%);margin-top:28px;position:relative}.progress-track{background:#ffffff26;border-radius:99px;height:6px;overflow:hidden}.progress-track>span{border-radius:inherit;background:#b6d8c9;height:100%;display:block}.shift-meta{color:#c8d8d2;flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;font-size:11px;display:flex}.shift-actions{z-index:2;gap:9px;display:grid;position:absolute;top:90px;right:25px}.shift-actions .button{color:#fff;box-shadow:none;background:#ffffff17;border-color:#ffffff29}.shift-actions .button.primary-light{color:#123f38;background:#f0f3ec;border-color:#0000}.stock-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tank-card{background:#f0efe8;border:1px solid #deddd4;border-radius:16px;padding:18px}.tank-top{justify-content:space-between;gap:10px;display:flex}.tank-label{color:var(--muted);margin:0;font-size:11px}.tank-value{margin-top:7px;font-family:Newsreader,serif;font-size:29px;font-weight:600;display:block}.tank-bar{background:#d8d8cf;border-radius:99px;height:8px;margin:18px 0 9px;overflow:hidden}.tank-bar span{border-radius:inherit;background:var(--petrol);height:100%;display:block}.tank-foot{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.bar-list{gap:16px;display:grid}.bar-row-top{justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px;display:flex}.bar-row-top span:last-child{font-weight:600}.mini-bar{background:#e2e2da;border-radius:99px;height:5px;overflow:hidden}.mini-bar span{border-radius:inherit;background:var(--petrol);height:100%;display:block}.payment-list{gap:13px;display:grid}.payment-row{grid-template-columns:72px 1fr auto;align-items:center;gap:10px;font-size:11px;display:grid}.payment-row strong{font-size:12px}.alert-list{gap:10px;display:grid}.alert-card{border:1px solid var(--line);background:#ffffff8f;border-radius:13px;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:12px;transition:all .16s;display:grid}.alert-card:hover{border-color:#bbc9c2;transform:translate(2px)}.alert-icon{width:34px;height:34px;color:var(--petrol);background:var(--petrol-pale);border-radius:10px;place-items:center;display:grid}.alert-card.warning .alert-icon{color:var(--amber);background:var(--amber-pale)}.alert-card strong,.alert-card span{display:block}.alert-card strong{font-size:12px}.alert-card span{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.35}.quick-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-action{background:#eeeee7;border:1px solid #0000;border-radius:14px;align-content:space-between;min-height:92px;padding:15px;transition:all .16s;display:grid}.quick-action:hover{background:#f8f7f2;border-color:#c7d2cc;transform:translateY(-2px)}.quick-action svg{color:var(--petrol)}.quick-action strong{font-size:11px}.two-column{grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:16px;display:grid}.three-column{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.summary-strip{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.summary-cell{background:var(--surface);padding:18px}.summary-cell span{color:var(--muted);font-size:11px;display:block}.summary-cell strong{margin-top:8px;font-family:Newsreader,serif;font-size:25px;display:block}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:10px 12px;font-size:10px}.data-table td{border-bottom:1px solid #e4e3dc;padding:14px 12px;font-size:12px}.data-table tr:last-child td{border-bottom:0}.data-table td:last-child,.data-table th:last-child{text-align:right}.table-title{color:var(--ink);font-weight:600;display:block}.table-subtitle{color:var(--muted);margin-top:3px;font-size:10px;display:block}.form-panel{max-width:780px}.form-section{border-bottom:1px solid var(--line);padding:22px 0}.form-section:first-child{padding-top:0}.form-section:last-child{border-bottom:0;padding-bottom:0}.form-section-heading{align-items:flex-start;gap:11px;margin-bottom:17px;display:flex}.step-number{background:var(--petrol-pale);min-width:26px;height:26px;color:var(--petrol-deep);border-radius:8px;place-items:center;font-size:11px;font-weight:600;display:grid}.form-section h2{margin:0;font-family:Newsreader,serif;font-size:22px}.form-section-heading p{color:var(--muted);margin:4px 0 0;font-size:11px}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.form-grid.three{grid-template-columns:repeat(3,1fr)}.field{gap:7px;display:grid}.field.full{grid-column:1/-1}.field label,.field>span:first-child{color:var(--ink-soft);font-size:11px;font-weight:500}.input-wrap{position:relative}.field input,.field select,.field textarea{width:100%;min-height:46px;color:var(--ink);border:1px solid var(--line-dark);background:#fdfcf8;border-radius:11px;outline:none;padding:0 13px;transition:all .15s}.field textarea{resize:vertical;min-height:94px;padding-top:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--petrol);box-shadow:0 0 0 3px #0d6b5d17}.field input[type=number]{font-variant-numeric:tabular-nums}.unit{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.with-unit{padding-right:44px!important}.field-help{color:var(--muted);font-size:10px;line-height:1.4}.checkbox-row{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.checkbox-row input{width:16px;height:16px;min-height:16px;accent-color:var(--petrol);padding:0}.inline-link{text-underline-offset:3px;font-weight:600;text-decoration:underline;color:var(--petrol-deep)!important;margin-top:8px!important;display:inline-block!important}.empty-state{border:1px dashed var(--line-dark);color:var(--muted);text-align:center;border-radius:13px;margin:0;padding:18px;font-size:12px}.closed-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.closed-summary div{border:1px solid var(--line);background:#ffffff80;border-radius:12px;padding:13px}.closed-summary span,.closed-summary strong{display:block}.closed-summary span{color:var(--muted);font-size:10px}.closed-summary strong{font-variant-numeric:tabular-nums;margin-top:5px;font-size:14px}.form-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.form-error{color:#743e3e;background:var(--rose-pale);border-radius:11px;padding:11px 13px;font-size:11px}.success-message{color:#28553d;background:#dfede4;border-radius:13px;align-items:flex-start;gap:10px;padding:15px;display:flex}.success-message strong,.success-message span{display:block}.success-message span{opacity:.8;margin-top:3px;font-size:11px}.stock-adjustment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.stock-adjustment-card{background:#f8f7f2;border:1px solid #deddd4;border-radius:14px;padding:16px}.stock-adjustment-card header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.stock-adjustment-card header span,.stock-adjustment-card header small,.stock-adjustment-card header strong{display:block}.stock-adjustment-card header small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.stock-adjustment-card header strong{margin-top:3px;font-size:15px}.stock-capacity{text-align:right}.stock-capacity strong{font-family:var(--font-mono);font-size:12px!important}.stock-adjustment-note{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.5}.stock-save-success{color:#28553d;background:#dfede4;border-radius:10px;align-items:center;gap:7px;margin-top:10px;padding:9px 11px;font-size:11px;display:flex}.reconciliation-card{color:#f3f4ee;background:var(--ink);border-radius:17px;margin-top:18px;padding:20px}.reconciliation-hero{border-bottom:1px solid #ffffff1f;justify-content:space-between;gap:16px;padding-bottom:16px;display:flex}.reconciliation-hero span{color:#aab9b4;font-size:10px;display:block}.reconciliation-hero strong{margin-top:5px;font-family:Newsreader,serif;font-size:31px;display:block}.reconciliation-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;display:grid}.reconciliation-grid div{background:#ffffff0e;border-radius:11px;padding:12px}.reconciliation-grid span,.reconciliation-grid strong{display:block}.reconciliation-grid span{color:#9fb1ab;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.reconciliation-grid strong{margin-top:5px;font-size:12px}.feature-card{align-content:space-between;min-height:170px;padding:20px;display:grid}.feature-icon{background:var(--petrol-pale);width:42px;height:42px;color:var(--petrol);border-radius:13px;place-items:center;display:grid}.feature-card h2{margin:20px 0 5px;font-family:Newsreader,serif;font-size:23px}.feature-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.feature-link{color:var(--petrol-deep);justify-content:space-between;align-items:center;margin-top:17px;font-size:11px;font-weight:600;display:flex}.page-skeleton{gap:22px;display:grid}.skeleton{background:var(--line);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.3s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-title{border-radius:var(--radius-md);width:260px;height:30px}.skeleton-subtitle{border-radius:7px;width:420px;max-width:100%;height:14px;margin-top:10px}.skeleton-header{margin-bottom:8px}.skeleton-scoreboard{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.skeleton-card{border-radius:var(--radius-lg);height:92px}.skeleton-panel{border-radius:var(--radius-lg);height:220px}.skeleton-panel.tall{height:340px}.pump-correction-dialog{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);width:min(720px,100vw - 40px);max-height:calc(100vh - 64px);box-shadow:var(--shadow);padding:24px;overflow-y:auto}.pump-correction-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#13201d73}.pump-correction-dialog .readonly-reading{background:var(--petrol-pale);color:var(--ink-soft);cursor:default;border-style:dashed}.pump-correction-dialog .correction-metered{color:var(--muted);font-weight:600}.pump-correction-dialog .correction-metered.below-opening{color:var(--amber)}.dialog-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.dialog-header .button{min-height:34px;padding:0 10px}@media (max-width:640px){.pump-correction-dialog{padding:18px}}.reveal{animation:.55s cubic-bezier(.2,.72,.24,1) both reveal}.reveal-1{animation-delay:30ms}.reveal-2{animation-delay:90ms}.reveal-3{animation-delay:.15s}.reveal-4{animation-delay:.21s}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1050px){:root{--sidebar:210px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:repeat(2,1fr)}.dashboard-side>:last-child{grid-column:1/-1}.three-column{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){body{background:var(--canvas)}.sidebar{display:none}.app-main{margin-left:0;padding-bottom:74px}.mobile-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:19;background:#faf9f4e0;border-bottom:1px solid #bfc3bab3;justify-content:space-between;align-items:center;height:62px;padding:0 18px;display:flex;position:sticky;top:0}.brand.compact{gap:9px;padding:0}.brand.compact .brand-mark{border-radius:10px 10px 10px 3px;width:33px;height:33px}.brand.compact strong{font-size:19px}.mobile-header-actions{gap:5px;display:flex}.mobile-header-actions a,.mobile-header-actions button{width:38px;height:38px;color:var(--ink);background:0 0;border:0;border-radius:11px;place-items:center;display:grid}.bottom-nav{z-index:25;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:68px;padding-bottom:env(safe-area-inset-bottom);background:#faf9f4f0;border-top:1px solid #bfc3bacc;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.bottom-nav-item{color:#6a7470;align-content:center;place-items:center;gap:3px;font-size:9px;display:grid}.bottom-nav-item.active{color:var(--petrol)}.bottom-nav-item.active svg{filter:drop-shadow(0 3px 6px #0d6b5d33)}.page{width:calc(100% - 28px);padding:25px 0 34px}.page-header,.dashboard-topline{align-items:flex-start;margin-bottom:23px}.page-header{display:grid}.page-header .button{width:100%}.page-header h1,.dashboard-heading h1{font-size:40px}.live-stamp{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:126px;padding:15px}.metric-value{font-size:26px}.metric-detail{font-size:9px}.dashboard-grid,.dashboard-side,.two-column,.three-column{grid-template-columns:1fr}.dashboard-side>:last-child{grid-column:auto}.shift-card{min-height:310px;padding:22px}.shift-actions{grid-template-columns:1fr 1fr;position:absolute;inset:auto 20px 20px}.shift-actions .button{padding:0 12px}.shift-progress{width:100%}.stock-grid{grid-template-columns:1fr 1fr}.panel-pad{padding:18px}.quick-actions{grid-template-columns:repeat(3,1fr)}.quick-action{min-height:84px;padding:12px}.summary-strip{grid-template-columns:repeat(2,1fr)}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block}.data-table tr{border-bottom:1px solid var(--line);padding:12px 0}.data-table td{border:0;justify-content:space-between;gap:18px;padding:4px 0;display:flex}.data-table td[data-label]:before{content:attr(data-label);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;flex:0 0 42%;font-size:9px;font-weight:600}.data-table td:last-child{text-align:left}.form-grid,.form-grid.three,.stock-adjustment-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-actions{background:0 0;margin:18px 0 0;padding:0;position:static}.form-actions .button{flex:1}.reconciliation-grid{grid-template-columns:1fr}}@media (max-width:390px){.stock-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr 1fr}}html{background:#fff}body{background:radial-gradient(at 76% -12%,#0876650e,#0000 34rem),linear-gradient(#fff 0,#fbfcfc 46rem,#f7f9f8 100%)}.sidebar{background:#fffffff0;border-right-color:#e4e9e7;box-shadow:12px 0 40px #1d352d06}.brand-mark{background:linear-gradient(145deg,#087665,#054c43);border:1px solid #ffffff3d;box-shadow:inset 0 1px #ffffff57,0 9px 22px #07584d2e}.side-nav{gap:4px}.nav-item{border:1px solid #0000;border-radius:10px}.nav-item:hover{background:#f7faf8;border-color:#edf1ef;transform:none}.nav-item.active{color:var(--petrol-deep);background:linear-gradient(#f3faf7,#ebf5f1);border-color:#dcebe5;box-shadow:inset 0 1px #fff}.outlet-chip{background:linear-gradient(145deg,#f7faf8,#f0f4f2);border:1px solid #e5ebe8;box-shadow:inset 0 1px #fff}.owner-chip{border:1px solid #0000}.owner-chip:hover{background:#f8faf9;border-color:#edf1ef}.page{width:min(1320px,100% - 72px);padding-top:48px}.page-header,.dashboard-topline{margin-bottom:34px}.page-header h1,.dashboard-heading h1{color:#10201c;letter-spacing:-.042em}.eyebrow{color:#087665;letter-spacing:.17em}.panel{box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #e0e7e342, var(--shadow-soft);background:linear-gradient(145deg,#fffffffc,#f8fbfaeb);border-color:#e0e7e3}.button{background:linear-gradient(#fff,#f7f9f8);border-color:#d7dfdb;border-radius:10px;box-shadow:inset 0 1px #fff,0 1px 2px #1a332b0a}.button:hover{border-color:#bdcbc5;box-shadow:inset 0 1px #fff,0 7px 16px #1a332b14}.button.primary{background:linear-gradient(#0b7162,#07574d);border-color:#07574d;box-shadow:inset 0 1px #fff3,0 8px 18px #07584d26}.button.soft{background:linear-gradient(#f2faf7,#e8f4ef);border-color:#dcece5}.metric-grid{border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #fff, var(--shadow-soft);background:linear-gradient(150deg,#fff,#f8fbf9);border:1px solid #dfe6e2;gap:0;overflow:hidden}.metric-card{min-height:136px;box-shadow:none;background:0 0;border:0;border-right:1px solid #e5ebe8;border-radius:0}.metric-card:last-child{border-right:0}.metric-card:after{display:none}.metric-value{font-size:clamp(29px,2.7vw,38px)}.shift-card{min-height:232px;color:var(--ink);background:linear-gradient(118deg,#e8f6f1b8,#0000 43%),linear-gradient(145deg,#fff,#f5f9f7);border:1px solid #d9e5e0;box-shadow:inset 0 1px #fff,0 22px 55px #1c3f3317}.shift-card:before{content:"";background:linear-gradient(#0a8b76,#07574d);width:4px;position:absolute;inset:0 auto 0 0}.shift-card:after{border-color:#08766514;width:220px;height:220px;inset:-70px -60px auto auto;box-shadow:0 0 0 32px #08766506,0 0 0 68px #08766504}.shift-card .panel-kicker{color:#67807a}.shift-card h2{color:#11251f}.shift-card p{color:#566a64}.progress-track{background:#e2e9e6}.progress-track>span{background:linear-gradient(90deg,#0a7b69,#75aa9a)}.shift-meta{color:#657670}.shift-actions .button{color:#264039;background:#ffffffc2;border-color:#d2ddd8;box-shadow:inset 0 1px #fff,0 5px 16px #18352c0f}.shift-actions .button.primary-light{color:#fff;background:linear-gradient(#0a7767,#07564c);border-color:#07564c;box-shadow:inset 0 1px #fff3,0 9px 20px #07584d24}.tank-card{background:linear-gradient(145deg,#fff,#f6f8f7);border-color:#e0e6e3;box-shadow:inset 0 1px #fff}.tank-bar{background:#e5ebe8}.tank-bar span,.mini-bar span{background:linear-gradient(90deg,#087665,#54a18e)}.tank-card.diesel .tank-bar span{background:linear-gradient(90deg,#906c35,#c4a76e)}.quick-action{background:linear-gradient(145deg,#fff,#f6f9f7);border-color:#e4eae7;box-shadow:inset 0 1px #fff}.quick-action:hover{background:#fff;border-color:#bfd1c9;transform:translateY(-1px);box-shadow:0 10px 20px #1c3b310f}.feature-card{border-top:2px solid #d9e9e3}.feature-card:hover{box-shadow:var(--shadow);border-color:#b9d8cd}.feature-icon{background:linear-gradient(145deg,#f1faf6,#e4f2ed);border:1px solid #dbeae4;box-shadow:inset 0 1px #fff}.summary-strip{box-shadow:inset 0 1px 0 #fff, var(--shadow-soft);background:#e5ebe8;border-color:#dfe6e2}.summary-cell{background:linear-gradient(145deg,#fff,#f8faf9)}.alert-card{background:linear-gradient(145deg,#fff,#f8faf9);border-color:#e1e7e4;box-shadow:inset 0 1px #fff}.alert-card:hover{border-color:#c5d4ce;transform:none;box-shadow:0 7px 18px #1c3b310e}.alert-icon{background:linear-gradient(145deg,#f0faf6,#e5f2ed);border:1px solid #dcebe5}.data-table th{color:#77837f;border-bottom-color:#dfe6e2}.data-table td{border-bottom-color:#e8edeb}.data-table tbody tr{transition:background .14s}.data-table tbody tr:hover{background:#eff7f485}.field input,.field select,.field textarea{background:linear-gradient(#fff,#fbfcfc);border-color:#d6dfdb;border-radius:9px;box-shadow:inset 0 1px 2px #1a342b06,0 1px #fff}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;box-shadow:0 0 0 3px #08766517,0 7px 18px #1c3b310b}.reconciliation-card{color:var(--ink);background:linear-gradient(128deg,#e6f5efc7,#0000 48%),linear-gradient(145deg,#fff,#f6f9f8);border:1px solid #d7e5df;box-shadow:inset 0 1px #fff,0 16px 36px #1c3b3112}.reconciliation-hero{border-bottom-color:#dce5e1}.reconciliation-hero span,.reconciliation-grid span{color:#71807b}.reconciliation-grid div{background:#ffffffb8;border:1px solid #e1e8e5}.success-message{color:#205743;background:linear-gradient(145deg,#f1faf6,#e5f2ec);border:1px solid #d5e9e0;box-shadow:inset 0 1px #fff}.form-error{border:1px solid #ecd2cf}.empty-state{background:linear-gradient(145deg,#fff,#f8faf9);border-color:#dbe3df}.staff-register-grid{grid-template-columns:.8fr 1.2fr;gap:16px;display:grid}.compact-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.compact-form .full{grid-column:1/-1}.compact-form .button{justify-self:start}.save-note{color:var(--petrol-deep);margin:13px 0 0;font-size:11px}.attendance-chips{border-top:1px solid var(--line);flex-wrap:wrap;gap:7px;margin-top:15px;padding-top:15px;display:flex}.attendance-chip{color:var(--muted);background:#f7faf8;border:1px solid #dce6e2;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;display:inline-flex}.attendance-chip strong{color:var(--ink)}.attendance-chip.late{color:var(--amber);background:#fff9ef;border-color:#f0dfc0}.attendance-chip.absent{color:var(--rose);background:#fff6f5;border-color:#ecd7d4}.machine-allocation-grid,.handover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.machine-allocation{background:linear-gradient(145deg,#fff,#f6faf8);border:1px solid #dce6e2;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:14px;display:grid}.machine-allocation.diesel{background:linear-gradient(145deg,#fff,#fbf8f2);border-color:#e8e1d5}.machine-allocation>span strong,.machine-allocation>span small{display:block}.machine-allocation>span strong{font-size:12px}.machine-allocation>span small{color:var(--muted);margin-top:3px;font-size:9px}.machine-allocation select{border:1px solid var(--line-dark);min-height:42px;color:var(--ink);background:#fff;border-radius:9px;grid-column:1/-1;padding:0 11px}.machine-code{min-width:36px;height:36px;color:var(--petrol-deep);background:linear-gradient(145deg,#e7f5f0,#dbece6);border-radius:10px;place-items:center;padding:0 8px;font-size:11px;font-weight:700;display:grid;box-shadow:inset 0 1px #fff}.machine-allocation.diesel .machine-code,.machine-code.diesel{color:#745321;background:linear-gradient(145deg,#f4ecde,#e9ddc8)}.handover-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f8faf9);border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:14px;display:grid}.handover-card>span:nth-child(2) strong,.handover-card>span:nth-child(2) small{display:block}.handover-card>span:nth-child(2) strong{font-size:12px}.handover-card small{color:var(--muted);margin-top:3px;font-size:9px}.handover-card .input-wrap{grid-column:1/-1}.handover-card input{border:1px solid var(--line-dark);background:#fff;border-radius:9px;width:100%;min-height:44px;padding:0 35px 0 12px}.staff-preview-list{border-top:1px solid #dce5e1;gap:8px;margin-top:15px;padding-top:15px;display:grid}.staff-preview-row{background:#ffffffbd;border:1px solid #e1e8e5;border-radius:11px;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:12px;display:grid}.staff-preview-row span,.staff-preview-row strong,.staff-preview-row small{display:block}.staff-preview-row small{color:var(--muted);font-size:9px}.staff-preview-row strong{margin-top:3px;font-size:12px}.shift-staff-results{gap:8px;margin-top:14px;display:grid}.shift-staff-results article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.shift-staff-results strong,.shift-staff-results small{display:block}.shift-staff-results small{color:var(--muted);margin-top:3px;font-size:9px}.shift-staff-results article>div:last-child{text-align:right}.mobile-header,.bottom-nav{background:#fffffff0;border-color:#e1e7e4;box-shadow:0 -8px 30px #1f38300d}@media (max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card:nth-child(2){border-right:0}.metric-card:nth-child(-n+2){border-bottom:1px solid #e5ebe8}}@media (max-width:900px){body{background:linear-gradient(#fff,#f8faf9)}.page{width:calc(100% - 28px);padding-top:28px}.mobile-header{box-shadow:0 8px 26px #1f383009}.metric-grid{border-radius:13px}.metric-card{border-right:1px solid #e5ebe8;min-height:118px}.metric-card:nth-child(2n){border-right:0}.metric-card:nth-child(-n+2){border-bottom:1px solid #e5ebe8}.shift-card{min-height:292px}.panel{border-radius:13px}.staff-register-grid,.machine-allocation-grid,.handover-grid,.compact-form{grid-template-columns:1fr}.compact-form .full{grid-column:auto}.staff-preview-row{grid-template-columns:1fr 1fr;gap:10px}.staff-preview-row>span:first-child{grid-column:1/-1}}.daily-page{max-width:1540px}.daily-sheet{padding-bottom:108px}.day-command{background:linear-gradient(135deg,#fffffffa,#eef7f4eb);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.day-command:after{content:"";border:42px solid #0876650b;border-radius:50%;width:260px;height:260px;position:absolute;top:-170px;right:110px}.day-command h1{color:#112a24;margin:6px 0 8px;font-family:Newsreader,serif;font-size:clamp(34px,4vw,54px);line-height:.96}.day-command p:last-child{color:#62716d;max-width:650px}.day-status{z-index:1;justify-items:end;gap:7px;display:grid;position:relative}.day-status small{color:#6c7b76}.daily-price-deck{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px;margin:18px 0;display:grid}.price-ticket{background:#ffffffe8;border:1px solid #dce7e3;border-radius:18px;grid-template-columns:minmax(120px,1fr) repeat(3,minmax(88px,.75fr));align-items:end;gap:12px;padding:18px;display:grid;box-shadow:0 12px 34px #1a39320f}.price-ticket>div{grid-template-columns:12px 1fr;column-gap:9px;display:grid}.price-ticket>div strong,.price-ticket>div small{grid-column:2}.price-ticket>div strong{font-family:Newsreader,serif;font-size:24px}.price-ticket>div small{color:#7c8985}.price-ticket label{color:#64736e;gap:6px;font-size:11px;display:grid}.price-ticket label,.price-ticket .input-wrap,.price-ticket input{width:100%;min-width:0}.fuel-dot{background:#09806f;border-radius:50%;width:9px;height:9px;margin-top:7px;box-shadow:0 0 0 5px #e4f4ef}.price-hero{color:#133b32;font-family:Newsreader,serif;font-size:27px}.pump-deck{grid-template-columns:repeat(auto-fit,minmax(min(100%,620px),1fr));gap:18px;margin:18px 0;display:grid}.pump-card{background:#fdfefd;border:1px solid #d9e4e0;border-radius:24px;overflow:hidden;box-shadow:0 18px 48px #18322d14}.pump-card>header{color:#fff;background:linear-gradient(110deg,#123b32 0%,#087665 72%,#1a8e7c 100%);grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:82px;padding:17px 20px;display:grid}.pump-card>header span:nth-child(2){display:grid}.pump-card>header small{color:#bfe1d8;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.pump-card>header strong{font-family:Newsreader,serif;font-size:30px;line-height:1}.pump-emblem{background:#ffffff1c;border:1px solid #ffffff40;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.pump-sides{grid-template-columns:1fr;display:grid}.pump-side{min-width:0;padding:16px}.pump-side+.pump-side{border-left:1px dashed #ccd9d5}.side-owner{border-bottom:1px solid #e6ecea;justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding-bottom:13px;display:flex}.side-owner>span:first-child{display:grid}.side-owner small{color:#788580;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.side-owner strong{color:#1b342e}.side-owner label{color:#0b6c5d;align-items:center;gap:6px;display:flex}.side-owner select{color:#233d36;background:#fff;border:1px solid #cfddd8;border-radius:10px;min-width:110px;max-width:145px;padding:9px 28px 9px 10px}.side-live{text-align:right}.side-live strong,.side-live small{display:block}.side-live strong{color:#087665}.pump-operator{padding:14px 16px 0}.pump-operator label{color:#6b7c76;gap:5px;font-size:9px;display:grid}.pump-operator select{color:#203b33;background:#fff;border:1px solid #ccd9d5;border-radius:9px;width:100%;max-width:300px;min-height:42px;padding:8px 9px}.opening-grid .nozzle-list{padding:0 16px 16px}.nozzle-list{gap:10px;margin-top:12px;display:grid}.nozzle-entry{background:linear-gradient(145deg,#fff,#f8fbfa);border:1px solid #e2e9e6;border-radius:13px;grid-template-columns:auto 1fr minmax(105px,.85fr);align-items:center;gap:9px;padding:10px;display:grid}.nozzle-entry>span:nth-child(2){min-width:0;display:grid}.nozzle-entry small{color:#87938f;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.nozzle-badge{color:#705514;background:#fff1c5;border-radius:9px;align-items:center;gap:4px;padding:7px 8px;font-size:11px;font-weight:700;display:inline-flex}.nozzle-badge.diesel{color:#294f6d;background:#dceef8}.nozzle-closing{background:#fbfdfc;border:1px solid #e0e8e5;border-radius:14px;grid-template-columns:auto 1fr;align-items:end;gap:9px 12px;padding:12px;display:grid}.nozzle-closing>label:not(.returned-check){color:#70807a;gap:5px;font-size:10px;display:grid}.nozzle-reading{display:grid}.nozzle-reading small{color:#87948f}.nozzle-reading strong{font-size:12px}.returned-check{color:#51625c;align-items:center;gap:6px;font-size:10px;display:flex}.returned-check input{accent-color:#087665}.side-collections{color:#fff;background:#193a32;border-radius:15px;margin-top:14px;padding:13px}.test-fuel-note{background:#ffffff14;border-radius:10px;margin:2px 0 12px;padding:10px 11px}.test-fuel-note>small{color:#a8c4bc;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:9px;display:block}.test-fuel-chips{flex-wrap:wrap;gap:6px;display:flex}.test-fuel-chip{color:#fff;background:#ffffff24;border-radius:8px;padding:5px 9px;font-size:10px;font-weight:600}.test-fuel-chip.petrol{color:#705514;background:#fff1c5}.test-fuel-chip.diesel{color:#294f6d;background:#dceef8}.side-collections>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin-bottom:10px;display:flex}.side-collections>div:first-child span{display:grid}.side-collections small{color:#a9c7bf}.side-collections .entered-callout{white-space:nowrap;color:#fff;margin-left:auto;font-family:inherit;font-size:17px;font-weight:700}.side-collections .variance-callout{white-space:nowrap;margin-top:0}.side-collections .variance-callout.balanced{color:#8fe3c4}.side-collections .variance-callout.unbalanced{color:#ff8a80}.pump-save-row{border-top:1px dashed #dbe5e1;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:12px;padding-top:12px;display:flex}.pump-save-row label{color:#5b6f68;gap:4px;font-size:10px;display:grid}.pump-save-row input[type=time]{background:#fff;border:1px solid #cad8d3;border-radius:9px;min-height:38px;padding:6px 9px;font-size:12px}.pump-saved-indicator{color:#3f8f6e;align-items:center;gap:5px;font-size:11px;display:flex}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.collection-grid label{color:#b9d0ca;gap:4px;font-size:9px;display:grid}.collection-grid .input-wrap,.collection-grid input{width:100%}.collection-grid input{color:#fff;background:#ffffff17;border-color:#ffffff2b;min-height:44px;padding:8px 30px 8px 9px}.collection-grid .unit{color:#b5d5cc}.tank-ribbon{background:linear-gradient(120deg,#f0f7f5,#fff);border:1px solid #d9e4e0;border-radius:20px;grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(220px,1fr));align-items:center;gap:14px;margin:18px 0;padding:18px;display:grid}.tank-ribbon>div,.tank-ribbon label{align-items:center;gap:10px;display:flex}.tank-ribbon>div span,.tank-ribbon label>span:first-child{min-width:0;display:grid}.tank-ribbon small{color:#788681}.tank-ribbon label .input-wrap{flex:1}.tank-ribbon input{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #c9d7d2;border-radius:9px;padding:8px 30px 8px 10px}.variance-note{margin:18px 0}.daily-reconciliation{background:#fff;border:1px solid #cfdfda;border-radius:22px;margin:20px 0;overflow:hidden;box-shadow:0 18px 50px #14372f17}.daily-reconciliation>header{background:#edf7f4;justify-content:space-between;align-items:center;gap:15px;padding:20px;display:flex}.daily-reconciliation>header>span:first-child{display:grid}.daily-reconciliation>header small{color:#6f7f7a;text-transform:uppercase;letter-spacing:.1em}.daily-reconciliation>header strong{font-family:Newsreader,serif;font-size:28px}.variance-callout{letter-spacing:normal;text-transform:none;margin-top:2px;font-family:inherit;font-size:17px;font-weight:700}.variance-callout.balanced{color:#087665}.variance-callout.unbalanced{color:#c62828}.side-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.side-result-grid article{border-bottom:1px solid #e3eae8;padding:17px 20px}.side-result-grid article:nth-child(odd){border-right:1px solid #e3eae8}.side-result-grid article>span{margin-bottom:12px;display:grid}.side-result-grid dl{grid-template-columns:repeat(4,1fr);gap:7px;margin:0;display:grid}.side-result-grid dl div{background:#f6f9f8;border-radius:9px;padding:8px}.side-result-grid dt{color:#7b8984;font-size:9px}.side-result-grid dd{margin:3px 0 0;font-size:11px;font-weight:600}.balanced{color:#087665}.unbalanced{color:#c62828}.product-result-row{flex-wrap:wrap;gap:10px;padding:16px 20px;display:flex}.product-result-row span{background:#f4f8f7;border-radius:10px;min-width:200px;padding:10px 12px;display:grid}.product-result-row small{color:#788681}.daily-sticky-action{z-index:12;background:#fffffff5;border:1px solid #153e342e;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:14px 16px 14px 20px;display:flex;position:static;box-shadow:0 14px 38px #0b2d251c}.daily-sticky-action>span{display:grid}.daily-sticky-action small{color:#75837e}.daily-sticky-action .form-actions{margin:0}.draft-saved-indicator{color:#3f8f6e;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}@media (max-width:1180px){.pump-deck{grid-template-columns:1fr}}@media (max-width:780px){.daily-page{padding-left:13px;padding-right:13px}.day-command{align-items:flex-start;padding:22px 18px}.day-command h1{font-size:39px}.day-status{justify-items:start}.daily-price-deck{grid-template-columns:1fr}.price-ticket,.daily-price-deck.compact .price-ticket{grid-template-columns:1fr 1fr}.price-ticket>div,.price-ticket label:last-child{grid-column:1/-1}.pump-sides{grid-template-columns:1fr}.pump-side+.pump-side{border-top:1px dashed #ccd9d5;border-left:0}.tank-ribbon,.side-result-grid{grid-template-columns:1fr}.side-result-grid article:nth-child(odd){border-right:0}.daily-sticky-action{flex-direction:column;align-items:stretch;bottom:77px}.daily-sticky-action .form-actions{grid-template-columns:1fr;width:100%;display:grid}.daily-sticky-action .button{justify-content:center}}@media (max-width:480px){.day-command{display:grid}.price-ticket{grid-template-columns:1fr}.price-ticket label:last-child{grid-column:auto}.nozzle-entry{grid-template-columns:auto 1fr}.nozzle-entry .input-wrap{grid-column:1/-1}.collection-grid,.side-result-grid dl{grid-template-columns:1fr 1fr}}.daily-rate-board{background:linear-gradient(145deg,#f8fbfa 0%,#fff 65%);border:1px solid #d8e4df;border-radius:22px;margin:18px 0;padding:18px;box-shadow:0 18px 44px #16372f0f}.daily-rate-board>header{justify-content:space-between;align-items:end;gap:20px;padding:0 3px 15px;display:flex}.daily-rate-board>header>span{display:grid}.daily-rate-board>header small,.section-step small{color:#087665;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700}.daily-rate-board>header strong{color:#17352e;font-family:Newsreader,serif;font-size:25px}.daily-rate-board>header p{color:#6e7e78;text-align:right;max-width:520px;font-size:12px}.daily-rate-board .daily-price-deck{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.price-ticket{box-shadow:none;background:#fff;border-radius:17px;grid-template-columns:minmax(130px,.75fr) repeat(2,minmax(180px,1fr));align-items:stretch;gap:0;padding:0;position:relative;overflow:hidden}.price-ticket:before{content:"";background:#e0a318;width:4px;position:absolute;inset:0 auto 0 0}.price-ticket.diesel:before{background:#3b7597}.price-product{background:#fbfcfc;align-items:center;gap:12px;min-width:0;padding:18px;grid-template-columns:none!important;display:flex!important}.price-product>span:last-child{min-width:0;display:grid}.price-product strong{font-family:Newsreader,serif!important;font-size:27px!important}.price-product small{text-transform:uppercase;letter-spacing:.1em;font-size:8px;color:#80908a!important}.rate-field{border-left:1px solid #e6ece9;align-content:center;padding:15px 17px;color:inherit!important;font-size:inherit!important;gap:9px!important;display:grid!important}.rate-field>span:first-child{display:grid}.rate-field>span:first-child small{color:#83908c;font-size:9px}.rate-field>span:first-child strong{color:#334a44;font-size:11px}.rate-field.customer{background:#f1f8f6}.rate-field.customer>span:first-child strong{color:#087665}.money-control{background:#fff;border:1px solid #cfdcd7;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:auto minmax(65px,1fr);align-items:center;column-gap:6px;padding:9px 10px;display:grid;box-shadow:inset 0 1px 2px #14322a08}.money-control:focus-within{border-color:#087665;box-shadow:0 0 0 3px #0876651a}.money-control b{color:#667772;grid-row:1/3;font-size:15px}.money-control input{font-size:18px;font-weight:750;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.money-control em{color:#8a9692;font-size:8px;font-style:normal}.daily-price-deck.compact .price-ticket{grid-template-columns:minmax(180px,1fr) auto auto}.locked-rate{border-left:1px solid #e2eae7;align-content:center;min-width:130px;padding:14px 18px;display:grid}.locked-rate small{color:#80908a}.locked-rate strong{color:#324b44;font-size:19px}.locked-rate.customer{background:#edf7f4}.locked-rate.customer strong{color:#087665}.section-step{align-items:center;gap:11px;margin:24px 2px 4px;display:flex}.section-step>span{color:#fff;background:#123b32;border-radius:10px;place-items:center;width:34px;height:34px;font-family:Newsreader,serif;font-size:20px;display:grid}.section-step>div{display:grid}.section-step strong{color:#1b352e;font-size:14px}.operator-picker{background:#f7faf9;border:1px solid #cddbd6;border-radius:12px;min-width:180px;padding:9px 10px;color:inherit!important;display:grid!important}.operator-picker>span{color:#087665;align-items:center;gap:5px;display:flex}.operator-picker>span small{color:#087665!important;letter-spacing:.08em!important;font-size:8px!important}.operator-picker select{background-color:#0000;border:0;width:100%;min-width:0;max-width:none;padding:3px 22px 1px 0;font-weight:650}.nozzle-entry{background:#fff;border-radius:15px;padding:0;display:block;overflow:hidden;box-shadow:0 5px 16px #16342d09}.nozzle-identity{background:#fafcfb;border-bottom:1px solid #e8eeec;align-items:center;gap:9px;padding:11px 12px;display:flex}.nozzle-identity>span:last-child{min-width:0;display:grid}.nozzle-identity small{color:#83908c;font-size:9px}.totalizer-field{grid-template-columns:minmax(115px,.8fr) minmax(145px,1fr);align-items:center;gap:10px;padding:12px;display:grid}.totalizer-field>span:first-child{color:#536761;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.totalizer-control{background:#fff;border:1px solid #becfc9;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.totalizer-control:focus-within{border-color:#087665;box-shadow:0 0 0 3px #0876651a}.totalizer-control input{width:100%;min-width:0;padding:10px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:750;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.totalizer-control em{color:#677873;text-transform:uppercase;letter-spacing:.06em;background:#f2f6f5;border-left:1px solid #dce5e2;align-self:stretch;place-items:center;padding:0 9px;font-size:9px;font-style:normal;display:grid}.finance-page{max-width:1480px}.month-command{background:#fff;border:1px solid #d9e4e0;border-radius:15px;justify-content:flex-end;align-items:center;gap:10px;margin:18px 0;padding:11px;display:flex}.month-command>span{color:#087665;align-items:center;gap:9px;margin-right:auto;display:flex}.month-command label{display:grid}.month-command small{color:#83908c;text-transform:uppercase;letter-spacing:.1em;font-size:8px}.month-command strong{color:#203a33;font-size:12px}.month-command input{background:#f8faf9;border:1px solid #cedbd7;border-radius:10px;padding:9px 11px}.finance-scoreboard{background:#fff;border:1px solid #d8e3df;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 16px 46px #14322b12}.finance-scoreboard article{border-right:1px solid #e3eae7;gap:5px;min-width:0;padding:19px;display:grid}.finance-scoreboard article:last-child{color:#fff;background:#133b32;border-right:0}.finance-scoreboard article>span{color:#62756e;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:7px;font-size:10px;display:flex}.finance-scoreboard article:last-child>span,.finance-scoreboard article:last-child small{color:#b9d3cc}.finance-scoreboard strong{white-space:nowrap;font-family:Newsreader,serif;font-size:clamp(22px,2.2vw,32px)}.finance-scoreboard small{color:#85928e;font-size:9px}.finance-scoreboard .negative strong{color:#ffd0c4}.finance-scoreboard .positive strong{color:#d9fff2}.finance-grid{grid-template-columns:1.5fr .8fr;gap:16px;margin-top:16px;display:grid}.finance-table-panel{margin-top:16px;overflow-x:auto}.profit-value{color:#087665;font-weight:750}.loss-value{color:#b94c3e;font-weight:750}.expense-breakdown{gap:8px;margin-top:14px;display:grid}.expense-breakdown>div{background:#f5f8f7;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.expense-breakdown span{display:grid}.expense-breakdown small{color:#84918d;font-size:9px}.expense-breakdown b{color:#203c34}.finance-add{margin-top:13px}.finance-footnote{color:#7b8985;margin-top:13px;font-size:10px}.salary-panel{grid-column:1/-1}.salary-list{grid-template-columns:1fr;gap:9px;margin-top:16px;display:grid}.salary-list form{background:#f9fbfa;border:1px solid #dde7e3;border-radius:13px;grid-template-columns:minmax(140px,1fr) minmax(120px,.75fr) minmax(100px,.55fr) minmax(145px,.7fr) minmax(125px,.6fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.salary-list label{display:grid}.salary-list label>span{color:#83908c;font-size:9px}.salary-list select{background:#fff;border:1px solid #cddbd6;border-radius:9px;min-height:42px;padding:8px}.salary-input{background:#fff;border:1px solid #cddbd6;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:5px;padding:2px 9px;display:grid}.salary-input b{color:#697a75}.salary-input input{background:0 0;border:0;width:100%;min-width:0;min-height:40px;padding:0;font-weight:700}.icon-button{color:#087665;cursor:pointer;background:#edf7f4;border:1px solid #bfd3cc;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.salary-row{gap:6px;display:grid}.salary-row-actions{justify-content:flex-end;display:flex}.resigned-panel{grid-column:1/-1}.resigned-list{gap:9px;margin-top:16px;display:grid}.resigned-row{background:#fdf6f6;border:1px solid #f0dede;border-radius:13px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.resigned-row small{color:#8a7373;margin-top:2px;font-size:10px;display:block}@media (max-width:1100px){.daily-rate-board .daily-price-deck{grid-template-columns:1fr}.finance-scoreboard{grid-template-columns:repeat(2,1fr)}.finance-scoreboard article{border-bottom:1px solid #e3eae7}.finance-scoreboard article:last-child{grid-column:1/-1}.finance-grid{grid-template-columns:1fr}}@media (max-width:780px){.daily-rate-board>header{display:grid}.daily-rate-board>header p{text-align:left}.price-ticket,.daily-price-deck.compact .price-ticket{grid-template-columns:1fr}.rate-field,.locked-rate{border-top:1px solid #e4ebe8;border-left:0}.operator-picker{min-width:150px}.finance-scoreboard{grid-template-columns:1fr}.finance-scoreboard article{border-right:0}.finance-scoreboard article:last-child{grid-column:auto}.month-command{flex-wrap:wrap;align-items:stretch}.month-command>span{width:100%}.month-command input{flex:1}.salary-list form{grid-template-columns:1fr auto}.salary-list label{grid-column:1/2}.salary-list .icon-button{grid-area:1/2/6}.finance-table-panel,.finance-grid .panel{overflow-x:auto}}@media (max-width:520px){.side-owner{flex-direction:column;align-items:stretch}.operator-picker{width:100%}.totalizer-field{grid-template-columns:1fr}.daily-rate-board{padding:12px}.money-control input{font-size:20px}.tank-ribbon label{grid-template-columns:1fr;display:grid}.tank-ribbon label .input-wrap,.tank-ribbon label input{width:100%}}.today-setup-strip{background:#fff;border:1px solid #d9e4e0;border-radius:18px;grid-template-columns:220px minmax(320px,1fr) auto;align-items:end;gap:12px;margin:16px 0;padding:15px;display:grid;box-shadow:0 14px 38px #14322b0f}.inline-operator-form{align-items:end;gap:8px;display:flex}.inline-operator-form label{flex:1;gap:6px;display:grid}.inline-operator-form label span{color:#50665f;font-size:10px;font-weight:700}.inline-operator-form input{border:1px solid #ccd9d5;border-radius:10px;min-height:42px;padding:9px 11px}.active-correction{margin:16px 0;padding:14px 17px}.active-correction summary{cursor:pointer;color:#17483c;align-items:center;gap:8px;font-weight:700;display:flex}.active-correction form{gap:14px;margin-top:15px;display:grid}.active-correction fieldset{border:1px solid #dce6e2;border-radius:13px;padding:12px}.active-correction legend{padding:0 7px;font-weight:750}.correction-side{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:8px;display:grid}.correction-side label{gap:5px;font-size:10px;display:grid}.correction-side input,.correction-side select{background:#fff;border:1px solid #cbd9d4;border-radius:9px;padding:9px}.nozzle-live-result{color:#175348;background:#edf7f4;border-radius:9px;grid-column:1/-1;justify-content:space-between;gap:8px;padding:8px 10px;display:flex}.nozzle-live-result small{color:#627b73}.payment-result,.side-product-split{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.payment-result span,.side-product-split span{background:#f3f7f5;border-radius:7px;padding:5px 7px;font-size:9px}.side-product-split span{display:grid}.tank-result-grid,.employee-result-grid{border-top:1px solid #e2eae7;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;padding:13px 20px;display:grid}.tank-result-grid article,.employee-result-grid article{background:#f5f9f7;border-radius:10px;gap:3px;padding:11px;display:grid}.closed-day-summary{color:#17483c;background:#edf9f5;border:1px solid #b8d9cf;border-radius:18px;align-items:flex-start;gap:14px;margin:16px 0;padding:20px;display:flex}.closed-day-summary>div{gap:6px;display:grid}.closed-day-summary p{color:#607b72;margin:0}.catch-up-banner{background:var(--amber-pale);color:var(--amber);border:1px solid #f0dfc0;border-radius:18px;align-items:flex-start;gap:14px;margin:0 0 16px;padding:16px 20px;display:flex}.catch-up-banner>div{flex:1;gap:4px;display:grid}.catch-up-banner strong{color:#5c3d10}.catch-up-banner small{color:#8a6a35}.recording-date-banner{background:var(--petrol-pale);color:var(--petrol-deep);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0;padding:14px 18px;display:flex}.recording-date-info{flex:1;min-width:220px}.recording-date-banner strong{font-size:15px;display:block}.recording-date-banner small{color:#5c8a80;max-width:440px;margin-top:2px;display:block}.recording-date-edit{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recording-date-banner small.recording-date-warning,.today-setup-strip .recording-date-warning{background:var(--amber-pale);color:var(--amber);border-radius:8px;margin-top:6px;padding:6px 10px;font-weight:600;display:block}.payroll-panel{grid-column:1/-1}.payroll-editor-list{gap:12px;margin-top:14px;display:grid}.payroll-editor-list>form{background:#f9fbfa;border:1px solid #dce6e2;border-radius:15px;padding:15px}.payroll-editor-list header{justify-content:space-between;gap:10px;margin-bottom:11px;display:flex}.payroll-editor-list header span{display:grid}.payroll-balance{text-align:right;color:#087665}.payroll-fields{grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px;display:grid}.payroll-fields label{color:#5f706b;gap:4px;font-size:9px;display:grid}.payroll-fields input{background:#fff;border:1px solid #ccd9d5;border-radius:8px;min-height:42px;padding:8px}.payroll-result{background:#edf7f4;border-radius:9px;justify-content:space-between;gap:10px;margin:10px 0;padding:9px;font-size:10px;display:flex}.payroll-history{margin-top:14px}.payroll-history-card{border-bottom:1px solid #e2eae7;gap:4px;padding:10px;display:grid}.staff-drill-links{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.staff-scoreboard{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.today-setup-strip{grid-template-columns:1fr}.correction-side,.payroll-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-scoreboard{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.inline-operator-form,.payroll-result{flex-direction:column;align-items:stretch}.correction-side,.payroll-fields,.staff-scoreboard{grid-template-columns:1fr}.recording-date-edit{width:100%}.recording-date-edit input{flex:1}}.active-day-console{background:linear-gradient(145deg,#f7fbf9,#fff 62%);border:1px solid #d8e4df;border-radius:20px;margin:18px 0;padding:18px;box-shadow:0 16px 42px #14322b11}.active-day-heading{justify-content:space-between;align-items:center;gap:20px;padding:0 2px 15px;display:flex}.active-day-heading>span:first-child{gap:3px;display:grid}.active-day-heading small{color:#71827c;text-transform:uppercase;letter-spacing:.11em;font-size:9px}.active-day-heading>span:first-child small{color:#087665;font-weight:750}.active-day-heading strong{color:#1b382f}.payroll-commitment{text-align:right;grid-template-columns:auto auto;align-items:baseline;column-gap:8px;display:grid}.payroll-commitment small{grid-column:1/-1}.payroll-commitment strong{color:#123b32;font-family:Newsreader,serif;font-size:24px}.payroll-commitment em{color:#71827c;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-style:normal}.active-rate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.active-rate-grid article{background:#fff;border:1px solid #dde7e3;border-radius:14px;grid-template-columns:minmax(92px,.65fr) repeat(2,minmax(150px,1fr)) minmax(105px,.65fr);align-items:end;gap:10px;padding:13px;display:grid}.active-rate-grid label{color:#687a74;gap:5px;font-size:9px;display:grid}.active-rate-grid input{width:100%;min-height:42px}.fuel-chip{color:#775910;background:#fff2c7;border-radius:10px;align-self:stretch;place-items:center;padding:8px 10px;font-weight:800;display:grid}.fuel-chip.diesel{color:#28536f;background:#dceef8}.rate-margin{background:#edf7f4;border-radius:9px;align-content:center;min-height:42px;padding:7px 10px;display:grid}.rate-margin small{color:#698079;font-size:8px}.rate-margin strong{color:#087665;font-size:13px}.compact-pump-deck{grid-template-columns:1fr;gap:15px}.compact-pump{border-radius:20px}.compact-pump>header{min-height:66px;padding:13px 17px}.compact-pump>header strong{font-size:26px}.pump-total{text-align:right;display:grid}.pump-total b{font-size:15px}.pump-total small{color:#bfe1d8!important}.compact-pump .pump-sides{grid-template-columns:1fr}.compact-pump .pump-side{padding:12px}.compact-pump .pump-side+.pump-side{border-top:1px dashed #ccd9d5;border-left:0}.compact-pump .side-owner{min-height:51px;padding-bottom:9px}.compact-pump .nozzle-list{gap:0;margin-top:5px}.nozzle-ledger-row{border-bottom:1px solid #e8eeeb;grid-template-columns:minmax(76px,.55fr) minmax(112px,.95fr) minmax(112px,.95fr) minmax(118px,1fr) minmax(125px,1.05fr);align-items:end;gap:8px;padding:10px 0;display:grid}.nozzle-ledger-row:last-child{border-bottom:0}.nozzle-ledger-row label{color:#71807b;gap:4px;min-width:0;font-size:9px;display:grid}.nozzle-ledger-row input,.nozzle-ledger-row select{color:#203b33;background:#fff;border:1px solid #ccd9d5;border-radius:9px;width:100%;min-width:0;min-height:40px;padding:8px 9px}.ledger-nozzle{align-content:center;gap:4px;min-height:40px;display:grid}.ledger-nozzle .nozzle-badge{width:max-content}.ledger-nozzle small{color:#788681;font-size:8px}.test-fuel-field{grid-template-columns:1fr auto;column-gap:5px}.test-fuel-field>span:first-child,.test-fuel-field>.input-wrap{grid-column:1}.test-fuel-field .returned-check{grid-area:2/2;align-self:center}.ledger-result{text-align:right;background:#edf7f4;border-radius:9px;align-content:center;min-height:40px;padding:6px 9px;display:grid}.ledger-result strong{color:#087665;font-size:12px}.ledger-result span{color:#28473f;font-size:10px}.ledger-result small{color:#6d8079;font-size:8px}.active-correction-reason{color:#5b6f68;gap:5px;margin:14px 0;font-size:10px;display:grid}.active-correction-reason input{background:#fff;border:1px solid #cad8d3;border-radius:10px;min-height:42px;padding:9px 11px}.fuel-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.fuel-summary-item{background:linear-gradient(145deg,#f8fbfa,#eef6f3);border:1px solid #d7e4df;border-radius:16px;gap:14px;min-width:0;padding:17px 18px;display:grid;box-shadow:0 8px 24px #14322b0b}.fuel-summary-item.diesel{background:linear-gradient(145deg,#f6fbfe,#e8f3f9);border-color:#cbdfea}.fuel-summary-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.fuel-summary-heading .nozzle-badge{width:max-content}.fuel-summary-heading>small{color:#74837e;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.fuel-summary-metrics{border-top:1px solid #1e463b1c;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.fuel-summary-metrics>span{gap:4px;min-width:0;padding:13px 14px 2px 0;display:grid}.fuel-summary-metrics>span+span{border-left:1px solid #1e463b1c;padding-left:14px}.fuel-summary-metrics small{color:#6d7e78;font-size:10px;font-weight:700}.fuel-summary-metrics strong{overflow-wrap:anywhere;color:#0b6c5d;font-family:Newsreader,serif;font-size:clamp(19px,1.65vw,25px);line-height:1.05}.fuel-summary-item.diesel .fuel-summary-metrics strong{color:#285e7b}.fuel-summary-total{color:#fff;background:linear-gradient(110deg,#123b32 0%,#087665 72%,#1a8e7c 100%);border-radius:16px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:1px;display:grid;overflow:hidden;box-shadow:0 10px 25px #085a4c26}.fuel-summary-total>span{gap:4px;min-width:0;padding:17px 20px;display:grid}.fuel-summary-total>span+span{border-left:1px solid #ffffff29}.fuel-summary-total small{color:#c5e5dd;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.fuel-summary-total strong{overflow-wrap:anywhere;font-family:Newsreader,serif;font-size:clamp(21px,1.8vw,28px);line-height:1.05}.employee-allocation-grid,.employee-shift-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding:14px 16px;display:grid}.employee-allocation,.employee-shift-card{background:#f8fbfa;border:1px solid #d7e3df;border-radius:14px;gap:10px;padding:14px;display:grid}.employee-allocation-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.employee-allocation label{color:#536761;gap:5px;font-size:10px;display:grid}.employee-allocation select{background:#fff;border:1px solid #cad8d3;border-radius:9px;min-height:42px;padding:8px 10px}.text-button{color:#087665;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.add-pump-employee{margin:0 16px 14px}.nozzle-allocation-chips,.assigned-nozzles{flex-wrap:wrap;gap:7px;display:flex}.nozzle-allocation-chip{color:#536761;background:#fff;border:1px solid #cad8d3;border-radius:999px;padding:7px 9px;font-size:10px}.nozzle-allocation-chip.selected{color:#075f52;background:#e6f5f1;border-color:#168b78;font-weight:700}.nozzle-allocation-chip.diesel.selected{color:#275e7d;background:#eaf4fa;border-color:#4b92ba}.employee-shift-card .side-collections{margin-top:4px}.overtime-chip{color:#8a5a00;background:#fff2d8;border-radius:999px;align-self:center;padding:7px 9px;font-size:10px;font-weight:700}.opening-grid{grid-template-columns:1fr}.nozzle-map-note{color:#536761;margin:8px 2px 0;font-size:11px}.opening-row{grid-template-columns:max-content minmax(190px,360px);justify-content:start;align-items:end;gap:9px;padding:10px;display:grid;overflow:visible}.opening-row>label{color:#6b7c76;gap:5px;min-width:0;font-size:9px;display:grid}.opening-row select{background:#fff;border:1px solid #ccd9d5;border-radius:9px;width:100%;min-height:42px;padding:8px 9px}.opening-row .totalizer-field{grid-template-columns:1fr;align-items:stretch;gap:5px;padding:0;display:grid}.opening-row .totalizer-field>span:first-child{font-size:9px}.opening-row .totalizer-field>small{color:#788681;white-space:normal;font-size:8px}.opening-row .totalizer-control{min-height:42px}.fuel-summary-item:first-child:nth-last-child(2){grid-column:1/-1}@media (max-width:1320px){.active-rate-grid{grid-template-columns:1fr}}@media (max-width:1100px){.nozzle-ledger-row{grid-template-columns:76px repeat(2,minmax(112px,1fr))}.nozzle-ledger-row .ledger-nozzle{grid-row:1/3}.nozzle-ledger-row .ledger-result{grid-column:3}.test-fuel-field{grid-column:2}}@media (max-width:900px){.active-day-heading{align-items:flex-start}.compact-pump .pump-sides{grid-template-columns:1fr}.compact-pump .pump-side+.pump-side{border-top:1px dashed #ccd9d5;border-left:0}.opening-row .totalizer-field{grid-column:2/-1}}@media (max-width:620px){.active-day-heading{display:grid}.payroll-commitment{text-align:left}.active-rate-grid article{grid-template-columns:1fr 1fr}.fuel-chip,.rate-margin{grid-column:1/-1}.nozzle-ledger-row{grid-template-columns:1fr 1fr}.nozzle-ledger-row .ledger-nozzle{grid-row:auto}.nozzle-ledger-row .ledger-result,.test-fuel-field{grid-column:auto}.opening-row{grid-template-columns:1fr}.opening-row .totalizer-field{grid-column:auto}.opening-row .nozzle-badge{width:max-content}.daily-sticky-action{margin-top:18px;position:static}.daily-sheet{padding-bottom:28px}}@media (max-width:720px){.fuel-summary{grid-template-columns:1fr}.fuel-summary-heading{flex-direction:column;align-items:flex-start}.fuel-summary-total{grid-template-columns:1fr}.fuel-summary-total>span+span{border-top:1px solid #ffffff29;border-left:0}}@media (max-width:480px){.fuel-summary-metrics{grid-template-columns:1fr}.fuel-summary-metrics>span{padding:11px 0}.fuel-summary-metrics>span+span{border-top:1px solid #1e463b1c;border-left:0;padding-left:0}}.pump-workspace>header.pump-workspace-header{color:#183d34;background:linear-gradient(135deg,#f9fcfb,#edf6f3);border-bottom:1px solid #d8e5e0;grid-template-columns:auto minmax(210px,1fr) auto auto auto auto;gap:16px;min-height:82px;padding:14px 18px}.pump-workspace-header .pump-emblem{color:#087665;background:#e5f3ef;border-color:#b8d8cf}.pump-workspace-title{gap:1px;display:grid!important}.pump-workspace-header .pump-workspace-title small{color:#087665}.pump-workspace-header .pump-workspace-title strong{color:#173d34;font-size:27px}.pump-workspace-title em{color:#6f817a;font-size:10px;font-style:normal}.pump-window{border-left:1px solid #dbe6e2;align-content:center;min-width:104px;padding-left:16px;display:grid}.pump-workspace-header .pump-window small{color:#75857f;letter-spacing:.07em}.pump-window b{color:#16483d;font-size:13px}.pump-header-action{white-space:nowrap;align-self:center}.pump-workspace-header .pump-total b{color:#087665}.pump-workspace-header .pump-total small{color:#73857f!important}.pump-workspace .employee-shift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.pump-workspace .employee-shift-card{background:#fff;border-radius:13px;gap:9px;padding:12px;box-shadow:0 8px 20px #14322b09}.pump-workspace .employee-shift-card:first-child:last-child{grid-column:1/-1}.pump-workspace .employee-allocation-heading{border-bottom:1px solid #e6eeeb;margin:-2px 0 -3px;padding-bottom:5px}.pump-workspace .side-owner{grid-template-columns:minmax(145px,1fr) auto auto;gap:8px;min-height:46px;padding:0 0 9px;display:grid}.pump-workspace .pump-operator-field{grid-template-columns:auto minmax(95px,1fr);align-items:center;display:grid}.pump-workspace .pump-operator-field>span{white-space:nowrap;font-weight:800}.pump-workspace .side-owner select{width:100%;max-width:none}.employee-time-range{align-items:end;gap:5px;display:flex}.employee-time-range>label{gap:2px!important;display:grid!important}.employee-time-range>label>span{color:#788781;font-size:8px}.employee-time-range>span{color:#84918d;padding-bottom:9px;font-size:9px}.employee-time-range input{background:#fff;border:1px solid #ccd9d5;border-radius:8px;width:92px;min-height:36px;padding:5px 6px;font-size:11px}.assigned-nozzles-label{color:#31564d;font-size:10px}.pump-workspace .assigned-nozzles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.pump-workspace .nozzle-allocation-chip{border-radius:9px;min-height:40px;padding:6px}.pump-workspace .nozzle-allocation-chip:not(.selected){color:#93a09c;background:#f5f8f7;border-color:#e2e9e6}.nozzle-ledger-head,.pump-workspace .nozzle-ledger-row{grid-template-columns:minmax(74px,1.15fr) repeat(6,minmax(48px,1fr));gap:5px;display:grid}.nozzle-ledger-head{color:#6d7d77;text-align:center;background:#f2f7f5;border-radius:8px;align-items:end;padding:8px 6px;font-size:8px;font-weight:750}.nozzle-ledger-head span:first-child{text-align:left}.pump-workspace .compact-nozzle-list{margin-top:0}.pump-workspace .nozzle-ledger-row{align-items:center;padding:6px 0}.pump-workspace .nozzle-ledger-row label{font-size:0}.pump-workspace .nozzle-ledger-row label>span:first-child{display:none}.pump-workspace .nozzle-ledger-row input{min-height:36px;padding:6px 18px 6px 6px;font-size:10px}.pump-workspace .ledger-result{display:contents}.pump-workspace .ledger-result strong,.pump-workspace .ledger-result span,.pump-workspace .ledger-result small{text-align:center;background:#f3f8f6;border-radius:7px;place-items:center;min-width:0;min-height:36px;padding:5px;font-size:9px;display:grid}.pump-workspace .ledger-result strong{color:#087665}.pump-workspace .ledger-result span{color:#28473f}.pump-workspace .ledger-result small{color:#60756e}.pump-workspace .employee-shift-card .side-collections{color:#244a40;background:#edf7f4;border:1px solid #d6e6e1;border-radius:10px;margin-top:1px;padding:10px}.pump-workspace .side-collections>div:first-child{margin-bottom:7px}.pump-workspace .side-collections>div:first-child>svg{color:#087665}.pump-workspace .side-collections small{color:#6f837c}.pump-workspace .side-collections .entered-callout{color:#17483c;font-size:11px}.pump-workspace .side-collections .variance-callout{font-size:11px}.pump-workspace .collection-grid{grid-template-columns:repeat(6,minmax(60px,1fr));gap:5px}.pump-workspace .collection-grid label{color:#587068;font-size:8px}.pump-workspace .collection-grid input{color:#193b32;background:#fff;border-color:#cadbd5;min-height:36px;padding:6px 19px 6px 6px;font-size:10px}.pump-workspace .collection-grid .unit{color:#6e817a}.employee-entry-actions{grid-template-columns:1fr 1.08fr;gap:8px;display:grid}.employee-entry-actions .button{justify-content:center}.employee-entry-actions .pump-saved-indicator{grid-column:1/-1}.employee-handover-strip{color:#35645d;text-align:center;background:linear-gradient(90deg,#eef7f5,#edf4fa);border:1px solid #d4e3e7;border-radius:9px;margin:0 12px 12px;padding:9px 12px;font-size:10px;font-weight:700}.daily-page,.daily-sheet,.daily-sheet form,.active-day-console,.active-rate-grid,.pump-workspace,.pump-workspace .employee-shift-grid,.pump-workspace .employee-shift-card,.pump-workspace .side-owner,.pump-workspace .assigned-nozzles,.pump-workspace .nozzle-ledger-head,.pump-workspace .compact-nozzle-list,.pump-workspace .nozzle-ledger-row,.pump-workspace .side-collections,.pump-workspace .collection-grid,.employee-entry-actions,.tank-ribbon,.pump-workspace input,.pump-workspace select,.tank-ribbon input{min-width:0;max-width:100%}@media (max-width:1500px){.pump-workspace>header.pump-workspace-header{grid-template-columns:auto minmax(0,1fr) auto auto}.pump-workspace-header .pump-window{display:none}.pump-workspace .employee-shift-grid{grid-template-columns:1fr}.pump-workspace .side-owner{grid-template-columns:minmax(145px,1fr) auto auto}}@media (max-width:1400px){.active-rate-grid{grid-template-columns:1fr}}@media (max-width:1050px){.tank-ribbon{grid-template-columns:1fr}.tank-ribbon>div,.tank-ribbon label,.tank-ribbon label .input-wrap{min-width:0}}@media (max-width:680px){.pump-workspace>header.pump-workspace-header{grid-template-columns:auto 1fr}.pump-workspace-header .pump-header-action,.pump-workspace-header .pump-total{grid-column:1/-1;justify-content:center;width:100%}.pump-workspace .side-owner{grid-template-columns:1fr}.employee-time-range{justify-content:space-between}.pump-workspace .assigned-nozzles{grid-template-columns:repeat(2,1fr)}.nozzle-ledger-head{display:none}.pump-workspace .nozzle-ledger-row{grid-template-columns:1fr 1fr}.pump-workspace .nozzle-ledger-row .ledger-nozzle{grid-column:1/-1}.pump-workspace .nozzle-ledger-row label{font-size:9px}.pump-workspace .nozzle-ledger-row label>span:first-child{display:block}.pump-workspace .ledger-result{grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.pump-workspace .collection-grid{grid-template-columns:repeat(2,1fr)}.employee-entry-actions{grid-template-columns:1fr}}