:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;--bg-surface: #ffffff;--bg-page: radial-gradient(circle at top left, #dbeafe 0%, #f8fafc 45%, #e2e8f0 100%);--text-main: #0f172a;--text-soft: #475569;--border-main: #cbd5e1;--button-main: #00a63d;--button-main-text: #ffffff;--button-main-hover: #008b32;--button-secondary-bg: #f1faf4;--button-secondary-text: #00a63d;--button-accent: #155dfc;--button-accent-hover: #0b4ad1;--button-accent-secondary-bg: #eff6ff;--button-accent-secondary-text: #155dfc;--button-nav: #e2e8f0;--button-nav-text: #0f172a;--fuel-93: #2563eb;--fuel-95: #7c3aed;--fuel-97: #db2777;--fuel-diesel: #ea580c;--fuel-kerosene: #0d9488;--fuel-other: #475569;--fuel-93-soft: #dbeafe;--fuel-95-soft: #ede9fe;--fuel-97-soft: #fce7f3;--fuel-diesel-soft: #ffedd5;--fuel-kerosene-soft: #ccfbf1;--fuel-other-soft: #f1f5f9;--dashboard-shadow: 0 22px 42px rgba(148, 163, 184, .18);color:var(--text-main);background:var(--bg-page)}:root[data-theme=dark]{--bg-surface: #0b1220;--bg-page: radial-gradient(circle at top left, #111827 0%, #0f172a 45%, #020617 100%);--text-main: #e2e8f0;--text-soft: #94a3b8;--border-main: #1e293b;--button-main: #00a63d;--button-main-text: #ffffff;--button-main-hover: #00a63d;--button-secondary-bg: #161d19;--button-secondary-text: #00a63d;--button-accent: #155dfc;--button-accent-hover: #155dfc;--button-accent-secondary-bg: #121826;--button-accent-secondary-text: #6ea8ff;--button-nav: #1e293b;--button-nav-text: #e2e8f0;--fuel-93-soft: rgba(37, 99, 235, .2);--fuel-95-soft: rgba(124, 58, 237, .2);--fuel-97-soft: rgba(219, 39, 119, .2);--fuel-diesel-soft: rgba(234, 88, 12, .18);--fuel-kerosene-soft: rgba(13, 148, 136, .18);--fuel-other-soft: rgba(71, 85, 105, .2);--dashboard-shadow: 0 24px 44px rgba(2, 6, 23, .34)}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;padding:16px}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:1fr minmax(0,400px);background:var(--bg-page)}.auth-brand-card{display:flex;flex-direction:column;justify-content:center;gap:28px;padding:clamp(40px,7vw,80px);position:relative;overflow:hidden;background-image:radial-gradient(circle,color-mix(in srgb,var(--text-main) 10%,transparent) 1px,transparent 1px);background-size:22px 22px}.auth-brand-card:before{content:"";position:absolute;top:-12%;right:-8%;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--fuel-93) 8%,transparent),transparent 65%);pointer-events:none}.auth-brand-card:after{content:"";position:absolute;bottom:-8%;left:-4%;width:380px;height:380px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--button-main) 9%,transparent),transparent 60%);pointer-events:none}.auth-brand-logo{width:min(200px,60%);height:auto;position:relative;z-index:1}.auth-brand-title{margin:0;font-size:clamp(2rem,3vw,3.2rem);line-height:1.12;letter-spacing:-.03em;color:var(--text-main);position:relative;z-index:1}.auth-brand-sub{margin:0;color:var(--text-soft);font-size:1rem;line-height:1.6;max-width:28ch;position:relative;z-index:1}.auth-brand-features{display:grid;gap:14px;position:relative;z-index:1}.auth-brand-feature{display:flex;align-items:flex-start;gap:12px}.auth-brand-feature-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;flex-shrink:0}.auth-brand-feature-icon svg{width:18px;height:18px}.auth-brand-feature-icon-green{background:var(--button-secondary-bg);color:var(--button-main);border:1px solid color-mix(in srgb,var(--button-main) 18%,transparent)}.auth-brand-feature-icon-blue{background:var(--fuel-93-soft);color:var(--fuel-93);border:1px solid color-mix(in srgb,var(--fuel-93) 18%,transparent)}.auth-brand-feature-icon-purple{background:var(--fuel-95-soft);color:var(--fuel-95);border:1px solid color-mix(in srgb,var(--fuel-95) 18%,transparent)}.auth-brand-feature-icon-teal{background:var(--fuel-kerosene-soft);color:var(--fuel-kerosene);border:1px solid color-mix(in srgb,var(--fuel-kerosene) 18%,transparent)}.auth-brand-feature strong{display:block;font-size:.88rem;font-weight:700;color:var(--text-main);margin-bottom:2px}.auth-brand-feature p{margin:0;font-size:.82rem;color:var(--text-soft);line-height:1.4}.auth-panel{display:grid;align-content:center;gap:20px;padding:clamp(32px,6vw,56px);background:var(--bg-surface);border-left:1px solid var(--border-main);border-radius:0;margin:0;box-shadow:-6px 0 32px color-mix(in srgb,var(--text-main) 5%,transparent)}.auth-panel-logo{display:none;width:130px;height:auto}.auth-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.auth-panel-header-copy{display:grid;gap:4px}.auth-panel-eyebrow{margin:0;color:var(--text-soft);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.auth-panel-header h2{margin:0;color:var(--text-main);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1;letter-spacing:-.02em}.auth-mode-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;flex-shrink:0}.auth-mode-icon{width:20px;height:20px}.auth-mode-badge-default{background:color-mix(in srgb,var(--button-secondary-bg) 80%,var(--bg-surface));color:var(--button-main);border:1px solid color-mix(in srgb,var(--button-main) 20%,var(--border-main))}.auth-mode-badge-warning{background:color-mix(in srgb,var(--fuel-diesel-soft) 60%,var(--bg-surface));color:var(--fuel-diesel);border:1px solid color-mix(in srgb,var(--fuel-diesel) 24%,var(--border-main))}.auth-mode-badge-forbidden{background:color-mix(in srgb,var(--fuel-97-soft) 60%,var(--bg-surface));color:var(--fuel-97);border:1px solid color-mix(in srgb,var(--fuel-97) 24%,var(--border-main))}.auth-status-hint{margin:0;color:var(--text-soft);font-size:.9rem;line-height:1.6}.numeric-input-field{display:grid;gap:6px}.numeric-input-label{color:var(--text-soft);font-size:.84rem;font-weight:600}.numeric-input-control{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 12px;border:1px solid color-mix(in srgb,var(--border-main) 86%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bg-surface) 92%,white)}.numeric-input-control:focus-within{border-color:color-mix(in srgb,var(--button-accent) 40%,var(--border-main));box-shadow:0 0 0 2px color-mix(in srgb,var(--button-accent) 16%,transparent)}.numeric-input-control-error{border-color:color-mix(in srgb,#dc2626 34%,var(--border-main))}.numeric-input-control input{width:100%;min-width:0;border:0;background:transparent;color:var(--text-main);font:inherit;padding:11px 0;outline:none}.numeric-input-control input::placeholder{color:color-mix(in srgb,var(--text-soft) 70%,transparent)}.numeric-input-prefix{color:var(--text-soft);font-weight:700;flex-shrink:0}.numeric-input-hint,.numeric-input-error{font-size:.76rem;line-height:1.4}.numeric-input-hint{color:var(--text-soft)}.numeric-input-error{color:#b91c1c}:root[data-theme=dark] .numeric-input-control{background:color-mix(in srgb,var(--bg-surface) 94%,rgba(30,41,59,.88))}:root[data-theme=dark] .numeric-input-error{color:#fca5a5}.auth-error-block{display:flex;gap:10px;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,#fee2e2 60%,var(--bg-surface));border:1px solid color-mix(in srgb,#ef4444 22%,var(--border-main))}.auth-error-block p{margin:0;color:#991b1b;font-size:.94rem;line-height:1.5}.auth-error{margin:0;color:#991b1b;font-size:.94rem}.auth-loading-block{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:14px;background:color-mix(in srgb,var(--bg-surface) 60%,var(--border-main));border:1px solid var(--border-main)}.auth-loading-block p{margin:0;color:var(--text-soft);font-size:.96rem}.auth-loading-spinner{display:block;width:20px;height:20px;border-radius:999px;border:2.5px solid color-mix(in srgb,var(--button-main) 28%,transparent);border-top-color:var(--button-main);flex-shrink:0;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-action-stack{display:grid;gap:12px}.auth-primary-button,.auth-secondary-button{width:100%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.auth-primary-button{min-height:52px;background:linear-gradient(135deg,var(--button-main),var(--button-main-hover));box-shadow:0 12px 24px color-mix(in srgb,var(--button-main) 24%,transparent);border-radius:14px;font-size:1rem;font-weight:600;letter-spacing:.01em}.auth-primary-button:hover:not(:disabled){background:linear-gradient(135deg,var(--button-main-hover),#00772a);box-shadow:0 16px 28px color-mix(in srgb,var(--button-main) 30%,transparent)}.auth-secondary-button{min-height:44px;border-radius:12px;font-size:.94rem}.auth-secondary-button-sm{min-height:36px;font-size:.84rem;width:fit-content}.auth-blocked-card{display:grid;gap:8px;padding:16px 18px;border-radius:14px;background:color-mix(in srgb,var(--fuel-diesel-soft) 42%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--fuel-diesel) 24%,var(--border-main))}.auth-blocked-card strong{color:var(--text-main);font-size:.94rem}.auth-blocked-card p{margin:0;color:var(--text-soft);font-size:.9rem}.auth-panel-note{margin:0;color:var(--text-soft);font-size:.88rem;line-height:1.5}.auth-dev-tools{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--border-main)}.auth-manual-token{display:grid;gap:10px;padding:16px;border-radius:14px;background:color-mix(in srgb,var(--button-accent-secondary-bg) 36%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--fuel-93) 16%,var(--border-main))}.auth-dev-meta{display:grid;gap:8px;margin-bottom:2px}.auth-dev-meta-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding-bottom:8px;border-bottom:1px dashed color-mix(in srgb,var(--border-main) 70%,transparent)}.auth-dev-meta-row strong{color:var(--text-soft);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.auth-dev-meta-row span{color:var(--text-main);font-size:.9rem;text-align:right;word-break:break-word}.auth-manual-token label{font-size:13px;font-weight:700;color:var(--text-soft)}.auth-manual-token textarea{width:100%;resize:vertical;min-height:100px;border-radius:12px}.auth-diagnostics{display:grid;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid var(--border-main);border-top:2px dashed color-mix(in srgb,var(--border-main) 80%,transparent);background:color-mix(in srgb,var(--bg-surface) 80%,var(--border-main));margin-top:4px}.auth-diagnostics summary{cursor:pointer;font-weight:600;font-size:.88rem;color:var(--text-soft)}.auth-diagnostics p{margin:0;color:var(--text-soft);font-size:.88rem}.auth-diagnostics code{white-space:pre-wrap;word-break:break-word;color:var(--text-main);font-size:.82rem}.auth-connectivity{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:5px 12px;border-radius:999px;border:1px solid var(--border-main);background:color-mix(in srgb,var(--bg-surface) 80%,var(--border-main))}.auth-connectivity-dot{display:block;width:8px;height:8px;border-radius:999px;flex-shrink:0}.auth-connectivity-label{font-size:.78rem;font-weight:600;letter-spacing:.04em}.auth-connectivity-online .auth-connectivity-dot{background:var(--button-main);box-shadow:0 0 0 3px color-mix(in srgb,var(--button-main) 22%,transparent)}.auth-connectivity-online .auth-connectivity-label{color:var(--button-main)}.auth-connectivity-offline .auth-connectivity-dot{background:var(--fuel-diesel);animation:auth-pulse 1.8s ease-in-out infinite}.auth-connectivity-offline .auth-connectivity-label{color:var(--fuel-diesel)}@keyframes auth-pulse{0%,to{opacity:1}50%{opacity:.4}}.auth-offline-notice,.auth-degraded-notice{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:14px}.auth-offline-notice{background:color-mix(in srgb,var(--fuel-other-soft) 80%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--fuel-other) 22%,var(--border-main))}.auth-degraded-notice{background:color-mix(in srgb,var(--fuel-diesel-soft) 60%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--fuel-diesel) 28%,var(--border-main))}.auth-offline-notice-icon,.auth-degraded-notice-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.auth-offline-notice-icon{color:var(--fuel-other)}.auth-degraded-notice-icon{color:var(--fuel-diesel)}.auth-offline-notice strong,.auth-degraded-notice strong{display:block;font-size:.9rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.auth-offline-notice p,.auth-degraded-notice p{margin:0;font-size:.88rem;color:var(--text-soft);line-height:1.55}.auth-primary-button-warning{background:linear-gradient(135deg,var(--fuel-diesel),color-mix(in srgb,var(--fuel-diesel) 80%,#7c2d12));box-shadow:0 12px 24px color-mix(in srgb,var(--fuel-diesel) 22%,transparent)}.auth-primary-button-warning:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--fuel-diesel) 90%,black),#7c2d12);box-shadow:0 16px 28px color-mix(in srgb,var(--fuel-diesel) 28%,transparent)}.auth-highlight-icon-teal{background:var(--fuel-kerosene-soft);color:var(--fuel-kerosene)}.dashboard-error-card{display:grid;gap:12px;border:1px solid color-mix(in srgb,#ef4444 22%,var(--border-main));background:color-mix(in srgb,#fff7ed 80%,var(--bg-surface))}.dashboard-error-copy{margin:0;color:#7f1d1d}.dashboard-error-actions{display:flex;gap:10px}.dashboard-diagnostics{display:grid;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border-main) 78%,transparent);background:color-mix(in srgb,var(--bg-surface) 92%,white)}.dashboard-diagnostics summary{cursor:pointer;font-weight:700;color:#7f1d1d}.dashboard-diagnostics p{margin:0;color:#475569}.dashboard-diagnostics code{white-space:pre-wrap;word-break:break-word;color:var(--text-main)}.titlebar{display:flex;justify-content:space-between;align-items:center;gap:8px}.title-brand{width:28px;height:28px;border-radius:6px;border:1px solid var(--border-main)}.title-brand-wide{width:150px;height:auto}.title-user{display:flex;flex-direction:column;font-size:12px;line-height:1.2}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:8px;border:1px solid var(--border-main);transition:background .15s ease,border-color .15s ease,color .15s ease}.theme-toggle-light{background:#fefce8;border-color:#fde68a;color:#334155}.theme-toggle-light:hover{background:#fef9c3}.theme-toggle-dark{background:#334155;border-color:#475569;color:#facc15}.theme-toggle-dark:hover{background:#475569}.theme-icon{width:20px;height:20px}.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #fecaca;background:#fff;color:#dc2626}.logout-button:hover{background:#fef2f2;border-color:#fca5a5}.logout-icon{width:18px;height:18px}.layout{display:grid;grid-template-columns:260px 1fr;gap:16px}.card{background:var(--bg-surface);border:1px solid var(--border-main);border-radius:12px;padding:16px;margin-bottom:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sidebar{position:sticky;top:24px;height:fit-content}.sidebar-desktop{display:block}.menu-trigger{display:none;margin-bottom:12px}.menu-trigger-inline{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-main);padding:4px}.menu-trigger-mobile{display:none}.menu-trigger-inline:hover{background:transparent}.menu-icon{width:22px;height:22px}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:110;animation:mobileBackdropEnter .18s ease-out}.mobile-drawer-backdrop-closing{animation:mobileBackdropExit .18s ease-in forwards}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:min(320px,90vw);margin:0;padding:16px;background:#0f172a;color:#e2e8f0;border-right:1px solid #1e293b;border-radius:0 14px 14px 0;overflow-y:auto;z-index:120;animation:mobileDrawerEnter .18s ease-out}.mobile-drawer-closing{animation:mobileDrawerExit .18s ease-in forwards}.mobile-drawer .card{background:#111827;border-color:#1f2937}.mobile-drawer .nav-button{background:#1e293b;color:#e2e8f0}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.brand-logo{width:180px;max-width:100%;height:auto;display:block;margin-bottom:8px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-mark{width:44px;height:44px;border-radius:10px;border:1px solid var(--border-main);object-fit:cover}.section-nav{display:flex;gap:8px;flex-wrap:wrap}.section-nav .nav-button{width:auto;margin-bottom:0}.mobile-bottom-nav{display:none}@keyframes mobileDrawerEnter{0%{transform:translate(-100%);opacity:.4}to{transform:translate(0);opacity:1}}@keyframes mobileDrawerExit{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:.4}}@keyframes mobileBackdropEnter{0%{opacity:0}to{opacity:1}}@keyframes mobileBackdropExit{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.mobile-drawer,.mobile-drawer-closing,.mobile-drawer-backdrop,.mobile-drawer-backdrop-closing{animation:none}}.compact-card{margin-top:8px;margin-bottom:10px;padding:10px 12px}.compact-card p{margin:2px 0;font-size:13px}.close-summary-card p{margin:4px 0}.close-summary-loading-block{display:grid;gap:12px}.close-summary-loading-block p{margin:0;color:var(--text-soft);font-size:.84rem}.close-summary-skeleton{grid-template-columns:repeat(3,1fr)}.close-progress-card p{margin:4px 0}.close-progress-toggle-row{display:flex;justify-content:flex-end;margin-top:6px;margin-bottom:14px}.close-progress-toggle-button{width:auto;padding:7px 11px;font-size:.82rem;line-height:1.15;border-radius:999px}.close-stage-nav-card{display:grid;gap:14px;border-color:color-mix(in srgb,var(--fuel-93) 16%,var(--border-main));background:linear-gradient(135deg,color-mix(in srgb,var(--bg-surface) 94%,white),color-mix(in srgb,var(--fuel-93-soft) 24%,var(--bg-surface)));box-shadow:var(--dashboard-shadow)}.close-stage-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.close-stage-chip{display:grid;gap:6px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--border-main) 88%,white);border-radius:14px;background:color-mix(in srgb,var(--bg-surface) 90%,white);box-shadow:0 10px 22px #94a3b81f;text-align:left}.close-stage-chip span{color:var(--text-soft);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.close-stage-chip strong{font-size:1rem}.close-stage-chip-active{border-color:color-mix(in srgb,var(--fuel-93) 24%,var(--border-main));background:radial-gradient(circle at top right,color-mix(in srgb,var(--fuel-93-soft) 42%,transparent),transparent 48%),var(--bg-surface)}.close-stage-chip-complete{border-color:color-mix(in srgb,#16a34a 24%,var(--border-main));background:radial-gradient(circle at top right,color-mix(in srgb,#86efac 26%,transparent),transparent 48%),color-mix(in srgb,#16a34a 4%,var(--bg-surface))}.close-context-card{display:grid;gap:14px;border-color:color-mix(in srgb,var(--fuel-93) 16%,var(--border-main));background:linear-gradient(135deg,color-mix(in srgb,var(--bg-surface) 93%,white),color-mix(in srgb,var(--fuel-93-soft) 28%,var(--bg-surface)));box-shadow:var(--dashboard-shadow)}.close-flow-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.close-flow-summary{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px}.close-context-title{margin:-4px 0 0}.close-card-copy-wide{max-width:72ch}.close-shift-id{display:inline-block;margin-top:2px;color:var(--text-soft);font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;word-break:break-all}.close-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.close-panel-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;padding:6px;transition:background .12s ease}.close-panel-toggle:hover{background:color-mix(in srgb,var(--button-main) 6%,transparent)}.close-panel-toggle:focus-visible{box-shadow:0 0 0 2px var(--color-accent, #3b82f6)}.close-panel-toggle-collapsed{margin-bottom:0;align-items:center}.close-panel-collapsed-summary{display:flex;align-items:center;gap:10px}.close-panel-add-btn{padding:2px 12px!important;font-size:1.1rem;line-height:1}.close-card-kicker,.operational-dispenser-kicker{margin:0 0 4px;color:var(--text-soft);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.close-card-copy{margin:0;max-width:48ch;color:var(--text-soft);font-size:.92rem}.close-inline-help{position:relative;display:flex;align-items:flex-start;justify-content:flex-end}.close-inline-help-trigger,.close-inline-help-close{width:28px;min-width:28px;height:28px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.close-inline-help-trigger{background:var(--button-accent-secondary-bg);color:var(--button-accent-secondary-text);border:1px solid color-mix(in srgb,var(--button-accent) 20%,var(--border-main))}.close-inline-help-close{background:transparent;color:var(--text-soft);border:1px solid color-mix(in srgb,var(--border-main) 84%,transparent)}.close-inline-help-panel{display:grid;gap:8px;max-width:320px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border-main) 88%,transparent);background:color-mix(in srgb,var(--bg-surface) 94%,white)}.close-inline-help-panel p{margin:0;color:var(--text-soft);font-size:.88rem;line-height:1.45}.close-shift-pill{display:grid;gap:4px;min-width:170px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--fuel-93) 16%,var(--border-main));background:color-mix(in srgb,var(--bg-surface) 88%,white)}.close-shift-pill span{color:var(--text-soft);font-size:.84rem}.close-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.close-metric-card{display:grid;gap:6px;min-height:86px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-main) 88%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 92%,white),color-mix(in srgb,var(--fuel-93-soft) 22%,var(--bg-surface)));box-shadow:0 10px 20px #94a3b81a}.close-metric-card span{color:var(--text-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.close-metric-card strong{font-size:1.1rem}.close-metric-card small{color:var(--text-soft);font-size:.82rem;line-height:1.35}.close-metric-card-official{border-color:color-mix(in srgb,var(--button-main) 22%,var(--border-main));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 92%,white),color-mix(in srgb,var(--button-main) 10%,var(--bg-surface)))}.close-metric-card-done{border-color:color-mix(in srgb,#16a34a 28%,var(--border-main));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 96%,white),color-mix(in srgb,#16a34a 10%,var(--bg-surface)))}.close-metric-card-done strong{color:#166534}@media (prefers-color-scheme: dark){.close-metric-card-done strong{color:#4ade80}}.close-progress-board{padding:14px 16px}.close-progress-board-label{margin:0 0 10px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-soft)}.close-admin-alert{border:1px solid color-mix(in srgb,#d97706 36%,var(--border-main));background:radial-gradient(circle at top right,color-mix(in srgb,#fbbf24 18%,transparent),transparent 48%),var(--bg-surface)}.close-success-card{display:grid;gap:6px;border:1px solid color-mix(in srgb,#16a34a 28%,var(--border-main));background:radial-gradient(circle at top right,color-mix(in srgb,#86efac 34%,transparent),transparent 46%),color-mix(in srgb,#16a34a 6%,var(--bg-surface))}.close-success-card strong,.close-success-card p{margin:0}.close-success-kicker{margin:0;color:#166534;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}:root[data-theme=dark] .close-inline-help-panel,:root[data-theme=dark] .close-shift-pill,:root[data-theme=dark] .close-phase-pill,:root[data-theme=dark] .close-admin-official-card{border-color:color-mix(in srgb,var(--border-main) 92%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--bg-surface) 94%,rgba(30,41,59,.9));box-shadow:0 18px 34px #0206173d}:root[data-theme=dark] .close-metric-card{border-color:color-mix(in srgb,var(--border-main) 90%,rgba(255,255,255,.08));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 96%,rgba(15,23,42,.92)),color-mix(in srgb,var(--fuel-93-soft) 18%,var(--bg-surface)));box-shadow:0 18px 32px #0206173d}:root[data-theme=dark] .close-success-card{border-color:color-mix(in srgb,#22c55e 30%,var(--border-main));background:radial-gradient(circle at top right,color-mix(in srgb,#166534 46%,transparent),transparent 44%),color-mix(in srgb,#14532d 28%,var(--bg-surface))}:root[data-theme=dark] .close-success-kicker{color:#86efac}:root[data-theme=dark] .close-metric-card-official{border-color:color-mix(in srgb,var(--button-main) 28%,var(--border-main));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 96%,rgba(15,23,42,.92)),color-mix(in srgb,var(--button-main) 14%,var(--bg-surface)))}:root[data-theme=dark] .close-metric-card-done{border-color:color-mix(in srgb,#22c55e 30%,var(--border-main));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 96%,rgba(15,23,42,.92)),color-mix(in srgb,#22c55e 14%,var(--bg-surface)))}:root[data-theme=dark] .close-metric-card-done strong,:root[data-theme=dark] .operational-dispenser-done{color:#4ade80}:root[data-theme=dark] .close-phase-card{border-color:color-mix(in srgb,var(--border-main) 92%,rgba(255,255,255,.08));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 96%,rgba(15,23,42,.92)),var(--bg-surface)),var(--bg-surface)}:root[data-theme=dark] .close-phase-card-operational{border-color:color-mix(in srgb,var(--fuel-93) 22%,var(--border-main));background:radial-gradient(circle at top right,color-mix(in srgb,var(--fuel-93-soft) 30%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 96%,rgba(15,23,42,.92)),var(--bg-surface))}:root[data-theme=dark] .close-phase-card-admin{border-color:color-mix(in srgb,var(--button-main) 22%,var(--border-main));background:radial-gradient(circle at top left,color-mix(in srgb,var(--button-main) 14%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 96%,rgba(15,23,42,.92)),var(--bg-surface))}.close-summary-footer{margin-top:12px}.close-receipt-body{display:flex;flex-direction:column;gap:0}.close-receipt-section{padding:10px 0;border-bottom:1px solid var(--border-main)}.close-receipt-section:last-of-type{border-bottom:none}.close-receipt-section-label{margin:0 0 6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-soft)}.close-receipt-subsection-label{margin:10px 0 4px;font-size:.8rem;font-weight:700;color:var(--text-main)}.close-receipt-subsection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.close-receipt-subsection-heading .close-receipt-subsection-label{margin:10px 0 4px}.close-receipt-subsection-help{margin-top:6px;margin-left:auto}.close-receipt-supporting-copy{margin:0 0 10px;font-size:.8rem;color:var(--text-soft)}.close-receipt-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;font-size:.92rem}.close-receipt-row span{color:var(--text-soft)}.close-receipt-row-nested{padding-left:14px}.close-receipt-row-nested span{color:var(--text-main)}.close-receipt-row-total{margin-top:4px;padding-top:6px;border-top:1px dashed var(--border-main);font-weight:600}.close-receipt-row-total span{color:var(--text-main)}.close-receipt-row-alert{color:#b91c1c}.close-receipt-row-alert span,.close-receipt-row-alert strong{color:inherit}.close-receipt-alert-copy{margin:4px 0 0;font-size:.8rem;color:#b91c1c}.close-receipt-row-fuel{margin-top:4px;padding-left:8px;border-left:2px solid color-mix(in srgb,var(--button-main) 18%,var(--border-main))}.close-receipt-row-fuel span{color:var(--text-main)}.close-receipt-row-secondary{margin-top:6px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--border-main) 70%,transparent)}.close-tank-visual-grid{display:grid;gap:12px;margin-top:8px}.close-tank-visual-card{display:grid;gap:12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--bg-surface) 94%,white);border:1px solid color-mix(in srgb,var(--border-main) 88%,white)}.close-tank-visual-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.close-tank-visual-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.close-tank-visual-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.close-tank-visual-badge-neutral{color:var(--text-soft);background:color-mix(in srgb,var(--border-main) 28%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--border-main) 72%,white)}.close-tank-visual-badge-ok{color:#166534;background:color-mix(in srgb,#16a34a 12%,var(--bg-surface));border:1px solid color-mix(in srgb,#16a34a 20%,var(--border-main))}.close-tank-visual-badge-warning{color:#92400e;background:color-mix(in srgb,#f59e0b 14%,var(--bg-surface));border:1px solid color-mix(in srgb,#d97706 26%,var(--border-main))}.close-tank-visual-title{display:flex;align-items:center;gap:10px;min-width:0}.close-tank-visual-copy{display:grid;gap:2px;min-width:0}.close-tank-visual-copy strong{font-size:.92rem;color:var(--text-main)}.close-tank-visual-copy span{font-size:.76rem;color:var(--text-soft)}.close-tank-visual-rows{display:grid;gap:10px}.close-tank-visual-row{display:grid;gap:6px}.close-tank-visual-row-meta{display:flex;justify-content:flex-end;min-height:20px}.close-tank-visual-row-link{font-size:.78rem}.close-tank-visual-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.close-tank-visual-row-head span{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft)}.close-tank-visual-row-head strong{font-size:.82rem;color:var(--text-main);font-weight:700}.close-tank-visual-replenishment-track{height:6px;width:100%}.close-tank-visual-replenishment-fill{height:100%;border-radius:999px}.close-tank-visual-track-empty{width:100%;height:10px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--border-main) 88%,white);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--border-main) 16%,transparent) 0 8px,transparent 8px 16px)}.shift-replenishment-visual-grid{margin-top:0}.close-receipt-ok{color:#166534}.close-receipt-pending{color:#92400e;font-size:.82rem}@media (prefers-color-scheme: dark){.close-receipt-ok{color:#4ade80}.close-receipt-pending{color:#fbbf24}.close-receipt-row-alert,.close-receipt-alert-copy{color:#fca5a5}.close-tank-visual-badge-ok{color:#86efac;background:color-mix(in srgb,#16a34a 18%,var(--bg-surface))}.close-tank-visual-badge-warning{color:#fbbf24;background:color-mix(in srgb,#f59e0b 18%,var(--bg-surface))}}.close-receipt-blocker{margin:10px 0 0;font-size:.85rem;color:#92400e;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,#fbbf24 12%,var(--bg-surface));border:1px solid color-mix(in srgb,#d97706 30%,var(--border-main))}@media (prefers-color-scheme: dark){.close-receipt-blocker{color:#fbbf24}}.close-no-movement-confirmed{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 4px;font-size:.9rem;color:#166534}@media (prefers-color-scheme: dark){.close-no-movement-confirmed{color:#4ade80}}.close-quick-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.operations-panel-card,.operations-list,.operations-voucher-evidence{display:grid;gap:14px;margin-bottom:12px}.operations-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.operations-active-shift-card{display:grid;gap:4px;min-width:220px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--fuel-other) 16%,var(--border-main));background:color-mix(in srgb,var(--bg-surface) 88%,white)}.operations-active-shift-header{display:flex;align-items:center;gap:6px}.operations-shift-badge-icon{width:15px;height:15px;color:var(--fuel-other);flex-shrink:0}.operations-active-shift-label{color:var(--text-soft);font-size:.84rem}.operations-active-shift-start{color:var(--text-main);font-size:.98rem;line-height:1.2}.operations-active-shift-id{color:#64748b;font-size:.78rem;line-height:1.3;word-break:break-all}.operations-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.operations-form-grid-deposits{grid-template-columns:minmax(140px,.8fr) repeat(2,minmax(180px,1fr))}.operations-form-grid-vouchers,.operations-form-grid-cash{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.operations-summary-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;margin-bottom:12px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--button-main) 14%,var(--border-main));background:color-mix(in srgb,var(--button-main) 5%,var(--bg-surface))}.operations-summary-strip span{color:var(--text-soft);font-size:.84rem}.operations-summary-strip strong{font-size:1rem}:root[data-theme=dark] .operations-active-shift-id{color:#94a3b8}@media (prefers-color-scheme: dark){.operations-active-shift-id{color:#94a3b8}}.operations-summary-strip-draft{border-color:color-mix(in srgb,#d97706 24%,var(--border-main));background:color-mix(in srgb,#f59e0b 8%,var(--bg-surface))}.close-summary-strip-official{border-color:color-mix(in srgb,var(--button-main) 22%,var(--border-main));background:color-mix(in srgb,var(--button-main) 7%,var(--bg-surface))}.close-secondary-summary-strip{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:-2px;padding:0 4px}.close-secondary-summary-strip span{display:block;color:var(--text-main);font-size:.88rem;font-weight:600}.close-secondary-summary-strip small{display:block;margin-top:2px;color:var(--text-soft);font-size:.74rem}.close-secondary-summary-strip strong{font-size:.96rem}.operations-list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.operations-list-item p{margin-bottom:0}.operations-metric-grid,.operations-cash-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.operations-cash-detail-grid{margin-top:12px}.operations-detail-hint{margin:0;color:var(--text-soft);font-size:.84rem}.close-phase-shell{display:grid;gap:18px}.close-phase-divider{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.close-phase-divider-line{height:1px;background:color-mix(in srgb,var(--fuel-diesel) 18%,var(--border-main))}.close-phase-divider-copy{display:grid;gap:2px;text-align:center}.close-phase-divider-copy strong{font-size:.96rem}.close-phase-card{display:grid;gap:14px;padding:16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border-main) 88%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 94%,white),var(--bg-surface)),var(--bg-surface);box-shadow:var(--dashboard-shadow)}.close-phase-card-collapsed{gap:0}.close-phase-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px;border-radius:10px;outline:none;transition:background .12s ease}.close-phase-toggle:hover{background:color-mix(in srgb,var(--button-main) 6%,transparent)}.close-phase-toggle:focus-visible{box-shadow:0 0 0 2px var(--color-accent, #3b82f6)}.close-phase-body{display:grid;gap:14px}.close-phase-card-operational{border-color:color-mix(in srgb,var(--fuel-93) 18%,var(--border-main));background:radial-gradient(circle at top right,color-mix(in srgb,var(--fuel-93-soft) 36%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 92%,white),var(--bg-surface))}.close-phase-card-admin{border-color:color-mix(in srgb,var(--button-main) 18%,var(--border-main));background:radial-gradient(circle at top left,color-mix(in srgb,var(--button-main) 10%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 92%,white),var(--bg-surface))}.close-phase-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.close-phase-title-row{display:flex;align-items:center;gap:8px}.close-phase-chevron{width:18px;height:18px;flex-shrink:0;color:var(--text-soft);transform:rotate(0);transition:transform .2s ease,color .2s ease}.close-phase-chevron-open{transform:rotate(90deg);color:var(--text-main)}.close-phase-title{margin:0 0 4px}.close-phase-copy{margin:0;max-width:60ch;color:var(--text-soft)}.close-phase-pill{display:grid;gap:4px;min-width:170px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-main) 88%,white);background:color-mix(in srgb,var(--bg-surface) 90%,white)}.close-phase-pill span{color:var(--text-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.close-phase-pill strong{font-size:.96rem}.close-inline-actions{display:flex;justify-content:flex-end;margin-top:10px}.operational-dispenser-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;border-radius:6px;padding:6px;transition:background .12s ease}.operational-dispenser-toggle:hover{background:color-mix(in srgb,var(--button-main) 6%,transparent)}.operational-dispenser-toggle:focus-visible{box-shadow:0 0 0 2px var(--color-accent, #3b82f6)}.operational-dispenser-header-meta{display:flex;align-items:center;gap:10px}.operational-dispenser-pending{color:var(--text-soft);font-size:.8rem;font-weight:600}.operational-dispenser-done{color:#166534;font-size:.8rem;font-weight:600}@media (prefers-color-scheme: dark){.operational-dispenser-done{color:#4ade80}}.close-summary-group{display:grid;gap:12px}.close-admin-official-card{display:grid;gap:14px;border-color:color-mix(in srgb,var(--border-main) 88%,white);background:color-mix(in srgb,var(--bg-surface) 92%,white);box-shadow:0 10px 22px #94a3b81a}.close-fuel-sales-card{display:grid;gap:14px}.close-fuel-sales-grid{display:grid;gap:10px}.close-fuel-sales-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-main) 88%,white);background:color-mix(in srgb,var(--bg-surface) 94%,white)}.close-fuel-sales-copy{display:grid;gap:4px}.close-fuel-sales-copy small{color:var(--text-soft);font-size:.78rem}.close-fuel-sales-row strong{font-size:.96rem}.close-admin-official-divider{height:1px;background:color-mix(in srgb,var(--button-main) 18%,var(--border-main))}.close-official-movements-summary{display:grid;gap:6px;margin-top:4px}.close-official-movement-row{border:1px solid var(--border-main);border-radius:10px;overflow:hidden}.close-official-movement-row>summary{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;list-style:none;background:var(--bg-surface);font-size:.875rem}.close-official-movement-row>summary::-webkit-details-marker{display:none}.close-official-movement-row>summary span:first-child{flex:1;color:var(--text-soft)}.close-official-movement-row>summary strong{font-weight:600}.close-official-movement-row>summary small{color:var(--text-soft);font-size:.78rem}.close-official-movement-items{border-top:1px solid var(--border-main);padding:8px 12px;display:grid;gap:4px}.close-official-movement-item{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.84rem;padding:3px 0}.close-official-movement-item span{color:var(--text-soft)}.close-official-movement-item strong{font-weight:600;white-space:nowrap}.close-step-list{display:grid;gap:6px;margin-bottom:10px}.close-primary-button{width:100%;font-weight:600}.operational-primary-button{width:100%}.close-toolbar-card .close-shift-input,.close-branch-row .close-branch-input{min-width:260px;flex:1 1 260px}.close-payments-grid input{flex:1 1 120px;min-width:0}.close-form-actions{margin-top:12px}.close-payments-grid-labeled{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.close-field-stack{display:grid;gap:6px}.close-field-stack span{color:var(--text-soft);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.operational-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}.operational-input-group{display:grid;gap:6px;min-width:0}.operational-input-group span{color:var(--text-soft);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.operational-toolbar button{width:100%}.operational-toolbar-action{align-self:end}button{border:1px solid transparent;border-radius:8px;padding:10px 14px;background:var(--button-main);color:var(--button-main-text);cursor:pointer;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}button:hover:not([disabled]){background:var(--button-main-hover);box-shadow:0 10px 22px color-mix(in srgb,var(--button-main) 22%,transparent)}button[disabled]{border-color:transparent;background:#94a3b8;color:#f8fafc;cursor:not-allowed;box-shadow:none}.button-secondary{border-color:color-mix(in srgb,var(--button-main) 52%,var(--border-main));background:var(--button-secondary-bg);color:var(--button-secondary-text)}.button-secondary:hover:not([disabled]){background:color-mix(in srgb,var(--button-secondary-bg) 84%,var(--bg-surface));color:var(--button-main)}.button-accent,.operational-primary-button,.close-primary-button{border-color:color-mix(in srgb,var(--button-accent) 70%,transparent);background:var(--button-accent);color:#fff}.button-accent:hover:not([disabled]),.operational-primary-button:hover:not([disabled]),.close-primary-button:hover:not([disabled]){background:var(--button-accent-hover);box-shadow:0 12px 26px color-mix(in srgb,var(--button-accent) 28%,transparent)}.button-accent-secondary{border-color:color-mix(in srgb,var(--button-accent) 60%,var(--border-main));background:var(--button-accent-secondary-bg);color:var(--button-accent-secondary-text)}.button-accent-secondary:hover:not([disabled]){background:color-mix(in srgb,var(--button-accent-secondary-bg) 88%,var(--bg-surface))}.nav-button{width:100%;margin-bottom:8px;text-align:left}.sidebar-desktop .nav-button,.mobile-drawer .nav-button{display:flex;align-items:center;gap:8px;border-color:transparent;background:transparent;color:var(--text-soft);box-shadow:none}.sidebar-desktop .nav-button:hover:not([disabled]),.mobile-drawer .nav-button:hover:not([disabled]){border-color:color-mix(in srgb,#155dfc 18%,var(--border-main));background:color-mix(in srgb,#155dfc 10%,var(--bg-surface));color:var(--text-main);box-shadow:0 8px 20px color-mix(in srgb,#155dfc 14%,transparent);transform:translateY(-1px)}.sidebar-desktop .nav-button-active,.mobile-drawer .nav-button-active,.nav-button-active{border-color:color-mix(in srgb,#155dfc 55%,transparent);background:#155dfc;color:#fff}.sidebar-desktop .nav-button-active:hover:not([disabled]),.mobile-drawer .nav-button-active:hover:not([disabled]),.nav-button-active:hover:not([disabled]){background:#155dfc;color:#fff;box-shadow:0 12px 26px color-mix(in srgb,#155dfc 28%,transparent)}input,select{border:1px solid var(--border-main);border-radius:8px;padding:8px;background:var(--bg-surface);color:var(--text-main)}.badge{border-radius:999px;padding:2px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.badge-pending{background:#fef3c7;color:#92400e}.badge-uploading{background:#dbeafe;color:#1e40af}.badge-confirmed{background:#dcfce7;color:#166534}.badge-exception{background:#ffedd5;color:#9a3412}.badge-error{background:#fee2e2;color:#991b1b}.fuel-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid transparent;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.2}.fuel-chip-93{background:var(--fuel-93-soft);color:var(--fuel-93);border-color:color-mix(in srgb,var(--fuel-93) 28%,transparent)}.fuel-chip-95{background:var(--fuel-95-soft);color:var(--fuel-95);border-color:color-mix(in srgb,var(--fuel-95) 28%,transparent)}.fuel-chip-97{background:var(--fuel-97-soft);color:var(--fuel-97);border-color:color-mix(in srgb,var(--fuel-97) 28%,transparent)}.fuel-chip-diesel{background:var(--fuel-diesel-soft);color:var(--fuel-diesel);border-color:color-mix(in srgb,var(--fuel-diesel) 28%,transparent)}.fuel-chip-kerosene{background:var(--fuel-kerosene-soft);color:var(--fuel-kerosene);border-color:color-mix(in srgb,var(--fuel-kerosene) 28%,transparent)}.fuel-chip-other{background:var(--fuel-other-soft);color:var(--fuel-other);border-color:color-mix(in srgb,var(--fuel-other) 28%,transparent)}.fuel-row{border-left:4px solid var(--fuel-other);border-radius:14px;padding-left:10px;background:color-mix(in srgb,var(--fuel-other-soft) 70%,var(--bg-surface))}.fuel-row-93{border-left-color:var(--fuel-93);background:color-mix(in srgb,var(--fuel-93-soft) 76%,var(--bg-surface))}.fuel-row-95{border-left-color:var(--fuel-95);background:color-mix(in srgb,var(--fuel-95-soft) 76%,var(--bg-surface))}.fuel-row-97{border-left-color:var(--fuel-97);background:color-mix(in srgb,var(--fuel-97-soft) 76%,var(--bg-surface))}.fuel-row-diesel{border-left-color:var(--fuel-diesel);background:color-mix(in srgb,var(--fuel-diesel-soft) 76%,var(--bg-surface))}.fuel-row-kerosene{border-left-color:var(--fuel-kerosene);background:color-mix(in srgb,var(--fuel-kerosene-soft) 76%,var(--bg-surface))}.fuel-row-other{border-left-color:var(--fuel-other);background:color-mix(in srgb,var(--fuel-other-soft) 76%,var(--bg-surface))}.fuel-bar-track{margin-top:6px;width:100%;height:8px;background:var(--fuel-other-soft);border-radius:999px;overflow:hidden}.fuel-bar-fill{height:100%;border-radius:999px}.dashboard-shell{display:grid;gap:14px}.shift-explorer-shell,.shift-detail-shell,.shift-detail-section{display:grid;gap:16px}.shift-summary-panel{display:grid;gap:20px;padding:20px;border-radius:16px;background:color-mix(in srgb,var(--button-secondary-bg) 50%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--button-main) 18%,var(--border-main))}.shift-summary-identity{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.shift-summary-branch{margin:0 0 2px;font-size:1.1rem;color:var(--text-main)}.shift-summary-id{margin:4px 0 0;color:var(--text-soft);font-size:.76rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.shift-summary-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.shift-summary-ts{display:grid;gap:4px}.shift-summary-ts span{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-soft)}.shift-summary-ts strong{font-size:.84rem;color:var(--text-main);line-height:1.3}.shift-summary-section-label{margin:0 0 10px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-soft)}.shift-summary-partial{color:var(--fuel-diesel);font-style:normal}.shift-summary-loading{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-soft)}.shift-summary-tank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.shift-summary-tank-card{display:grid;gap:8px}.shift-summary-tank-card .shift-summary-metric-label{justify-content:flex-start}.shift-summary-tank-reading{margin:0;color:var(--text-soft);font-size:.72rem}.shift-summary-tank-percent{color:#ef4444;font-size:.72rem;font-weight:700}.shift-summary-financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px}.shift-summary-metric{display:grid;gap:3px}.shift-summary-metric>span,.shift-summary-metric-label-text{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}.shift-summary-metric-label{display:flex;align-items:center;gap:8px}.shift-summary-metric-label .operational-reading-icon{flex:0 0 auto}.shift-summary-metric strong,.shift-summary-metric-secondary{font-size:1rem;color:var(--text-main);font-weight:700}.shift-summary-metric-total strong{color:var(--button-main);font-size:1.1rem}.shift-summary-metric small{font-size:.72rem;color:var(--text-soft);margin-top:-1px}.shift-summary-diff{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--bg-surface) 80%,white);border:1px solid color-mix(in srgb,var(--border-main) 60%,transparent);font-size:.84rem}.shift-summary-diff span{color:var(--text-soft);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em}.shift-summary-diff strong{font-weight:700}.shift-summary-diff-alert{border-color:color-mix(in srgb,#ef4444 24%,var(--border-main));background:color-mix(in srgb,#ef4444 6%,var(--bg-surface))}.shift-summary-diff-alert strong{color:#ef4444}.shift-summary-empty{margin:0;font-size:.88rem;color:var(--text-soft)}.shift-summary-movements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shift-summary-movement-card{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-main)}.shift-summary-movement-icon{width:18px;height:18px;flex-shrink:0;color:var(--text-soft);margin-top:2px}.shift-summary-movement-card div{display:grid;gap:2px}.shift-summary-movement-card span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft)}.shift-summary-movement-card strong{font-size:.96rem;color:var(--text-main);font-weight:700}.shift-summary-movement-card small{font-size:.72rem;color:var(--text-soft)}.shift-summary-checklist-status{display:inline-flex;padding:6px 12px;border-radius:8px;font-size:.84rem;font-weight:600;background:color-mix(in srgb,var(--fuel-diesel-soft) 80%,var(--bg-surface));color:var(--fuel-diesel)}.shift-summary-checklist-status-ready{background:color-mix(in srgb,var(--button-secondary-bg) 80%,var(--bg-surface));color:var(--button-main)}.shift-summary-partial-legend{margin:0;font-size:.75rem;color:var(--text-soft);font-style:italic}.shift-explorer-hero-card,.shift-explorer-filter-card,.shift-explorer-list-card,.shift-explorer-detail-card{box-shadow:var(--dashboard-shadow)}.shift-explorer-hero-card h3,.shift-explorer-filter-card h3,.shift-explorer-section-head h3,.shift-explorer-section-head h4,.shift-detail-head h3{margin:0}.shift-explorer-kicker{margin:0 0 4px;color:var(--fuel-93);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.shift-explorer-copy,.shift-explorer-section-head p{margin:0;color:var(--text-soft);font-size:.84rem}.shift-explorer-hero-card{display:grid;gap:18px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--fuel-93) 12%,var(--border-main));background:radial-gradient(circle at top right,color-mix(in srgb,var(--fuel-95-soft) 85%,transparent),transparent 38%),radial-gradient(circle at bottom left,color-mix(in srgb,var(--fuel-93-soft) 62%,transparent),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--bg-surface) 92%,white),color-mix(in srgb,var(--fuel-93-soft) 38%,var(--bg-surface)))}.shift-explorer-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.shift-explorer-hero-status{display:grid;justify-items:end}.shift-explorer-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.shift-explorer-overview-card{display:grid;gap:8px;min-height:104px;padding:16px 18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--fuel-93) 15%,var(--border-main));box-shadow:0 18px 28px #94a3b814;background:radial-gradient(circle at top left,color-mix(in srgb,var(--fuel-93-soft) 70%,transparent),transparent 55%),var(--bg-surface)}.shift-explorer-overview-card span,.shift-explorer-overview-card small{color:var(--text-soft)}.shift-explorer-overview-card span{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.shift-explorer-overview-card strong{font-size:clamp(1.4rem,2vw,1.7rem);line-height:1;letter-spacing:-.04em}.shift-explorer-overview-card small{font-size:.76rem}.shift-explorer-overview-card-operational{border-color:color-mix(in srgb,#22c55e 24%,var(--border-main));background:radial-gradient(circle at top left,color-mix(in srgb,#dcfce7 74%,transparent),transparent 56%),color-mix(in srgb,#22c55e 4%,var(--bg-surface))}.shift-explorer-overview-card-pending{border-color:color-mix(in srgb,#f59e0b 24%,var(--border-main));background:radial-gradient(circle at top left,color-mix(in srgb,#fef3c7 76%,transparent),transparent 56%),color-mix(in srgb,#f59e0b 5%,var(--bg-surface))}.shift-explorer-overview-card:last-child{border-color:color-mix(in srgb,#94a3b8 22%,var(--border-main));background:radial-gradient(circle at top left,color-mix(in srgb,#e2e8f0 74%,transparent),transparent 56%),color-mix(in srgb,#94a3b8 4%,var(--bg-surface))}.shift-explorer-filter-card{display:grid;gap:14px;padding:18px 20px;border-style:solid;border-color:color-mix(in srgb,var(--fuel-93) 12%,var(--border-main));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 95%,white),color-mix(in srgb,var(--fuel-93-soft) 32%,var(--bg-surface)))}.shift-explorer-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.shift-explorer-filter-grid input,.shift-explorer-filter-grid select{min-height:46px;padding:8px 14px;border-radius:14px;border-color:color-mix(in srgb,var(--border-main) 86%,transparent);background:color-mix(in srgb,var(--bg-surface) 92%,white)}.shift-explorer-filter-grid select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.shift-explorer-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.4fr);gap:16px;align-items:start}.shift-explorer-list-card,.shift-explorer-detail-card{display:grid;gap:16px;min-height:320px;padding:18px;border:1px solid color-mix(in srgb,var(--border-main) 78%,transparent);background:radial-gradient(circle at top right,color-mix(in srgb,var(--fuel-93-soft) 20%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 95%,white),var(--bg-surface)),var(--bg-surface)}.shift-explorer-section-head,.shift-detail-head,.shift-list-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.shift-explorer-list{display:grid;gap:12px}.shift-explorer-list-horizontal{grid-auto-flow:column;grid-auto-columns:minmax(280px,320px);overflow-x:auto;align-items:stretch;padding-bottom:4px}.shift-explorer-section-total{min-width:88px}.shift-explorer-empty{margin:0;padding:18px;border-radius:18px;border:1px dashed color-mix(in srgb,var(--border-main) 86%,transparent);background:color-mix(in srgb,var(--bg-surface) 88%,white);color:var(--text-soft)}@keyframes shift-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shift-detail-loading{display:grid;gap:10px;padding:20px;border-radius:16px;border:1px dashed color-mix(in srgb,var(--border-main) 60%,transparent);background:color-mix(in srgb,var(--bg-surface) 88%,white);color:var(--text-soft);font-size:.88rem;overflow:hidden}.shift-detail-loading p{margin:0}.shift-detail-loading-bar{display:block;height:3px;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--button-main) 12%,transparent),color-mix(in srgb,var(--button-main) 48%,transparent),color-mix(in srgb,var(--button-main) 12%,transparent));background-size:200% 100%;animation:shift-shimmer 1.4s ease-in-out infinite}.shift-summary-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shift-summary-skeleton-movements{grid-template-columns:repeat(2,1fr)}.shift-summary-skeleton-tanks{grid-template-columns:repeat(2,minmax(140px,1fr))}.shift-summary-skeleton-chip{height:48px;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--border-main) 30%,transparent),color-mix(in srgb,var(--border-main) 60%,transparent),color-mix(in srgb,var(--border-main) 30%,transparent));background-size:200% 100%;animation:shift-shimmer 1.4s ease-in-out infinite}.shift-detail-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;padding:6px;transition:background .12s ease}.shift-detail-toggle:hover{background:color-mix(in srgb,var(--button-main) 6%,transparent)}.shift-detail-toggle:focus-visible{box-shadow:0 0 0 2px var(--color-accent, #3b82f6);outline:none}.shift-detail-toggle-title{display:flex;align-items:flex-start;gap:8px}.shift-detail-toggle-meta{display:flex;align-items:center}.shift-list-item{display:grid;gap:14px;width:100%;padding:18px;text-align:left;color:var(--text-main);border-radius:24px;border:1px solid color-mix(in srgb,var(--border-main) 78%,transparent);box-shadow:0 12px 24px #94a3b814;background:radial-gradient(circle at top right,color-mix(in srgb,var(--fuel-93-soft) 62%,transparent),transparent 40%),linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 92%,white),var(--bg-surface)),var(--bg-surface)}.shift-list-item:hover{color:var(--text-main);border-color:color-mix(in srgb,var(--fuel-93) 28%,var(--border-main));transform:translateY(-2px);box-shadow:0 18px 32px #2563eb1f}.shift-list-item-active{border-color:color-mix(in srgb,var(--fuel-93) 32%,var(--border-main));box-shadow:0 24px 36px #2563eb24,inset 0 0 0 1px color-mix(in srgb,var(--fuel-93) 18%,transparent)}.shift-list-item p,.shift-detail-head p{margin:4px 0 0}.shift-list-item-kicker{margin:0 0 6px;color:var(--fuel-93);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.shift-list-item-highlight{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-radius:16px;background:color-mix(in srgb,var(--bg-surface) 88%,white);border:1px solid color-mix(in srgb,var(--border-main) 82%,transparent)}.shift-list-item-highlight-date{display:block;font-size:1rem;font-weight:600;color:var(--text-main);line-height:1.2}.shift-list-item-highlight-id{display:block;font-size:.72rem;color:var(--text-soft);word-break:break-all;line-height:1.4}.shift-list-item-grid,.shift-detail-timeline,.shift-detail-payment-grid,.shift-detail-summary-grid,.shift-detail-tags{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.shift-list-item-grid span,.shift-detail-table-row span,.shift-detail-table-head span{font-size:.84rem}.shift-detail-metric,.shift-checklist-summary,.shift-detail-summary-card{display:grid;gap:6px;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border-main) 82%,transparent);background:color-mix(in srgb,var(--bg-surface) 92%,white)}.shift-detail-metric span,.shift-checklist-summary span,.shift-detail-summary-card span{color:var(--text-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.shift-detail-metric strong,.shift-checklist-summary strong,.shift-detail-summary-card strong{font-size:.96rem}.shift-detail-summary-card{min-height:96px;align-content:start;border-color:color-mix(in srgb,var(--fuel-93) 14%,var(--border-main));background:radial-gradient(circle at top left,color-mix(in srgb,var(--fuel-93-soft) 52%,transparent),transparent 55%),color-mix(in srgb,var(--bg-surface) 92%,white)}.shift-detail-summary-card strong{font-size:clamp(1.3rem,2vw,1.6rem);line-height:1;letter-spacing:-.04em}.shift-detail-summary-card small{color:var(--text-soft);font-size:.76rem}.shift-detail-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.shift-detail-breakdown-card{display:grid;gap:5px;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border-main) 82%,transparent);background:color-mix(in srgb,var(--bg-surface) 92%,white);align-content:start}.shift-detail-breakdown-card-title{color:var(--text-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.shift-breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;gap:8px}.shift-breakdown-row-label{color:var(--text-soft)}.shift-breakdown-row-value{font-weight:600;font-variant-numeric:tabular-nums}.shift-breakdown-row-value-warn{color:#ef4444}.shift-detail-breakdown-count{font-size:clamp(1.3rem,2vw,1.6rem);font-weight:700;line-height:1;letter-spacing:-.04em}.shift-detail-breakdown-sub{color:var(--text-soft);font-size:.76rem}.shift-checklist-summary-ready{border-color:color-mix(in srgb,#22c55e 28%,var(--border-main));background:color-mix(in srgb,#dcfce7 72%,var(--bg-surface))}.shift-detail-checklist{display:grid;gap:12px}.shift-detail-head-hero{padding:22px 24px;border-radius:26px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--fuel-95-soft) 72%,transparent),transparent 40%),radial-gradient(circle at bottom left,color-mix(in srgb,var(--fuel-93-soft) 60%,transparent),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--bg-surface) 94%,white),color-mix(in srgb,var(--fuel-93-soft) 38%,var(--bg-surface)));border:1px solid color-mix(in srgb,var(--fuel-93) 18%,var(--border-main))}.shift-detail-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.shift-detail-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px}.shift-detail-table{display:grid;gap:10px}.shift-detail-table-head,.shift-detail-table-row{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(90px,.7fr) minmax(100px,.8fr) minmax(110px,.9fr) 80px;gap:10px;align-items:center}.shift-detail-table-head{color:var(--text-soft);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.shift-detail-table-row{padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--bg-surface) 94%,white);border:1px solid color-mix(in srgb,var(--border-main) 82%,transparent);box-shadow:0 12px 20px #94a3b814}.shift-detail-tag,.shift-status-pill,.fuel-inline-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:.76rem;font-weight:700}.shift-status-pill{border:1px solid var(--border-main);background:color-mix(in srgb,var(--bg-surface) 90%,white)}.shift-status-pill-open_operational,.shift-status-pill-open{color:#0f766e;border-color:color-mix(in srgb,#22c55e 24%,var(--border-main));background:color-mix(in srgb,#dcfce7 74%,var(--bg-surface))}.shift-status-pill-handover_pending_close{color:#b45309;border-color:color-mix(in srgb,#f59e0b 24%,var(--border-main));background:color-mix(in srgb,#fef3c7 78%,var(--bg-surface))}.shift-status-pill-closed,.shift-status-pill-sent{color:#475569;border-color:color-mix(in srgb,#94a3b8 22%,var(--border-main));background:color-mix(in srgb,#e2e8f0 78%,var(--bg-surface))}.shift-detail-tag{justify-content:flex-start;color:var(--text-main);border:1px solid color-mix(in srgb,var(--button-accent) 18%,var(--border-main));background:color-mix(in srgb,var(--button-accent-secondary-bg) 70%,var(--bg-surface))}.shift-detail-tag-warning{color:#991b1b;border-color:color-mix(in srgb,#ef4444 24%,var(--border-main));background:color-mix(in srgb,#fee2e2 78%,var(--bg-surface))}.fuel-inline-pill-93{color:var(--fuel-93);border:1px solid color-mix(in srgb,var(--fuel-93) 18%,var(--border-main));background:var(--fuel-93-soft)}.fuel-inline-pill-95{color:var(--fuel-95);border:1px solid color-mix(in srgb,var(--fuel-95) 18%,var(--border-main));background:var(--fuel-95-soft)}.fuel-inline-pill-97{color:var(--fuel-97);border:1px solid color-mix(in srgb,var(--fuel-97) 18%,var(--border-main));background:var(--fuel-97-soft)}.fuel-inline-pill-diesel{color:var(--fuel-diesel);border:1px solid color-mix(in srgb,var(--fuel-diesel) 18%,var(--border-main));background:var(--fuel-diesel-soft)}.fuel-inline-pill-other{color:var(--fuel-other);border:1px solid color-mix(in srgb,var(--fuel-other) 18%,var(--border-main));background:var(--fuel-other-soft)}.shift-detail-reading-type{font-weight:600;text-transform:capitalize}.shift-detail-section{padding:18px;border-radius:24px;border:1px solid color-mix(in srgb,var(--border-main) 80%,transparent);background:radial-gradient(circle at top right,color-mix(in srgb,var(--fuel-95-soft) 18%,transparent),transparent 36%),color-mix(in srgb,var(--bg-surface) 96%,white)}.shift-nozzle-topology,.shift-nozzle-dispenser-grid,.shift-nozzle-side-block{display:grid;gap:14px}.shift-nozzle-island-card,.shift-nozzle-dispenser-card{display:grid;gap:14px;align-content:start;padding:18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--fuel-93) 14%,var(--border-main));background:radial-gradient(circle at top right,color-mix(in srgb,var(--fuel-93-soft) 30%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 95%,white),var(--bg-surface))}.shift-nozzle-dispenser-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.shift-nozzle-fuel-strip{display:flex;flex-wrap:wrap;gap:10px}.shift-nozzle-fuel-badge,.shift-detail-fuel-badge{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px 6px 6px;border-radius:16px}.shift-detail-fuel-badge-compact{min-height:34px;padding:4px 8px 4px 4px;border-radius:12px}.shift-detail-fuel-badge-text{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-main)}.shift-nozzle-side-block{padding:14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border-main) 82%,transparent);background:color-mix(in srgb,var(--bg-surface) 92%,white)}.shift-nozzle-side-head,.shift-nozzle-card-head,.shift-nozzle-reading-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.shift-nozzle-side-head strong,.shift-nozzle-card-head h5,.shift-nozzle-card-head p,.shift-nozzle-price-row span,.shift-nozzle-reading-block small{margin:0}.shift-nozzle-side-head span,.shift-nozzle-muted,.shift-nozzle-card-head p,.shift-nozzle-reading-block small{color:var(--text-soft);font-size:.8rem}.shift-nozzle-card-head-main{display:flex;align-items:flex-start;gap:10px}.shift-nozzle-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.shift-nozzle-card{display:grid;gap:14px;min-width:0;padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--border-main) 80%,transparent);box-shadow:0 14px 22px #94a3b814;background:radial-gradient(circle at top right,color-mix(in srgb,var(--fuel-95-soft) 22%,transparent),transparent 32%),color-mix(in srgb,var(--bg-surface) 96%,white)}.shift-nozzle-card-head h5{font-size:1rem}.shift-nozzle-price-row{padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--fuel-95) 14%,var(--border-main));background:color-mix(in srgb,var(--fuel-95-soft) 64%,var(--bg-surface))}.shift-nozzle-price-row span{display:block;font-size:.84rem;font-weight:700}.shift-nozzle-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shift-nozzle-reading-block{display:grid;gap:8px;padding:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border-main) 84%,transparent);background:color-mix(in srgb,var(--bg-surface) 90%,white)}.shift-nozzle-reading-block strong{font-size:1rem;line-height:1}.shift-tank-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.shift-tank-card{display:grid;gap:14px;min-width:0;padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--border-main) 80%,transparent);box-shadow:0 14px 22px #94a3b814}.shift-tank-reading-grid{display:grid;gap:12px}.shift-list-item-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.shift-list-item-id,.shift-list-item-amount{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:.76rem;font-weight:700}.shift-list-item-id{color:var(--text-soft);background:color-mix(in srgb,var(--border-main) 42%,transparent)}.shift-list-item-amount{color:var(--fuel-95);background:color-mix(in srgb,var(--fuel-95-soft) 84%,var(--bg-surface))}.shift-evidence-link,.shift-evidence-download,.shift-evidence-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;color:var(--button-accent);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.shift-evidence-link:hover,.shift-evidence-download:hover,.shift-evidence-close:hover{color:color-mix(in srgb,var(--button-accent) 82%,black);text-decoration:underline}.shift-evidence-link[disabled]{color:var(--text-soft);cursor:progress;text-decoration:none}.shift-evidence-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0f172a8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shift-evidence-modal{display:grid;gap:16px;width:min(760px,100%);max-height:min(88vh,920px);overflow:auto;padding:20px;border-radius:24px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--fuel-95-soft) 74%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 96%,white),var(--bg-surface))}.shift-evidence-preview-shell{display:grid;place-items:center;min-height:280px;padding:14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--border-main) 78%,transparent);background:color-mix(in srgb,var(--bg-surface) 90%,white)}.shift-evidence-preview-image{display:block;max-width:100%;max-height:62vh;object-fit:contain;border-radius:16px}.shift-evidence-modal-actions{display:flex;justify-content:flex-end}.shift-explorer-error{margin:0;color:#991b1b}.shift-explorer-error-block{display:grid;gap:6px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,#ef4444 24%,var(--border-main));background:color-mix(in srgb,#fee2e2 72%,var(--bg-surface))}.shift-explorer-error-detail{margin:0;color:#7f1d1d;font-size:.9rem}.shift-explorer-error-actions{display:flex;gap:10px;margin-top:4px}.shift-explorer-diagnostics{display:grid;gap:8px;margin-top:4px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--bg-surface) 90%,white);border:1px solid color-mix(in srgb,var(--border-main) 78%,transparent)}.shift-explorer-diagnostics summary{cursor:pointer;font-weight:700;color:#7f1d1d}.shift-explorer-diagnostics code{white-space:pre-wrap;word-break:break-word;color:var(--text-main)}.local-diagnostics-card{display:grid;gap:12px;border:1px solid color-mix(in srgb,var(--border-main) 82%,transparent);background:radial-gradient(circle at top right,color-mix(in srgb,var(--fuel-95-soft) 28%,transparent),transparent 38%),color-mix(in srgb,var(--bg-surface) 96%,white)}.local-diagnostics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.local-diagnostics-head h3,.local-diagnostics-copy,.local-diagnostics-error p,.local-diagnostics-error code{margin:0}.local-diagnostics-kicker{margin:0 0 4px;color:var(--fuel-93);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.local-diagnostics-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,#22c55e 24%,var(--border-main));background:color-mix(in srgb,#dcfce7 72%,var(--bg-surface));color:#0f766e;font-size:.76rem;font-weight:700}.local-diagnostics-pill-error{border-color:color-mix(in srgb,#ef4444 24%,var(--border-main));background:color-mix(in srgb,#fee2e2 78%,var(--bg-surface));color:#991b1b}.local-diagnostics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.local-diagnostics-grid div,.local-diagnostics-error{display:grid;gap:6px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border-main) 82%,transparent);background:color-mix(in srgb,var(--bg-surface) 92%,white)}.local-diagnostics-grid span{color:var(--text-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.local-diagnostics-grid strong{font-size:.92rem;word-break:break-word}.local-diagnostics-copy{color:var(--text-soft)}.local-diagnostics-error{border-color:color-mix(in srgb,#ef4444 24%,var(--border-main));background:color-mix(in srgb,#fff1f2 80%,var(--bg-surface))}.local-diagnostics-error strong{color:#991b1b}.local-diagnostics-error code{padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--bg-surface) 88%,white);color:#7f1d1d;white-space:pre-wrap;word-break:break-word}.dashboard-service-banner,.dashboard-hero-card,.page-hero-card,.dashboard-section-card{box-shadow:var(--dashboard-shadow)}.dashboard-service-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--fuel-93) 18%,var(--border-main));background:color-mix(in srgb,var(--fuel-93-soft) 70%,var(--bg-surface))}.dashboard-service-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--fuel-93);background:color-mix(in srgb,var(--fuel-93) 12%,var(--bg-surface))}.dashboard-service-icon svg{width:18px;height:18px}.dashboard-service-title,.dashboard-service-copy,.dashboard-hero-title,.dashboard-hero-copy,.dashboard-section-header h3,.dashboard-section-header p,.dashboard-total-block span,.dashboard-total-block small,.dashboard-fuel-card-header strong,.dashboard-fuel-card-header span,.dashboard-fuel-stats span,.dashboard-fuel-stats strong,.dashboard-tank-head strong,.dashboard-tank-head span,.dashboard-tank-card p,.dashboard-trend-group span,.dashboard-legend-item span{margin:0}.dashboard-service-title{font-size:.95rem;font-weight:700}.dashboard-service-copy{margin-top:2px;color:var(--text-soft);font-size:.84rem}.dashboard-hero-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-surface) 92%,white),color-mix(in srgb,var(--fuel-93-soft) 40%,var(--bg-surface)))}.dashboard-hero-brand{display:flex;align-items:center;gap:18px;min-width:0}.dashboard-hero-logo{width:58px;height:58px;border-radius:10px;padding:6px;background:color-mix(in srgb,var(--bg-surface) 94%,white);border:1px solid color-mix(in srgb,var(--border-main) 78%,white);box-shadow:0 10px 18px #0f172a1f;object-fit:contain}.dashboard-hero-title{font-size:clamp(1.65rem,3vw,2.2rem);line-height:1;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--fuel-93),var(--fuel-95));-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-hero-copy{margin-top:10px;color:var(--text-soft);font-size:.92rem}.dashboard-hero-status{display:grid;gap:10px;justify-items:end}.page-hero-card{display:flex;align-items:center;gap:18px;padding:18px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-surface) 92%,white),color-mix(in srgb,var(--fuel-93-soft) 34%,var(--bg-surface)))}.page-hero-brand{display:flex;align-items:center;gap:18px;min-width:0}.page-hero-logo{width:54px;height:54px;border-radius:10px;padding:6px;background:color-mix(in srgb,var(--bg-surface) 94%,white);border:1px solid color-mix(in srgb,var(--border-main) 78%,white);box-shadow:0 10px 18px #0f172a1f;object-fit:contain}.page-hero-title,.page-hero-copy{margin:0}.page-hero-title{font-size:clamp(1.5rem,2.5vw,1.95rem);line-height:1.02;font-weight:800;letter-spacing:-.03em}.page-hero-copy{margin-top:10px;color:var(--text-soft);font-size:.92rem}.dashboard-date-pill,.dashboard-shift-pill{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--border-main);background:color-mix(in srgb,var(--bg-surface) 88%,white);font-size:.82rem;font-weight:700;color:var(--text-main)}.dashboard-shift-pill{color:#0f766e;background:color-mix(in srgb,#dcfce7 75%,var(--bg-surface));border-color:color-mix(in srgb,#22c55e 28%,var(--border-main))}.dashboard-shift-pill-active{box-shadow:0 10px 24px #22c55e1f}.dashboard-date-dot,.dashboard-shift-dot{width:9px;height:9px;border-radius:999px;flex-shrink:0}.dashboard-date-dot{background:var(--fuel-93);box-shadow:0 0 0 4px color-mix(in srgb,var(--fuel-93) 14%,transparent)}.dashboard-shift-dot{background:#22c55e;box-shadow:0 0 0 4px #22c55e24}.dashboard-section-card{display:grid;gap:16px}.dashboard-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-section-status{display:grid;justify-items:end;gap:8px}.dashboard-section-header h3{font-size:1.02rem;font-weight:800}.dashboard-section-header p{margin-top:4px;color:var(--text-soft);font-size:.82rem}.dashboard-total-block{display:grid;justify-items:end;gap:2px;text-align:right}.dashboard-widget-state{display:grid;gap:10px;padding:14px;border-radius:12px;border:1px solid color-mix(in srgb,#ef4444 20%,var(--border-main));background:color-mix(in srgb,#fee2e2 52%,var(--bg-surface))}.dashboard-widget-state strong,.dashboard-widget-state p{margin:0}.dashboard-widget-actions{display:flex;justify-content:flex-start}.dashboard-widget-meta{margin:0;color:var(--text-soft);font-size:.8rem}.dashboard-total-block span{color:var(--text-soft);font-size:.74rem}.dashboard-total-block strong{font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.04em}.dashboard-total-block small{color:var(--fuel-95);font-size:.72rem;font-weight:700}.dashboard-sales-grid,.dashboard-tank-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-fuel-card,.dashboard-fuel-summary-card,.dashboard-tank-card{border:1px solid color-mix(in srgb,var(--border-main) 84%,white);border-radius:12px;padding:12px 14px;background:color-mix(in srgb,var(--bg-surface) 86%,white)}.dashboard-fuel-card{display:grid;gap:12px}.dashboard-fuel-card-header,.dashboard-fuel-summary-head{display:flex;align-items:center;gap:10px}.dashboard-fuel-card-header strong,.dashboard-fuel-summary-head strong{display:block;font-size:.8rem}.dashboard-fuel-copy{display:grid;gap:2px;min-width:0}.dashboard-fuel-copy-compact{gap:0}.dashboard-fuel-copy span{display:block;color:var(--text-soft);font-size:.72rem}.dashboard-fuel-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;flex-shrink:0;line-height:1}.dashboard-fuel-icon-93{background:var(--fuel-93)}.dashboard-fuel-icon-95{background:var(--fuel-95)}.dashboard-fuel-icon-97{background:var(--fuel-97)}.dashboard-fuel-icon-diesel{background:var(--fuel-diesel)}.dashboard-fuel-icon-kerosene{background:var(--fuel-kerosene)}.dashboard-fuel-icon-other{background:var(--fuel-other)}.dashboard-fuel-svg{width:18px;height:18px}.dashboard-fuel-stats{display:grid;gap:8px}.dashboard-fuel-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.dashboard-fuel-stats span{color:var(--text-soft);font-size:.72rem}.dashboard-fuel-stats strong{font-size:.86rem}.dashboard-sales-grid-month .dashboard-fuel-summary-card{background:color-mix(in srgb,var(--bg-surface) 88%,#f8fafc)}.dashboard-tank-card{display:grid;gap:10px}.dashboard-tank-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-tank-head strong{font-size:.82rem}.dashboard-tank-head span{color:#ef4444;font-size:.72rem;font-weight:700}.dashboard-tank-track{width:100%;height:6px;overflow:hidden;border-radius:999px;background:#e5e7eb}.dashboard-tank-fill{height:100%;border-radius:inherit;transition:width .22s ease}.dashboard-tank-card p{color:var(--text-soft);font-size:.72rem}.dashboard-trend-shell{display:grid;gap:12px}.dashboard-trend-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;min-height:240px;padding:18px 8px 10px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border-main) 84%,white);background:linear-gradient(to top,rgba(148,163,184,.1) 1px,transparent 1px) 0 0 / 100% 25%,color-mix(in srgb,var(--bg-surface) 92%,white)}.dashboard-trend-group{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;align-items:end}.dashboard-trend-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:4px;height:100%}.dashboard-trend-bar{min-height:2px;border-radius:10px 10px 0 0}.dashboard-trend-group span{text-align:center;color:var(--text-soft);font-size:.72rem}.dashboard-trend-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.dashboard-legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-size:.76rem}.dashboard-legend-dot{width:10px;height:10px;border-radius:999px}.operational-list{display:grid;gap:12px}.operational-list-nested{gap:8px}.operational-dispenser-grid{display:grid;gap:14px}.operational-dispenser-card{padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--fuel-93) 16%,var(--border-main));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 94%,white),color-mix(in srgb,var(--fuel-93-soft) 20%,var(--bg-surface)));box-shadow:0 10px 20px #94a3b81a}.operational-dispenser-card-close{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 94%,white),color-mix(in srgb,var(--fuel-93-soft) 16%,var(--bg-surface)))}.operational-dispenser-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.operational-dispenser-header h4,.operational-side-header strong{margin:0}.operational-dispenser-count{display:inline-flex;align-items:center;border-radius:12px;padding:5px 10px;background:color-mix(in srgb,var(--fuel-93-soft) 62%,var(--bg-surface));color:color-mix(in srgb,var(--fuel-93) 84%,var(--text-main));font-size:.8rem;font-weight:700}.operational-side-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.operational-side-card{min-width:0;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-main) 88%,white);background:color-mix(in srgb,var(--bg-surface) 94%,white)}.operational-side-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.operational-side-header-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.operational-side-header span{color:var(--text-soft);font-size:.8rem}.operational-side-header .operational-panel-icon{color:#fff}.operational-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:start}.operational-reading-card{display:grid;gap:12px;border-radius:12px;border-color:color-mix(in srgb,var(--border-main) 88%,white);background:color-mix(in srgb,var(--bg-surface) 94%,white);box-shadow:0 10px 22px #94a3b81a}.operational-reading-header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:flex-start}.operational-reading-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.operational-reading-title-visual{align-items:flex-start;flex-wrap:nowrap}.operational-reading-title-copy{display:grid;gap:6px;min-width:0}.operational-reading-title-copy strong{line-height:1.1}.operational-reading-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--text-soft);font-size:13px}.operational-reading-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;flex:0 0 auto;background:color-mix(in srgb,var(--bg-surface) 72%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 16%,transparent)}.operational-reading-icon-93{color:var(--fuel-93)}.operational-reading-icon-95{color:var(--fuel-95)}.operational-reading-icon-97{color:var(--fuel-97)}.operational-reading-icon-diesel{color:var(--fuel-diesel)}.operational-reading-icon-kerosene{color:var(--fuel-kerosene)}.operational-reading-icon-other{color:var(--fuel-other)}.operational-reading-icon-svg{width:18px;height:18px}.shift-nozzle-reading-icon{width:14px;height:14px;flex:0 0 auto;color:var(--text-soft)}.nav-button-icon{width:18px;height:18px;flex:0 0 auto}.bottom-nav-icon{width:20px;height:20px;flex:0 0 auto}.operational-panel-icon{width:34px;height:34px;border-radius:10px;color:#fff}.operational-reading-icon-solid{border-radius:10px;color:#fff;box-shadow:none}.operational-reading-icon-solid .operational-reading-icon-svg,.dashboard-tank-head .operational-reading-icon-solid,.dashboard-tank-head .operational-reading-icon-solid .operational-reading-icon-svg{color:#fff}.operational-reading-icon-solid-93{background:var(--fuel-93)}.operational-reading-icon-solid-95{background:var(--fuel-95)}.operational-reading-icon-solid-97{background:var(--fuel-97)}.operational-reading-icon-solid-diesel{background:var(--fuel-diesel)}.operational-reading-icon-solid-kerosene{background:var(--fuel-kerosene)}.operational-reading-icon-solid-other{background:var(--fuel-other)}.operational-reading-body{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:12px;align-items:start}.operational-reading-main{display:grid;gap:10px;min-width:0}.operational-reading-card .operational-reading-body{grid-template-columns:minmax(0,1.35fr) minmax(220px,.9fr)}.operational-reading-body-tank-close{grid-template-columns:minmax(0,60%) minmax(220px,40%)}.operational-value-group{display:grid;gap:6px;min-width:0}.operational-value-group-price{align-content:start}.operational-value-group span{color:var(--text-soft);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.operational-value-group input,.operational-fields-grid input,.operational-fields-grid select{width:100%}.operational-input-readonly{color:var(--text-soft);background:color-mix(in srgb,var(--bg-muted) 82%,white);border-color:color-mix(in srgb,var(--border-main) 82%,var(--fuel-95));cursor:not-allowed}.operational-field-hint{color:var(--text-soft);font-size:12px}.operational-save-status{margin:0;color:color-mix(in srgb,var(--button-main) 78%,black);font-size:.9rem;font-weight:600}.close-operational-reading-body{grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr)}.close-operational-reading-main{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.operational-photo-stack{display:grid;gap:6px;min-width:0}.operational-photo-stack-tank-actions{align-content:start}.operational-photo-stack-tank-actions-close,.operational-photo-stack-nozzle-close{grid-column:2}.operational-photo-stack-inline .photo-capture-actions{grid-template-columns:repeat(3,minmax(96px,1fr))}.operational-section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}.operational-section-copy{margin:4px 0 0;color:var(--text-soft);font-size:13px}.operational-section-copy-status{max-width:320px;text-align:right}.operational-toolbar-locked{display:flex;justify-content:space-between;gap:12px;align-items:center}.operational-branch-summary{display:grid;gap:4px}.operational-branch-caption{color:var(--text-soft);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.operational-queue-card{display:grid;gap:10px;margin-bottom:16px;border:1px dashed var(--border-main)}.operational-queue-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.operational-queue-message{margin:0;color:var(--text-soft);font-size:13px}.operational-photo-hint{margin:0;color:var(--text-soft);font-size:12px}.photo-capture-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;container-type:inline-size}.photo-capture-actions button{width:100%}.photo-capture-actions-3{grid-template-columns:repeat(3,minmax(0,1fr))}.capture-action-button{display:inline-grid;grid-auto-flow:column;align-items:center;justify-content:center;justify-items:center;gap:8px;min-height:48px;padding:10px 12px;text-align:center}.capture-action-button-copy,.capture-action-button-camera{border-color:color-mix(in srgb,var(--button-main) 70%,transparent);background:var(--button-main);color:#fff}.capture-action-button-gallery{border-color:color-mix(in srgb,var(--button-main) 52%,var(--border-main));background:var(--button-secondary-bg);color:var(--button-secondary-text)}.capture-action-button-copy:hover:not([disabled]),.capture-action-button-camera:hover:not([disabled]){background:var(--button-main-hover)}.capture-action-button-gallery:hover:not([disabled]){background:color-mix(in srgb,var(--button-secondary-bg) 86%,var(--bg-surface))}.capture-action-icon{width:18px;height:18px;flex:0 0 auto}.capture-action-label{white-space:nowrap}@container (max-width: 380px){.capture-action-button{grid-auto-flow:row;gap:4px}.capture-action-label{white-space:normal;line-height:1.1}}@container (max-width: 250px){.capture-action-label{display:none}}@media (max-width: 900px){.auth-shell{grid-template-columns:1fr}.auth-brand-card{display:none}.auth-panel{min-height:100dvh;align-content:center;padding:32px 24px;border-left:none;box-shadow:none}.auth-panel-logo{display:block}.auth-dev-meta-row{flex-direction:column;align-items:flex-start;gap:4px}.auth-dev-meta-row span{text-align:left}html,body,#root{height:100dvh;overflow:hidden;overscroll-behavior-y:none}:root{--mobile-titlebar-height: 56px;--mobile-bottom-nav-height: 64px}.titlebar{padding:8px 10px;gap:6px;position:fixed;top:0;left:0;right:0;z-index:90;margin:0;border-radius:0}.titlebar .row{gap:6px}.menu-trigger-mobile{display:inline-flex}.titlebar .title-brand-wide{height:36px;width:auto;max-width:132px}.layout{grid-template-columns:1fr;gap:8px;margin-top:var(--mobile-titlebar-height);height:calc(100dvh - var(--mobile-titlebar-height) - var(--mobile-bottom-nav-height))}.section-nav{position:sticky;top:0;z-index:85;background:var(--bg-surface);padding:8px 12px;margin:0 -12px 8px;border-radius:0;border-left:0;border-right:0}.sidebar-desktop,.titlebar .title-user,.logout-label{display:none}main{padding:0;min-height:100dvh;height:100dvh;overflow:hidden}.layout>section{height:100%;overflow-y:scroll;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:0 12px 12px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:var(--mobile-bottom-nav-height);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid var(--border-main);background:var(--bg-surface);z-index:80}.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:0;padding:6px 4px;font-size:10px;line-height:1.1;text-align:center;background:transparent;color:var(--text-soft)}.mobile-bottom-nav button.nav-button-active{background:color-mix(in srgb,var(--button-main) 12%,var(--bg-surface));color:var(--button-main);font-weight:700}.operational-toolbar,.operational-fields-grid,.operational-reading-body,.close-operational-reading-main,.photo-capture-actions,.shift-explorer-grid,.dashboard-sales-grid,.dashboard-tank-grid,.operational-reading-card .operational-reading-body,.operational-reading-body-tank-close{grid-template-columns:1fr}.operational-photo-stack-tank-actions{align-content:start}.operational-photo-stack-tank-actions-close,.operational-photo-stack-nozzle-close{grid-column:auto}.operational-photo-stack-inline .photo-capture-actions{grid-template-columns:1fr}.close-card-header,.operational-dispenser-header,.operational-side-header{display:grid;grid-template-columns:1fr}.operational-section-copy-status{max-width:none;text-align:left}.operational-toolbar-locked{display:grid;grid-template-columns:1fr}.capture-action-button{min-height:44px}.dashboard-hero-card,.dashboard-section-header,.dashboard-hero-brand,.page-hero-card,.page-hero-brand,.shift-detail-table-head,.shift-detail-table-row{display:grid}.shift-detail-table-head,.shift-detail-table-row,.shift-list-item-grid,.shift-detail-timeline,.shift-detail-payment-grid,.shift-detail-summary-grid,.shift-detail-tags,.shift-nozzle-reading-grid{grid-template-columns:1fr}.shift-explorer-list-horizontal{grid-auto-flow:row;grid-auto-columns:auto;overflow-x:visible}.dashboard-hero-status,.dashboard-total-block{justify-items:start;text-align:left}.dashboard-trend-grid{grid-template-columns:repeat(7,minmax(46px,1fr));overflow-x:auto;padding-bottom:14px}.close-toolbar-card,.close-branch-row,.close-phase-header,.operations-panel-header{display:grid;grid-template-columns:1fr;gap:8px}.close-toolbar-card button,.close-branch-row button{width:100%}.close-toolbar-card .close-shift-input,.close-branch-row .close-branch-input{min-width:0;width:100%}.close-reading-row{grid-template-columns:1fr;gap:8px;align-items:stretch}.close-reading-row input{width:100%}.close-payments-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.operations-form-grid,.operations-form-grid-deposits,.operations-metric-grid,.operations-cash-detail-grid{grid-template-columns:1fr}.close-flow-header,.close-card-header,.operations-panel-header,.close-phase-header{display:grid}.close-flow-summary{grid-template-columns:1fr}.close-payments-grid input{width:100%}}.close-reading-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--bg-surface) 88%,white)}.close-reading-labels{display:flex;align-items:flex-start;gap:10px;min-width:0}.close-reading-labels strong{line-height:1.1}.maintenance-page{display:grid;gap:16px}.maintenance-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.maintenance-header h3{margin:4px 0 8px}.maintenance-header p{margin:0}.maintenance-kicker{margin:0 0 4px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.maintenance-tabs{display:flex;gap:8px;flex-wrap:wrap}.maintenance-tab{border-radius:999px;padding:10px 14px;background:color-mix(in srgb,var(--button-main) 10%,var(--bg-surface));color:color-mix(in srgb,var(--button-main) 85%,var(--text-main));font-weight:700}.maintenance-tab-button{border:0;cursor:pointer}.maintenance-tab-active{background:var(--button-main);color:var(--button-main-text)}.maintenance-filters{display:grid;gap:12px}.maintenance-filters-grid,.maintenance-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.maintenance-filters-grid label,.maintenance-detail-grid label{display:grid;gap:6px}.maintenance-filters-grid span,.maintenance-detail-grid span{font-size:.85rem;color:var(--text-soft)}.maintenance-filters-grid input,.maintenance-filters-grid select,.maintenance-detail-grid input,.maintenance-detail-grid select{width:100%;min-width:0}.maintenance-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.35fr);gap:16px;align-items:start}.maintenance-list-panel,.maintenance-detail-panel{display:grid;gap:14px;min-width:0}.maintenance-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.maintenance-panel-head h4,.maintenance-detail-block h5{margin:0}.maintenance-user-list{display:grid;gap:10px}.maintenance-user-row-body{display:flex;gap:10px;align-items:flex-start;min-width:0}.maintenance-row-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;flex-shrink:0;background:var(--fuel-other);color:#fff}.maintenance-row-icon svg{width:16px;height:16px}.maintenance-user-row{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border-main) 70%,transparent);background:color-mix(in srgb,var(--bg-surface) 82%,var(--border-main));color:var(--text-main);font-weight:400;cursor:pointer;transition:background .12s,border-color .12s}.maintenance-user-row:hover{background:color-mix(in srgb,var(--button-main) 6%,var(--bg-surface));border-color:color-mix(in srgb,var(--button-main) 22%,var(--border-main));color:var(--text-main)}.maintenance-user-row strong,.maintenance-user-row span,.maintenance-user-row small{display:block}.maintenance-role-list-inline{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.maintenance-inline-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid transparent}.maintenance-user-row-active{border-color:var(--button-main);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--button-main) 20%,transparent);background:color-mix(in srgb,var(--button-main) 8%,var(--bg-surface))}.maintenance-user-row-active:hover{background:color-mix(in srgb,var(--button-main) 10%,var(--bg-surface))}.maintenance-static-row{cursor:default}.maintenance-static-row:hover{background:color-mix(in srgb,var(--bg-surface) 82%,var(--border-main));border-color:color-mix(in srgb,var(--border-main) 70%,transparent)}.maintenance-user-meta{display:grid;justify-items:end;align-items:start;gap:6px}.maintenance-status-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px;background:color-mix(in srgb,#22c55e 14%,var(--bg-surface));color:color-mix(in srgb,#16a34a 80%,var(--text-main));font-size:.75rem;font-weight:700;white-space:nowrap}.maintenance-status-pill-inactive{background:color-mix(in srgb,var(--border-main) 30%,var(--bg-surface));color:var(--text-soft)}.maintenance-status-pill-scheduled{background:color-mix(in srgb,var(--fuel-diesel) 14%,var(--bg-surface));color:color-mix(in srgb,var(--fuel-diesel) 90%,var(--text-main))}.maintenance-consistency-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px;font-size:.75rem;font-weight:700;white-space:nowrap}.maintenance-consistency-pill-consistent{background:color-mix(in srgb,#22c55e 14%,var(--bg-surface));color:color-mix(in srgb,#16a34a 80%,var(--text-main))}.maintenance-consistency-pill-incomplete{background:color-mix(in srgb,var(--fuel-diesel) 14%,var(--bg-surface));color:color-mix(in srgb,var(--fuel-diesel) 90%,var(--text-main))}.maintenance-consistency-pill-conflict{background:color-mix(in srgb,#ef4444 12%,var(--bg-surface));color:color-mix(in srgb,#dc2626 80%,var(--text-main))}.maintenance-detail-block{display:grid;gap:10px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--border-main) 50%,transparent)}.maintenance-detail-subsection{display:grid;gap:8px}.maintenance-detail-subsection h6{margin:0;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft)}.maintenance-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.maintenance-summary-grid>div,.maintenance-role-chip{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--border-main) 38%,var(--bg-surface))}.maintenance-price-fuel-header{display:flex;align-items:center;gap:10px;min-width:0}.maintenance-price-fuel-header .operational-reading-icon{display:grid;place-items:center;flex-shrink:0}.maintenance-price-fuel-header>div{display:grid;gap:2px;min-width:0}.maintenance-role-list{display:grid;gap:10px}.maintenance-role-chip span,.maintenance-summary-grid span,.maintenance-muted-note,.maintenance-role-chip small{color:var(--text-soft)}.maintenance-role-chip.profile-operation,.maintenance-inline-chip.profile-operation{background:color-mix(in srgb,var(--fuel-diesel-soft) 55%,var(--bg-surface));border-color:color-mix(in srgb,var(--fuel-diesel) 22%,var(--border-main));color:color-mix(in srgb,var(--fuel-diesel) 90%,var(--text-main))}.maintenance-role-chip.profile-branch-admin,.maintenance-inline-chip.profile-branch-admin{background:color-mix(in srgb,var(--fuel-93-soft) 55%,var(--bg-surface));border-color:color-mix(in srgb,var(--fuel-93) 22%,var(--border-main));color:color-mix(in srgb,var(--fuel-93) 85%,var(--text-main))}.maintenance-role-chip.profile-supervision,.maintenance-inline-chip.profile-supervision{background:color-mix(in srgb,var(--fuel-95-soft) 55%,var(--bg-surface));border-color:color-mix(in srgb,var(--fuel-95) 22%,var(--border-main));color:color-mix(in srgb,var(--fuel-95) 85%,var(--text-main))}.maintenance-role-chip.profile-management,.maintenance-inline-chip.profile-management{background:color-mix(in srgb,var(--fuel-other-soft) 70%,var(--bg-surface));border-color:color-mix(in srgb,var(--fuel-other) 22%,var(--border-main));color:color-mix(in srgb,var(--fuel-other) 90%,var(--text-main))}.maintenance-role-chip.profile-system,.maintenance-inline-chip.profile-system{background:color-mix(in srgb,var(--fuel-97-soft) 55%,var(--bg-surface));border-color:color-mix(in srgb,var(--fuel-97) 22%,var(--border-main));color:color-mix(in srgb,var(--fuel-97) 85%,var(--text-main))}.maintenance-role-chip.profile-unknown,.maintenance-inline-chip.profile-unknown{background:color-mix(in srgb,var(--border-main) 30%,var(--bg-surface));border-color:var(--border-main);color:var(--text-soft)}.maintenance-price-history-chip strong,.maintenance-summary-grid small,.maintenance-user-meta small{display:block}.maintenance-action-bar{display:flex;gap:10px;flex-wrap:wrap}.maintenance-empty-state,.maintenance-error-state{display:grid;gap:8px;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--bg-surface) 80%,var(--border-main));border:1px dashed var(--border-main)}.maintenance-inline-error{margin:0;color:color-mix(in srgb,#dc2626 80%,var(--text-main))}.maintenance-inline-success{margin:0;color:color-mix(in srgb,#16a34a 80%,var(--text-main))}.maintenance-inline-warning{margin:0;color:color-mix(in srgb,var(--fuel-diesel) 90%,var(--text-main))}.maintenance-summary-note{margin:0;font-weight:700}.maintenance-summary-note-consistent{color:color-mix(in srgb,#16a34a 80%,var(--text-main))}.maintenance-summary-note-incomplete{color:color-mix(in srgb,var(--fuel-diesel) 90%,var(--text-main))}.maintenance-summary-note-conflict{color:color-mix(in srgb,#dc2626 80%,var(--text-main))}.maintenance-filter-actions{display:flex;gap:10px;flex-wrap:wrap}.maintenance-muted-note{margin:0}.maintenance-header-identity{display:flex;gap:14px;align-items:flex-start;min-width:0}@media (max-width: 1300px){.maintenance-layout{grid-template-columns:1fr}.maintenance-header{display:grid}}