@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-cyrillic-ext-400-normal-Dn6MWgci.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-cyrillic-ext-400-normal-BEjoQ6U0.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-thai-400-normal-Bt1rR4gi.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-400-normal-DKc8V4lk.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-latin-ext-400-normal-DBkYO1u-.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-ext-400-normal-n-X-g5Z4.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:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-latin-400-normal-CwmoKdEh.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-400-normal-YXrLwNa7.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:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-cyrillic-ext-500-normal-Cm2I9ryc.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-cyrillic-ext-500-normal-Do1XVVIP.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-thai-500-normal-BrMc1XKn.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-500-normal-BoHUoq0p.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-latin-ext-500-normal-n470B0cW.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-ext-500-normal-DcylQI4B.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:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-latin-500-normal-DQcnnbdd.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-500-normal-h5t7erDE.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:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-cyrillic-ext-600-normal-BCRlenFg.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-cyrillic-ext-600-normal-BcmZofZJ.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-thai-600-normal-DvfsyWAn.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-600-normal-BOwfviun.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-latin-ext-600-normal-BXI6PlF4.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-ext-600-normal-iH120vlL.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:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-latin-600-normal-BR-dhaTH.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-600-normal-P_JjY83V.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:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bai-jamjuree-thai-600-normal-CzTxzpuq.woff2) format("woff2"),url(/assets/bai-jamjuree-thai-600-normal-DfF4rXK8.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bai-jamjuree-vietnamese-600-normal-BN8NTHFU.woff2) format("woff2"),url(/assets/bai-jamjuree-vietnamese-600-normal-TJTmiha_.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:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bai-jamjuree-latin-ext-600-normal-BSsq51KX.woff2) format("woff2"),url(/assets/bai-jamjuree-latin-ext-600-normal-HjveDPSW.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:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bai-jamjuree-latin-600-normal-CgeOh7Cx.woff2) format("woff2"),url(/assets/bai-jamjuree-latin-600-normal-D119NnP2.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:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bai-jamjuree-thai-700-normal-B9r9e7kK.woff2) format("woff2"),url(/assets/bai-jamjuree-thai-700-normal-Bc05AgLy.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bai-jamjuree-vietnamese-700-normal-Bt7Gqki8.woff2) format("woff2"),url(/assets/bai-jamjuree-vietnamese-700-normal-B4ES4mUY.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:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bai-jamjuree-latin-ext-700-normal-D8T8ZYP8.woff2) format("woff2"),url(/assets/bai-jamjuree-latin-ext-700-normal-DbYeUi7t.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:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bai-jamjuree-latin-700-normal-D8TxKkAc.woff2) format("woff2"),url(/assets/bai-jamjuree-latin-700-normal-mhQ7bs3u.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.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}:root{--ground: #E6E1D6;--surface: #FFFFFF;--surface-sunken: #FAF8F3;--control: #F3F0E9;--tint-neutral: #ECE8E0;--line: #E2DDD3;--line-strong: #D9D3C7;--line-input: #CFC8BA;--ink: #23211D;--ink-2: #4A463E;--muted: #655F54;--placeholder: #8A8377;--espresso: #4A3424;--on-espresso: #F7EEDF;--brand: #E8A33D;--brand-deep: #C9862A;--on-brand: #1A1206;--brand-ink: #9A5B0F;--brand-tint: #F6E7CC;--brand-border: #DDB36A;--row-selected: #FBF3E2;--amount-due: #12A150;--hold: #24548C;--hold-tint: #E6EEF8;--hold-border: #BFD2EA;--discount: #5E3F8A;--discount-tint: #EEE7F5;--discount-border: #D6C8EA;--ok: #23784D;--ok-tint: #E3F2E8;--ok-dot: #2F9E68;--warn: #8A5410;--warn-tint: #FBEBCB;--warn-border: #E8C98F;--danger: #B5452A;--danger-tint: #FBE4DC;--info: #2F6DB5;--cat-dog: #F5EAD5;--cat-cat: #E6EEF8;--cat-litter: #ECEBEF;--cat-snack: #F8E6DE;--cat-toy: #EEE7F5;--cat-care: #E1F0EE;--money-1000: #8C877E;--money-500: #8A5CB8;--money-100: #D2533F;--money-50: #4C86CC;--money-20: #3E9A62;--money-10: #D9A63A;--money-5: #AEB4BC;--money-2: #5E5B56;--money-1: #23211D;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-2xl: 18px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(60,50,30,.06);--control-sm: 36px;--size-control: 44px;--control-lg: 52px;--action-xl: 64px;--header-h: 56px;--rail-w: 76px;--cart-w: 420px;--font-sans: "IBM Plex Sans Thai", system-ui, sans-serif;--font-display: "Bai Jamjuree", "IBM Plex Sans Thai", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-amount-xl-size: 88px;--text-amount-xl-line: 1;--text-amount-xl-weight: 700;--text-amount-lg-size: 44px;--text-amount-lg-line: 1.1;--text-amount-lg-weight: 700;--text-stat-size: 28px;--text-stat-line: 1.2;--text-stat-weight: 700;--text-title-size: 24px;--text-title-line: 1.3;--text-title-weight: 700;--text-section-size: 18px;--text-section-line: 1.35;--text-section-weight: 700;--text-price-size: 18px;--text-price-line: 1.2;--text-price-weight: 700;--text-action-size: 20px;--text-action-line: 1.2;--text-action-weight: 700;--text-input-lg-size: 16px;--text-input-lg-line: 1.4;--text-input-lg-weight: 400;--text-body-size: 14px;--text-body-line: 1.5;--text-body-weight: 400;--text-body-strong-size: 14px;--text-body-strong-line: 1.5;--text-body-strong-weight: 500;--text-label-size: 12.5px;--text-label-line: 1.4;--text-label-weight: 400;--text-rail-label-size: 12px;--text-rail-label-line: 1.3;--text-rail-label-weight: 500;--text-barcode-size: 12.5px;--text-barcode-line: 1.4;--text-barcode-weight: 400}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:var(--text-body-size)/var(--text-body-line) var(--font-sans);font-variant-numeric:tabular-nums}button,input{font:inherit;color:inherit;min-height:var(--size-control);border:1px solid var(--line-input);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3)}button{cursor:pointer;background:var(--surface)}button:disabled{cursor:not-allowed;color:var(--muted);background:var(--tint-neutral)}button:focus-visible,input:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}h1,h2,p{margin:0}h1,h2,strong.kpi-value{font-family:var(--font-display)}h1{font-size:var(--text-title-size);line-height:var(--text-title-line)}h2{font-size:var(--text-section-size);line-height:var(--text-section-line)}svg{width:var(--space-6);height:var(--space-6)}.muted{color:var(--muted)}.small{font-size:var(--text-label-size)}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.header-inner{max-width:1328px;margin:auto;padding:var(--space-3) var(--space-6);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.brand-block{display:flex;align-items:center;gap:var(--space-3);margin-right:var(--space-3)}.brand-logo{width:var(--size-control);height:var(--size-control);border-radius:var(--radius-md);background:var(--brand);color:var(--on-brand);display:grid;place-items:center;flex:none}.identity{display:flex;flex-direction:column;line-height:1.3}.identity strong{font-family:var(--font-display);font-size:var(--text-section-size)}.branch-name{font-size:var(--text-rail-label-size)}.readonly{border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);background:var(--tint-neutral);color:var(--ink-2);font-size:var(--text-rail-label-size);white-space:nowrap}.desktop-nav{display:flex;gap:var(--space-1);margin-right:auto}.desktop-nav button{border:0;background:transparent}.desktop-nav .active{background:var(--brand-tint);color:var(--brand-ink)}.freshness{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--muted);background:var(--tint-neutral);font-size:var(--text-label-size)}.freshness.fresh{color:var(--ok);background:var(--ok-tint)}.freshness.stale{color:var(--warn);background:var(--warn-tint)}.main{max-width:1328px;margin:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.overview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.date-label{display:flex;align-items:center;gap:var(--space-2)}.date-label input{background:var(--surface)}.card{border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--surface);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl)}.warn{background:var(--warn-tint);color:var(--warn);border:1px solid var(--warn-border)}.neutral{background:var(--tint-neutral);color:var(--ink-2)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.kpi{gap:var(--space-1)}.kpi-value{font-size:calc(var(--text-stat-size) + var(--space-1));line-height:1.2}.kpi-0 .kpi-value{color:var(--brand-ink)}.definition-note{margin-top:calc(-1 * var(--space-3));color:var(--muted);font-size:var(--text-label-size)}.middle-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}.hourly-panel{gap:var(--space-2)}.hour-chart{display:flex;align-items:flex-end;gap:var(--space-1);height:190px;min-width:0}.hour-column{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;min-width:0;gap:var(--space-2)}.bar{background:var(--brand);min-height:2px;border-radius:var(--radius-sm) var(--radius-sm) 2px 2px}.bar.future{background:transparent;border:1px dashed var(--line-input);min-height:var(--space-5)}.hour-label{font:var(--text-rail-label-size)/1.3 var(--font-display);color:var(--muted);text-align:center}.kpi .hour-chart,.mobile-summary,.mobile-only{display:none}.payment-strip{display:flex;height:var(--space-4);border-radius:var(--radius-pill);overflow:hidden;background:var(--tint-neutral)}.mix-cash{background:var(--brand-ink)}.mix-transfer{background:var(--info)}.mix-qr{background:var(--muted)}.payment-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0}.payment-name{display:flex;align-items:center;gap:var(--space-2);flex:1}.payment-name i{width:var(--space-3);height:var(--space-3);border-radius:2px}.percent{min-width:calc(var(--space-5) * 2);text-align:right}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.top-row{display:grid;grid-template-columns:var(--space-6) minmax(0,1fr) 64px 108px;gap:var(--space-2);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--line)}.top-row>span:nth-child(3),.top-row>strong:last-child{text-align:right}.rank{color:var(--brand-ink);font-family:var(--font-display)}.product-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.low-row{display:flex;gap:var(--space-3);padding:var(--space-2) 0;align-items:center;border-bottom:1px solid var(--line)}.low-row .product-name{flex:1}.threshold{white-space:nowrap;font-size:var(--text-label-size)}.stock-pill,.shift-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-label-size);text-align:center;white-space:nowrap}.stock-pill.low{background:var(--warn-tint);color:var(--warn)}.stock-pill.out{background:var(--danger-tint);color:var(--danger)}.shift-row{display:grid;grid-template-columns:2fr repeat(4,1fr) 1.2fr;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}.shift-head{background:var(--espresso);color:var(--on-espresso);border-radius:var(--radius-md);min-height:var(--size-control);font-size:var(--text-label-size)}.shift-identity{display:flex;align-items:center;gap:var(--space-3)}.shift-total,.shift-method{text-align:right}.shift-status.info{color:var(--info);background:var(--surface-sunken)}.ok{color:var(--ok);background:var(--ok-tint)}.readonly-note{padding:var(--space-4);border:1px dashed var(--line-input);border-radius:var(--radius-xl);color:var(--muted);font-size:var(--text-label-size)}.auth-card{width:100%;max-width:440px;margin:calc(var(--space-6) * 3) auto;padding:var(--space-6)}.login-form{display:flex;flex-direction:column;gap:var(--space-2)}.login-form input{background:var(--surface)}.primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand-deep);font-weight:600}.error{color:var(--danger);min-height:var(--space-5);font-size:var(--text-label-size)}.mobile-nav{display:none}@media(max-width:850px){.desktop-nav{display:none}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.middle-grid,.bottom-grid{grid-template-columns:1fr}.shift-row{grid-template-columns:2fr 1fr 1.2fr}.shift-method,.shift-head{display:none}}@media(max-width:520px){.header-inner{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.brand-block{width:100%;gap:var(--space-2);margin:0}.brand-logo{width:var(--control-sm);height:var(--control-sm)}.identity{flex:1;min-width:0}.identity strong{font-size:var(--text-input-lg-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-name{display:none}.freshness{background:transparent;padding:0;font-size:var(--text-rail-label-size)}.freshness.fresh{background:transparent}.logout{margin-left:auto;padding:var(--space-1) var(--space-2);font-size:var(--text-rail-label-size);order:2}.main{padding:var(--space-4);gap:var(--space-3);padding-bottom:calc(var(--action-xl) + var(--space-6))}h1{font-size:var(--text-section-size)}.overview-toolbar{gap:var(--space-2)}.overview-toolbar .small{font-size:var(--text-rail-label-size)}.date-label{flex-direction:column;align-items:flex-start;gap:0;font-size:var(--text-rail-label-size)}.date-label input{padding:var(--space-1) var(--space-2);max-width:148px}.card{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.kpi-0{grid-column:1 / -1;padding:var(--space-4)}.kpi-0 .kpi-value{font-size:calc(var(--text-amount-lg-size) - var(--space-1))}.kpi-0>.small{display:none}.kpi-0 .mobile-summary{display:block}.financial-meta{color:var(--muted);font-size:var(--text-rail-label-size)}.kpi-1,.kpi-2,.kpi-3{display:none}.kpi-2 .kpi-value,.kpi-3 .kpi-value{font-size:var(--text-title-size)}.kpi-2>.small,.kpi-3>.small{font-size:var(--text-rail-label-size)}.kpi .hour-chart{display:flex;height:72px}.hour-chart{gap:2px}.hour-label{font-size:10px}.hour-column:not(:nth-child(6n+1)):not(:last-child) .hour-label{color:transparent}.bar.future{min-height:var(--space-2)}.definition-note{margin:0;font-size:var(--text-rail-label-size)}.hourly-panel,.top-panel,.payment-strip,.percent{display:none}.payment-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3)}.payment-panel h2{grid-column:1 / -1;font-size:var(--text-input-lg-size)}.payment-row{flex-direction:column;align-items:flex-start;gap:var(--space-1);font-size:var(--text-label-size)}.payment-name{white-space:nowrap}.payment-name i,.threshold{display:none}.mobile-only{display:inline}.low-row{gap:var(--space-2)}.low-row:nth-of-type(n+4){display:none}.shift-row{display:flex;flex-wrap:wrap;padding:0;border:0;gap:var(--space-2)}.shift-identity{flex:1;flex-direction:column;align-items:flex-start;gap:0}.shift-total{font-size:var(--text-label-size)}.shift-row:not(.shift-0),.shift-panel>.small{display:none}.readonly-note{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--action-xl) + var(--space-1));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border-top:1px solid var(--line)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);border:0;border-radius:0;background:transparent;padding:0;font-size:var(--text-rail-label-size)}.mobile-nav .active{color:var(--brand-ink)}.auth-card{margin:var(--space-6) auto}}