:root{--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-app:#f7f4ed;--bg-surface:#fff;--bg-surface-elevated:#fffefb;--bg-surface-subtle:#fbf9f4;--bg-card:#fff;--gold-50:#fbf6ec;--gold-100:#f5ebd2;--gold-200:#ead29c;--gold-300:#dfb867;--gold-400:#d4a03e;--gold-500:#b88d2b;--gold-600:#9c7520;--gold-700:#7d5a15;--gold-gradient:linear-gradient(135deg, #c59b36 0%, #a87e22 100%);--gold-subtle-glow:0 8px 24px #b88d2b1f;--text-primary:#1f1d17;--text-secondary:#575246;--text-muted:#837c6d;--text-inverse:#fff;--border-subtle:#ece5d6;--border-medium:#e0d7c3;--border-gold:#b88d2b59;--success-bg:#eaf6ed;--success-text:#1b6635;--success-border:#c2e5cb;--warning-bg:#fdf5e7;--warning-text:#965b05;--warning-border:#f7dcab;--danger-bg:#fbeeed;--danger-text:#a82315;--danger-border:#f4c5c0;--info-bg:#eef5fb;--info-text:#1d5f94;--topbar-height:72px;--sidebar-width:270px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--shadow-sm:0 2px 6px #2d26140a;--shadow-md:0 8px 20px #2d26140f;--shadow-lg:0 16px 36px #2d261417}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}input,button,select,textarea{color:inherit;font-family:inherit}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gold-gradient);color:#fff;border-color:#a87e22;box-shadow:0 3px 8px #a87e2240}.btn-primary:hover{background:linear-gradient(135deg,#b88d2b 0%,#956e1b 100%);box-shadow:0 5px 14px #a87e2259}.btn-secondary{color:#7b5815;background-color:#f5edd7;border-color:#e3d3b0}.btn-secondary:hover{background-color:#ebdcb9}.btn-outline{color:var(--text-primary);border-color:var(--border-medium);background-color:#fff}.btn-outline:hover{border-color:var(--gold-500);background-color:#fbf8f2}.btn-ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover{color:var(--text-primary);background-color:#0000000a}.btn-pill{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);background-color:#fff;padding:7px 16px;font-size:13px;font-weight:500}.btn-pill:hover{background-color:var(--gold-50);border-color:var(--gold-300);color:var(--gold-700)}.btn-large{padding:13px 26px;font-size:15px}.btn-sm{border-radius:var(--radius-sm);padding:5px 12px;font-size:12px}.btn-block{width:100%}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-danger{background-color:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.badge-neutral{color:#555044;background-color:#f1eddf;border:1px solid #e1dcce}.badge-gold{background-color:var(--gold-100);color:var(--gold-700);border:1px solid var(--gold-200)}.fuel-pill{color:#4a4537;background-color:#f4efdf;border:1px solid #e2dac7;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-block}.category-tag{color:#635d4f;background-color:#faf7f0;border:1px solid #e9e3d3;border-radius:4px;padding:3px 8px;font-size:11.5px;display:inline-block}.luxury-auth-viewport{color:#2b2720;background:radial-gradient(circle at 50% 12%,#fdfbf7 0%,#f6f1e6 55%,#ede4d4 100%);flex-direction:column;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}.auth-background-decorations{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.decor-arch-lines{background:radial-gradient(circle at 100% 0,#0000 36%,#c49e5833 37%,#fff6 37.5%,#0000 38.5% 50%,#c49e5829 51%,#0000 52% 65%,#c49e581f 66%,#0000 67% 80%,#c49e5814 81%,#0000 82%);width:clamp(240px,30vw,460px);height:clamp(300px,50vh,600px);position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(135deg,#000 60%,#0000 95%);mask-image:linear-gradient(135deg,#000 60%,#0000 95%)}.decor-canopy-silhouette{opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 400' fill='none'%3E%3Cpath d='M0 240 L380 140 L620 180 L240 280 Z' fill='%23a17e36' fill-opacity='0.25' stroke='%238c6b2a' stroke-width='3'/%3E%3Cpath d='M0 240 L380 140 L380 170 L0 270 Z' fill='%238c6b2a' fill-opacity='0.35'/%3E%3Cpath d='M380 140 L620 180 L620 205 L380 170 Z' fill='%237a5b21' fill-opacity='0.3'/%3E%3Ctext x='150' y='215' transform='rotate(-14 150 215)' font-family='Arial, sans-serif' font-weight='800' font-size='26' fill='%23ffffff' fill-opacity='0.8' letter-spacing='4'%3EPARCO%3C/text%3E%3C!-- Columns --%3E%3Crect x='80' y='265' width='26' height='135' fill='%23a17e36' fill-opacity='0.3' stroke='%237a5b21' stroke-width='1.5'/%3E%3Crect x='220' y='230' width='26' height='170' fill='%23a17e36' fill-opacity='0.3' stroke='%237a5b21' stroke-width='1.5'/%3E%3Crect x='360' y='165' width='24' height='235' fill='%23a17e36' fill-opacity='0.25' stroke='%237a5b21' stroke-width='1.5'/%3E%3Crect x='500' y='198' width='22' height='202' fill='%23a17e36' fill-opacity='0.2' stroke='%237a5b21' stroke-width='1.5'/%3E%3C!-- Fuel Dispensers --%3E%3Crect x='130' y='325' width='34' height='75' rx='3' fill='%23a17e36' fill-opacity='0.35' stroke='%237a5b21' stroke-width='1'/%3E%3Crect x='270' y='305' width='34' height='95' rx='3' fill='%23a17e36' fill-opacity='0.35' stroke='%237a5b21' stroke-width='1'/%3E%3Crect x='410' y='285' width='32' height='115' rx='3' fill='%23a17e36' fill-opacity='0.28' stroke='%237a5b21' stroke-width='1'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:no-repeat;background-size:contain;width:clamp(260px,32vw,480px);height:clamp(140px,20vh,240px);position:absolute;bottom:0;left:0;-webkit-mask-image:linear-gradient(to top right,#000 50%,#0000 100%);mask-image:linear-gradient(to top right,#000 50%,#0000 100%)}.decor-leaf-shadow{opacity:.1;filter:blur(3px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400' fill='%2342371d'%3E%3Cpath d='M300 400 C270 340 230 310 180 280 C150 260 120 230 100 180 C90 150 70 120 40 80 C80 110 130 140 160 180 C200 230 250 280 300 320 Z'/%3E%3Cpath d='M300 340 C260 300 220 270 170 240 C130 220 90 180 60 120 C100 145 150 170 180 210 C220 255 260 295 300 320 Z'/%3E%3Cpath d='M300 260 C250 230 200 200 150 160 C110 130 80 80 50 10 C85 45 125 85 160 120 C210 165 255 210 300 240 Z'/%3E%3Cpath d='M300 190 C260 165 210 135 170 95 C140 65 115 30 90 0 C120 25 155 55 185 85 C225 120 265 155 300 175 Z'/%3E%3C/svg%3E");background-position:100% 100%;background-repeat:no-repeat;background-size:contain;width:clamp(180px,22vw,320px);height:clamp(200px,28vh,380px);position:absolute;bottom:0;right:0}.auth-top-nav{z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;min-height:36px;padding:6px clamp(16px,4vw,48px);display:flex;position:relative}.auth-back-btn{color:#4a4437;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.auth-back-btn:hover{color:#997328;transform:translate(-3px)}.auth-motto-block{z-index:11;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:6px;right:clamp(16px,4vw,48px)}.auth-motto-text{letter-spacing:.22em;color:#7d6e4d;font-size:9.5px;font-weight:600;display:block}.auth-motto-sub{letter-spacing:.22em;color:#7d6e4d;margin-top:1px;font-size:9.5px;font-weight:600;display:block}.auth-motto-line{background-color:#a8843c;border-radius:1px;width:40px;height:1.5px;margin-top:3px}.auth-central-stage{z-index:10;flex-direction:column;flex:1;align-items:stretch;width:100%;max-width:520px;min-height:0;margin:0 auto;padding:0 20px 6px;display:flex;position:relative}.auth-login-card{text-align:left;background:#fff;border:1px solid #e0d0b2;border-radius:14px;flex-direction:column;flex:1;gap:0;width:100%;min-height:0;margin-top:0;padding:18px 28px 14px;display:flex;position:relative;box-shadow:0 22px 55px #42341c14,0 4px 12px #42341c08}.auth-card-branding-header{text-align:left;flex-direction:column;flex-shrink:0;align-items:flex-start;width:100%;margin-bottom:0;display:flex}.auth-branding-top-row{align-items:center;gap:12px;margin-bottom:7px;display:flex}.auth-circular-emblem{background:radial-gradient(circle at 35% 35%,#fff 0%,#faf3e2 70%,#edd8b1 100%);border:1.5px solid #d4b883;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;margin:0;transition:transform .26s,box-shadow .26s;display:grid;box-shadow:0 5px 14px #a87e2a24,inset 0 0 0 2px #ffffffd9,inset 0 0 0 3px #e2c99f}.auth-circular-emblem:hover{transform:scale(1.03);box-shadow:0 7px 18px #a87e2a33}.emblem-outer-ring,.emblem-inner-glow{place-items:center;display:grid}.auth-badge-duo{align-items:center;gap:8px;display:flex}.auth-site-pill{color:#fcfbf7;letter-spacing:.12em;text-transform:uppercase;background-color:#2c3625;border-radius:9999px;padding:3px 12px;font-size:10px;font-weight:700;box-shadow:0 2px 6px #2c362533}.auth-brand-pill{color:#403622;letter-spacing:.12em;text-transform:uppercase;background-color:#fbf7ee;border:1px solid #cbb17d;border-radius:9999px;padding:2.5px 12px;font-size:10px;font-weight:700}.auth-station-title{color:#1a160e;letter-spacing:-.015em;text-align:left;margin:0 0 2px;font-family:Playfair Display,Georgia,serif;font-size:clamp(21px,2.3vw,26px);font-weight:700;line-height:1.16}.auth-station-location{color:#595244;text-align:left;margin:0 0 6px;font-size:12.5px;font-weight:500}.auth-diamond-divider{justify-content:flex-start;align-items:center;gap:8px;width:100%;margin:0;display:flex}.auth-diamond-divider.in-header{margin:4px 0 8px}.auth-diamond-divider.in-card{margin:6px 0}.divider-line{background:linear-gradient(90deg,#c9ae7b 0%,#e8dcbf 50%,#0000 100%);flex:1;height:1px}.divider-diamond{color:#9c762c;font-size:6px;line-height:1}.auth-card-main-content{flex-direction:column;flex:1;justify-content:space-evenly;gap:0;min-height:0;display:flex}.auth-card-footer{flex-shrink:0;width:100%;margin-top:0}.auth-role-section{width:100%;margin-bottom:2px}.auth-role-eyebrow{letter-spacing:.2em;color:#8c7138;text-transform:uppercase;text-align:left;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.auth-segmented-control{background-color:#f6f1e6;border:1px solid #e4d6bd;border-radius:9px;gap:4px;padding:3px;display:flex}.auth-segment-btn{color:#554e40;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:7px;flex:1;padding:8px 0;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s}.auth-segment-btn:hover:not(.active){color:#1f1b13;background-color:#ffffff80}.auth-segment-btn.active{color:#fbf7ee;background:linear-gradient(135deg,#443c26 0%,#322b19 100%);font-weight:600;box-shadow:0 2px 8px #30281747}.auth-form-body{flex-direction:column;flex:1;justify-content:space-evenly;gap:10px;min-height:0;display:flex}.auth-field-group{text-align:left;flex-direction:column;gap:4px;display:flex}.auth-field-label{color:#383329;text-align:left;font-size:12px;font-weight:600}.auth-input-container{background-color:#fdfbf7;border:1px solid #dfcfb6;border-radius:8px;align-items:center;transition:all .18s;display:flex;position:relative}.auth-input-container:focus-within{background-color:#fff;border-color:#9f7b32;box-shadow:0 0 0 2.5px #a47f3626}.auth-input-icon{pointer-events:none;opacity:.85;place-items:center;display:grid;position:absolute;left:13px}.auth-text-input{color:#211e17;background:0 0;border:0;outline:none;width:100%;padding:9.5px 38px 9.5px 40px;font-family:inherit;font-size:13.5px}.auth-text-input::placeholder{color:#8c8374;font-size:13px;font-weight:400}.auth-eye-toggle{cursor:pointer;color:#917534;background:0 0;border:0;place-items:center;padding:4px;transition:opacity .14s;display:grid;position:absolute;right:12px}.auth-eye-toggle:hover{opacity:.75}.auth-utility-row{color:#5c5547;justify-content:space-between;align-items:center;margin:1px 0 2px;font-size:12px;display:flex}.auth-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}.auth-checkbox{accent-color:#594723;cursor:pointer;border-radius:3px;width:15px;height:15px}.auth-encrypted-badge{color:#8a6f33;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:flex}.auth-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ad8539 0%,#8c6722 100%);border:1px solid #94712b;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:2px;padding:11px 20px;font-family:inherit;transition:all .22s;display:flex;box-shadow:0 6px 18px #8c672240,inset 0 1px #ffffff40}.auth-primary-btn:hover{background:linear-gradient(135deg,#ba9142 0%,#987126 100%);transform:translateY(-1.5px);box-shadow:0 9px 24px #8c672257}.auth-primary-btn:active{transform:translateY(.5px);box-shadow:0 3px 10px #8c672233}.btn-arrow-mark{font-size:16px;line-height:1}.btn-cta-text{letter-spacing:.01em;font-family:Playfair Display,Georgia,serif;font-size:14.5px;font-weight:600}.auth-db-notice{text-align:left;color:#5c5445;border-left:2.5px solid #c9ae7b;padding:4px 0 4px 10px;font-size:11.5px;line-height:1.4}.notice-line-1{font-weight:500}.notice-line-2{color:#3b3427;margin-top:1px;font-weight:600}.auth-error-notice{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:7px;margin-bottom:4px;padding:8px 12px;font-size:12.5px;font-weight:500;display:flex}@media (height<=700px){.auth-top-nav{padding-top:8px;padding-bottom:2px}.auth-card-branding-header{margin-bottom:6px}.auth-branding-top-row{gap:10px;margin-bottom:4px}.auth-circular-emblem{width:42px;height:42px;margin:0}.auth-station-title{margin-bottom:2px;font-size:21px}.auth-station-location{margin-bottom:6px;font-size:12px}.auth-login-card{padding:16px 22px}.auth-form-body{gap:8px}.auth-diamond-divider.in-card{margin:6px 0}}@media (width<=600px){.luxury-auth-viewport{height:auto;min-height:100vh;overflow-y:auto}.auth-top-nav{padding:12px 14px}.auth-motto-block{display:none}.auth-central-stage{max-width:100%;padding:0 14px 24px}.auth-login-card{border-radius:14px;padding:18px 16px}.auth-station-title{font-size:20px}.auth-utility-row{flex-direction:column;align-items:flex-start;gap:6px}}.site-select-surface{background:radial-gradient(circle at 50% 10%,#faf8f2 0%,#f3eee3 100%);flex-direction:column;min-height:100vh;display:flex}.site-select-topbar{height:var(--topbar-height);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffffd9;justify-content:space-between;align-items:center;padding:0 clamp(20px,5vw,64px);display:flex}.site-select-body{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:1140px;margin:0 auto;padding:48px 24px;display:flex}.site-select-hero{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px;display:flex}.hero-text-block{text-align:left}.hero-eyebrow{letter-spacing:.14em;color:var(--gold-600);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.hero-title{font-family:var(--font-body);letter-spacing:-.025em;color:#1f1d17;margin:0 0 8px;font-size:clamp(28px,3.2vw,38px);font-weight:700;line-height:1.15}.hero-desc{color:#635d50;max-width:600px;margin:0;font-size:15px;line-height:1.5}.hero-date-pill{border:1px solid var(--border-subtle);border-left:3px solid var(--gold-500);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background-color:#fff;flex-direction:column;flex-shrink:0;gap:2px;padding:12px 18px;display:flex}.date-pill-label{letter-spacing:.12em;color:var(--text-muted);font-size:10px;font-weight:800}.date-pill-val{color:var(--text-primary);font-size:15px;font-weight:700}.site-cards-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:36px;display:grid}.station-launch-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;background-color:#fff;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.station-launch-card:hover{border-color:var(--gold-400);transform:translateY(-4px);box-shadow:0 20px 42px #2d26141c}.station-card-ribbon{color:#fff;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.station-code-pill{letter-spacing:.14em;border-radius:var(--radius-full);background-color:#fff3;padding:3px 9px;font-size:11px;font-weight:700}.station-brand-name{letter-spacing:.08em;font-size:12px;font-weight:700}.station-card-main{flex-direction:column;flex:1;padding:28px 26px;display:flex}.station-card-header{align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.station-brand-crest{border-radius:var(--radius-md);background-color:var(--gold-50);border:1px solid var(--gold-200);flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.station-card-title{letter-spacing:-.015em;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.25}.station-card-address{color:var(--gold-600);margin-top:4px;font-size:13.5px;font-weight:500}.station-card-tagline{color:var(--text-muted);margin:12px 0 20px;font-size:13.5px;line-height:1.5}.station-card-metrics-strip{border-radius:var(--radius-md);background-color:#faf7ef;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;padding:14px 16px;display:grid}.metric-cell{flex-direction:column;gap:2px;display:flex}.cell-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.cell-value{color:var(--text-primary);align-items:center;gap:5px;font-size:14px;font-weight:700;display:flex}.text-gold{color:var(--gold-600)!important}.station-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;display:flex}.station-security-note{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.station-open-btn{padding:10px 20px}.system-assurance-banner{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);box-shadow:var(--shadow-sm);background-color:#fff;align-items:center;gap:12px;padding:14px 20px;font-size:13px;line-height:1.5;display:flex}.site-select-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding:20px 24px;font-size:12px}.app-shell-root{flex-direction:row;height:100vh;max-height:100vh;display:flex;overflow:hidden}.navbar-surface{height:var(--topbar-height);border-bottom:1px solid var(--border-subtle);z-index:100;background-color:#fff;justify-content:space-between;align-items:center;padding:0 clamp(16px,3vw,36px);display:flex;position:sticky;top:0;box-shadow:0 2px 10px #2d261408}.navbar-left{align-items:center;gap:28px;display:flex}.brand-crest{align-items:center;gap:12px;display:flex}.brand-crest-icon{background-color:var(--gold-50);border:1px solid var(--gold-200);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.brand-crest-text{flex-direction:column;display:flex}.brand-crest-company{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;font-size:17px;font-weight:700}.brand-crest-tag{letter-spacing:.14em;color:var(--gold-600);text-transform:uppercase;font-size:10px;font-weight:700}.station-active-banner{border-left:1px solid var(--border-subtle);align-items:center;gap:12px;padding-left:20px;display:flex}.station-meta-pill{flex-direction:column;gap:2px;display:flex}.station-code-tag{letter-spacing:.12em;color:#fff;text-align:center;background-color:#3b362a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.station-brand-tag{letter-spacing:.04em;font-size:10px;font-weight:700}.station-title-group{flex-direction:column;display:flex}.station-display-name{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.2}.station-display-location{color:var(--text-muted);font-size:12px}.navbar-right{align-items:center;gap:18px;display:flex}.navbar-alerts{align-items:center;gap:10px;display:flex}.alert-pill{border-radius:var(--radius-full);align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.alert-pill.alert-warning{background-color:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.alert-pill.alert-info{background-color:var(--gold-50);color:var(--gold-700);border:1px solid var(--gold-200)}.station-quick-switch{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background-color:#f6f2e8;padding:4px;display:flex}.station-switch-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:5px 13px;font-size:12px;font-weight:600;transition:all .14s}.station-switch-btn.active{color:var(--gold-700);background-color:#fff;box-shadow:0 2px 5px #00000014}.station-switch-btn.switch-all{color:var(--text-muted)}.station-switch-btn.switch-all:hover{color:var(--text-primary)}.user-profile-strip{border-left:1px solid var(--border-subtle);align-items:center;gap:10px;padding-left:14px;display:flex}.user-avatar{background-color:var(--gold-50);border:1px solid var(--gold-200);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.user-details{flex-direction:column;display:flex}.user-name{font-size:13px;font-weight:700;line-height:1.2}.user-role,.user-role-badge{color:var(--gold-600);letter-spacing:.08em;font-size:10px;font-weight:700}.logout-action-btn{cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:6px;display:grid}.logout-action-btn:hover{background-color:#f7f2e6}.app-workspace-layout{flex-direction:column;flex:1;min-width:0;height:100vh;max-height:100vh;display:flex;overflow:hidden}.sidebar-surface{border-right:1px solid var(--border-subtle);background-color:#fff;flex-direction:column;display:flex;overflow:hidden}.sidebar-scrollable{flex-direction:column;flex:1;gap:20px;display:flex}.sidebar-section{flex-direction:column;gap:4px;display:flex}.sidebar-section-title{letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;padding:0 10px;font-size:10.5px;font-weight:800}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:all .14s;display:flex;position:relative}.sidebar-nav-item:hover{color:var(--text-primary);background-color:#faf7ef}.sidebar-nav-item.active{color:var(--gold-700);background-color:#f4ecda;font-weight:700}.sidebar-nav-item.active:before{content:"";background-color:var(--gold-600);border-radius:4px;width:3.5px;position:absolute;top:6px;bottom:6px;left:0}.nav-item-icon{color:inherit;opacity:.85;place-items:center;display:grid}.nav-item-label{flex:1}.nav-item-badge{color:#fff;border-radius:var(--radius-full);padding:2px 7px;font-size:10px;font-weight:700}.sidebar-footer-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:#fbf9f2;margin-top:16px;padding:12px 14px}.rates-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.rates-strip{flex-direction:column;gap:6px;display:flex}.rate-item{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.rate-fuel{color:var(--text-secondary)}.rate-val{color:var(--gold-700);font-weight:700}.app-workspace-main{background-color:var(--bg-app);scrollbar-width:none;-ms-overflow-style:none;padding:14px 18px;overflow-y:auto}.page-content-wrapper{flex-direction:column;gap:18px;width:100%;max-width:100%;margin:0;display:flex}.page-title-banner{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;padding-bottom:18px;display:flex}.page-eyebrow{letter-spacing:.16em;color:var(--gold-600);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.page-heading{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(26px,3vw,34px);font-weight:600}.page-sub{color:var(--text-muted);margin-top:4px;font-size:14px}.page-actions{align-items:center;gap:10px;display:flex}.dashboard-hero-ribbon{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.hero-status-tag{color:var(--success-text);background-color:var(--success-bg);border-radius:var(--radius-full);align-items:center;gap:7px;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.live-dot{background-color:#27ae60;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot}@keyframes pulseDot{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.hero-station-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.015em;font-size:26px;font-weight:600}.hero-station-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.bullet-sep{color:var(--border-medium)}.hero-actions-cluster{gap:10px;display:flex}.dashboard-alert-ribbon{flex-direction:column;gap:8px;display:flex}.alert-item{border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:12px 18px;font-size:13.5px;display:flex}.alert-item.warning{color:#925406;background-color:#fdf6ea;border:1px solid #f6dbab}.alert-item.info{border:1px solid var(--gold-200);color:#7a5815;background-color:#f8f5ed}.alert-action-btn{color:inherit;border-radius:var(--radius-full);cursor:pointer;background-color:#fff;border:1px solid;padding:4px 12px;font-size:12px;font-weight:700}.executive-kpi-strip{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);divide-x:1px solid var(--border-subtle);background-color:#fff;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.kpi-cell{border-right:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:22px 24px;display:flex}.kpi-cell:last-child{border-right:0}.kpi-cell-top{justify-content:space-between;align-items:center;display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.kpi-icon-wrap{border-radius:var(--radius-sm);place-items:center;width:32px;height:32px;display:grid}.kpi-icon-wrap.gold{background:var(--gold-50);color:var(--gold-600)}.kpi-icon-wrap.green{color:#1b6635;background:#eaf6ed}.kpi-icon-wrap.amber{color:#b45309;background:#fdf5e7}.kpi-icon-wrap.blue{color:#1d4ed8;background:#eff6ff}.kpi-cell-value{letter-spacing:-.02em;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.15}.kpi-cell-sub{color:var(--text-muted);font-size:12.5px}.section-surface{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;padding:24px 26px}.section-surface-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.section-title{color:var(--text-primary);font-size:18px;font-weight:700}.section-subtitle{color:var(--text-muted);margin-top:3px;font-size:13px}.tanks-meter-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tank-gauge-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:#fbf9f4;flex-direction:column;gap:14px;padding:18px 20px;transition:all .18s;display:flex}.tank-gauge-card.low-stock-glow{background-color:#fff9f0;border-color:#f3d4a0;box-shadow:0 0 0 1px #dc82141a}.tank-card-top{justify-content:space-between;align-items:flex-start;display:flex}.tank-number-tag{letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-size:10.5px;font-weight:800;display:block}.tank-fuel-title{color:var(--text-primary);margin-top:2px;font-size:17px;font-weight:700}.tank-progress-track{border-radius:var(--radius-full);background-color:#ebe4d3;width:100%;height:8px;overflow:hidden}.tank-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.tank-progress-fill.fill-good{background:linear-gradient(90deg,#c59b36,#27ae60)}.tank-progress-fill.fill-low{background:linear-gradient(90deg,#e67e22,#c0392b)}.tank-stats-row{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,1fr);gap:8px;padding-top:12px;display:grid}.tank-stat-item{flex-direction:column;gap:1px;display:flex}.stat-label{color:var(--text-muted);font-size:10.5px}.stat-val{font-size:13.5px;font-weight:700}.text-green{color:#1b6635!important}.text-red{color:#a82315!important}.quick-ops-bar{border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);background-color:#fff;align-items:center;gap:16px;padding:10px 18px;display:flex}.quick-ops-label{letter-spacing:.1em;color:var(--gold-600);text-transform:uppercase;border-right:1px solid var(--border-subtle);padding-right:14px;font-size:11px;font-weight:800}.quick-ops-buttons{flex-wrap:wrap;gap:8px;display:flex}.dashboard-grid-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.table-surface{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;overflow:hidden}.table-surface-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.surface-heading{color:var(--text-primary);font-size:17px;font-weight:700}.surface-sub{color:var(--text-muted);margin-top:2px;font-size:12.5px}.table-responsive{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;padding-bottom:2px;overflow-x:auto}.clean-table{border-collapse:collapse;text-align:left;width:100%;min-width:0}.clean-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-subtle);white-space:normal;background-color:#fcfbfa;padding:7px 10px;font-size:10.5px;font-weight:700;line-height:1.25}.clean-table td{color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #f4f0e6;padding:7px 10px;font-size:12px;line-height:1.3}.clean-table tbody tr:last-child td{border-bottom:0}.clean-table tbody tr:hover{background-color:#fbf9f4}.text-right{text-align:right}.nozzles-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.nozzle-status-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background-color:#fcfaf5;padding:16px 18px;transition:all .16s}.nozzle-status-item:hover{border-color:var(--gold-400);background-color:#fff;box-shadow:0 4px 12px #b88d2b1f}.nozzle-badge-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.nozzle-name-tag{align-items:center;gap:8px;font-size:14px;display:flex}.nozzle-reading-details{flex-direction:column;gap:5px;display:flex}.reading-row{justify-content:space-between;font-size:12.5px;display:flex}.r-label{color:var(--text-muted)}.r-val{font-weight:600}.r-val.highlight{color:var(--gold-700);font-weight:700}.mt-3{margin-top:12px}.table-search-bar{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:#fff;padding:8px 16px}.search-input-wrap{align-items:center;gap:10px;display:flex}.search-field{width:100%;color:var(--text-primary);background:0 0;border:0;outline:none;font-size:13.5px}.util-bar-wrap{align-items:center;gap:8px;width:90px;display:flex}.util-bar-fill{border-radius:var(--radius-full);background-color:var(--gold-400);flex:1;height:6px}.util-bar-fill.fill-danger{background-color:var(--danger-text)}.util-text{font-size:11px;font-weight:700}.vehicle-pills-list{flex-wrap:wrap;gap:4px;display:flex}.vehicle-pill{background-color:#f5f0e4;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.table-actions-duo{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;min-width:max-content;display:inline-flex}.clean-table th.col-actions,.clean-table td.col-actions{white-space:nowrap;width:175px;min-width:175px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#1f1d1773;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{border-radius:var(--radius-lg);border:1px solid var(--border-medium);background-color:#fff;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 24px 48px #1f1d172e}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-heading{color:var(--text-primary);font-size:18px;font-weight:700}.modal-sub{color:var(--text-muted);font-size:12px}.modal-form{flex-direction:column;gap:18px;padding:24px;display:flex}.form-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.form-group{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.form-label{color:#2b261f;justify-content:space-between;align-items:center;margin-bottom:2px;font-size:13px;font-weight:600;line-height:1.3;display:flex}.form-label.font-bold{font-weight:700}.form-label.text-red{color:#b91c1c}.form-label.text-gold{color:#926318}.form-input{color:#1a1814;box-sizing:border-box;background-color:#fff;border:1.5px solid #dcd5ca;border-radius:8px;outline:none;width:100%;height:42px;padding:8px 14px;font-family:inherit;font-size:13.5px;transition:all .16s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #00000008}.form-input::placeholder{color:#a8a29e;font-size:13px}.form-input:hover{border-color:#c4b5a2}.form-input:focus{border-color:var(--brand-primary);background-color:#fff;box-shadow:0 0 0 3px #9e1b1b17}.theme-pso .form-input:focus{box-shadow:0 0 0 3px #006a4e1a}select.form-input{appearance:none;cursor:pointer;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='%2357534e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:38px;line-height:1.2}select.form-input option{color:#1a1814;background-color:#fff;padding:8px}textarea.form-input{resize:vertical;height:auto;min-height:76px;padding:10px 14px;line-height:1.45}.form-input-lg{letter-spacing:-.01em;height:48px;font-size:18px;font-weight:700}.input-prefix-wrap{box-sizing:border-box;background-color:#faf7f2;border:1.5px solid #dcd5ca;border-radius:8px;align-items:stretch;width:100%;transition:all .16s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.input-prefix-wrap:focus-within{border-color:var(--brand-primary);background-color:#fff;box-shadow:0 0 0 3px #9e1b1b17}.theme-pso .input-prefix-wrap:focus-within{box-shadow:0 0 0 3px #006a4e1a}.input-prefix{color:#57534e;-webkit-user-select:none;user-select:none;background-color:#f0e9df;border-right:1px solid #dcd5ca;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:flex}.input-prefix-wrap .form-input{height:42px;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.input-prefix-wrap .form-input-lg{height:48px}.time-duo{align-items:center;gap:8px;width:100%;display:flex}.time-duo span{color:#78716c;flex-shrink:0;font-size:12px;font-weight:600}.form-help{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.role-pills-row{gap:8px;width:100%;display:flex}.role-pill-btn{color:#57534e;cursor:pointer;background-color:#faf7f2;border:1.5px solid #dcd5ca;border-radius:8px;flex:1;justify-content:center;align-items:center;height:42px;padding:0 12px;font-size:13px;font-weight:600;transition:all .16s cubic-bezier(.16,1,.3,1);display:flex}.role-pill-btn:hover{background-color:#fff;border-color:#c4b5a2}.role-pill-btn.active{color:#fff;background-color:#320a0a;border-color:#320a0a;box-shadow:0 2px 4px #320a0a26}.theme-pso .role-pill-btn.active{background-color:#0d281a;border-color:#0d281a;box-shadow:0 2px 4px #0d281a26}.calc-preview-card{border:1px solid var(--gold-200);border-radius:var(--radius-md);background-color:#fbf8f0;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.calc-row{justify-content:space-between;font-size:13.5px;display:flex}.calc-row.highlight{color:var(--gold-700);font-weight:700}.calc-row.total-row{border-top:1px solid var(--gold-200);padding-top:10px;font-size:16px;font-weight:800}.modal-actions-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;margin-top:8px;padding-top:20px;display:flex}.read-only-box{box-sizing:border-box;background-color:#f5f0e4;border:1.5px solid #dcd5ca;border-radius:8px;align-items:center;height:42px;padding:8px 14px;font-size:14px;display:flex}.reconcile-banner{border-radius:var(--radius-md);align-items:center;gap:14px;padding:14px 18px;font-size:13px;display:flex}.banner-shortage{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.banner-excess{background-color:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.banner-balanced{background-color:var(--gold-50);border:1px solid var(--gold-200);color:var(--gold-700)}.receipt-modal{max-width:580px}.receipt-paper{font-family:"Courier New", Courier, monospace, var(--font-body);color:#111;background-color:#fff;padding:32px}.receipt-header-branding{text-align:center;margin-bottom:20px}.receipt-station-name{text-transform:uppercase;letter-spacing:.04em;font-size:18px;font-weight:800}.receipt-station-meta{color:#444;margin-top:3px;font-size:12px}.receipt-divider{border-top:1px dashed #777;margin:16px 0}.slip-meta-grid{grid-template-columns:repeat(2,1fr);gap:8px;font-size:12px;display:grid}.slip-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:12px}.slip-table th{text-align:left;border-bottom:1px solid #222;padding:6px 0}.slip-table td{border-bottom:1px dotted #ccc;padding:6px 0}.slip-summary-list{flex-direction:column;gap:6px;font-size:12.5px;display:flex}.slip-row{justify-content:space-between;display:flex}.slip-row.highlight{font-size:14px;font-weight:800}.slip-signatures{text-align:center;justify-content:space-between;margin-top:40px;font-size:12px;display:flex}.sig-line{border-top:1px solid #444;width:140px;margin-bottom:6px}.receipt-footer-branding{text-align:center;color:#666;margin-top:24px;font-size:11px}.report-tab-strip{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:#fff;gap:4px;padding:4px;display:flex}.report-tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex:1;padding:10px 14px;font-size:13px;font-weight:600;transition:all .14s}.report-tab-btn.active{color:var(--gold-700);background-color:#f5eedf}.theme-parco{--bg-app:#fbf8f5;--bg-surface:#fff;--sidebar-bg:#320a0a;--sidebar-border:#4a1212;--sidebar-text:#e6d3d3;--sidebar-section-title:#b58282;--sidebar-hover-bg:#441010;--sidebar-item-active-bg:#eae3d2;--sidebar-item-active-text:#320a0a;--sidebar-item-active-icon:#9e1b1b;--brand-primary:#9e1b1b;--brand-pill-bg:#9e1b1b;--brand-pill-text:#fff;--card-bg:#fff;--card-border:#ebe4d8;--card-shadow:0 3px 12px #2d23140a;--hero-bg:linear-gradient(135deg, #fdf6f5 0%, #fffdf9 100%);--hero-border:#f3e3e0;--icon-bubble-sales-bg:#fdf0ee;--icon-bubble-sales-color:#9e1b1b;--icon-bubble-safe-bg:#fdf0ee;--icon-bubble-safe-color:#9e1b1b;--icon-bubble-credit-bg:#fdf0ee;--icon-bubble-credit-color:#9e1b1b;--icon-bubble-shift-bg:#fdf0ee;--icon-bubble-shift-color:#9e1b1b}.theme-pso{--bg-app:#f4f7f5;--bg-surface:#fff;--sidebar-bg:#0d281a;--sidebar-border:#133824;--sidebar-text:#c2d6cc;--sidebar-section-title:#6d937e;--sidebar-hover-bg:#143825;--sidebar-item-active-bg:#eae3d2;--sidebar-item-active-text:#0d281a;--sidebar-item-active-icon:#0d281a;--brand-primary:#006a4e;--brand-pill-bg:#006a4e;--brand-pill-text:#fff;--card-bg:#fff;--card-border:#e1ece5;--card-shadow:0 3px 12px #0a23140a;--hero-bg:linear-gradient(135deg, #f1f8f4 0%, #fff 100%);--hero-border:#d6ebe0;--icon-bubble-sales-bg:#ebf6ee;--icon-bubble-sales-color:#006a4e;--icon-bubble-safe-bg:#ebf6ee;--icon-bubble-safe-color:#006a4e;--icon-bubble-credit-bg:#fdf6eb;--icon-bubble-credit-color:#b45309;--icon-bubble-shift-bg:#eef3fb;--icon-bubble-shift-color:#1e40af}.app-shell-root{background-color:var(--bg-app);width:100%;height:100vh;max-height:100vh;font-family:var(--font-body);flex-direction:row;display:flex;overflow:hidden}.app-workspace-layout{background-color:var(--bg-app);flex-direction:column;flex:1;min-width:0;height:100vh;max-height:100vh;display:flex;overflow:hidden}.app-workspace-main{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;min-height:0;padding:24px 32px 40px;overflow:hidden auto}.app-workspace-main::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-surface{background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:100;-webkit-user-select:none;user-select:none;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex-shrink:0;justify-content:space-between;width:235px;min-width:235px;height:100vh;max-height:100vh;padding:0;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-surface::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-brand-header{border-bottom:1px solid #0000000a;align-items:center;padding:24px 20px 16px;display:flex}.theme-parco .sidebar-brand-header,.theme-pso .sidebar-brand-header{border-bottom:1px solid #ffffff14}.parco-brand-svg{color:#fff;width:130px;height:38px}.pso-logo-container{align-items:center;gap:10px;display:flex}.pso-emblem-badge{align-items:center;display:flex}.pso-badge-circle{border-radius:50%;width:14px;height:14px;display:inline-block}.pso-badge-circle.green{z-index:2;background-color:#00843d;margin-right:-4px}.pso-badge-circle.blue{z-index:1;background-color:#039}.pso-title-text{color:#fff;letter-spacing:.5px;font-size:20px;font-weight:900;line-height:1}.pso-sub-text{color:#a3c4b2;font-size:10px;font-weight:500;display:block}.sidebar-scrollable{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:16px;padding:12px 14px;display:flex;overflow-y:auto}.sidebar-scrollable::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--sidebar-section-title);padding:4px 10px 6px;font-size:10.5px;font-weight:700;display:block}.sidebar-nav-list{flex-direction:column;gap:3px;display:flex}.sidebar-nav-item{width:100%;color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8.5px 12px;font-size:13px;font-weight:500;transition:all .14s;display:flex}.sidebar-nav-item:hover{background-color:var(--sidebar-hover-bg);color:var(--sidebar-text)}.sidebar-nav-item.active{background-color:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-text);font-weight:600}.sidebar-nav-item.active .nav-item-icon{color:var(--sidebar-item-active-icon)}.nav-item-icon{opacity:.85;place-items:center;display:grid}.nav-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-item-badge{color:#fff;border-radius:9999px;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.2}.sidebar-footer-card{border-top:1px solid var(--sidebar-border);flex-direction:column;gap:12px;padding:14px 16px 18px;display:flex}.sidebar-rates-mini{border:1px solid var(--sidebar-border);background-color:#00000005;border-radius:8px;padding:8px 10px}.theme-pso .sidebar-rates-mini{background-color:#ffffff0d;border-color:#ffffff1a}.rates-mini-header{opacity:.7;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:10.5px;font-weight:600;display:flex}.rates-mini-grid{flex-direction:column;gap:3px;display:flex}.rate-mini-item{justify-content:space-between;align-items:center;font-size:11px;display:flex}.sidebar-footer-area{background:0 0;border-top:1px solid #ffffff17;margin-top:auto;padding:12px 14px 16px}.theme-parco .sidebar-footer-area,.theme-pso .sidebar-footer-area{border-top:1px solid #ffffff1a}.sidebar-logout-btn{color:#fca5a5;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s ease-in-out;display:flex}.sidebar-logout-btn:hover{color:#fff;background:#dc262640;border-color:#ef444480;transform:translateY(-1px);box-shadow:0 4px 14px #dc262640}.sidebar-logout-btn:active{transform:translateY(0)}.sidebar-logout-btn .logout-icon{justify-content:center;align-items:center;transition:transform .2s;display:flex}.sidebar-logout-btn:hover .logout-icon{transform:translate(2px)}.navbar-surface{border-bottom:1px solid var(--card-border);z-index:90;scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:66px;padding:0 32px;display:flex;position:sticky;top:0}.navbar-surface::-webkit-scrollbar{width:0;height:0;display:none}.theme-parco .navbar-surface{background:linear-gradient(135deg,#9e1b1b 0%,#851414 100%);border-bottom:1px solid #751111;box-shadow:0 2px 10px #9e1b1b2e}.theme-parco .navbar-surface .header-station-title{color:#fff}.theme-parco .navbar-surface .header-station-location{color:#ffffffe0}.theme-parco .navbar-surface .header-station-location svg{color:#fff!important}.theme-parco .navbar-surface .station-badge-pill{color:#fff;background-color:#fff3;border:1px solid #ffffff4d}.theme-parco .navbar-surface .header-online-status{color:#fff;background-color:#00000038;border:1px solid #fff3}.theme-parco .navbar-surface .live-status-dot{background-color:#34d399;box-shadow:0 0 8px #34d399b3}.theme-parco .navbar-surface .header-divider{background-color:#ffffff40}.theme-parco .navbar-surface .header-datetime-chip{color:#ffffffe6}.theme-parco .navbar-surface .header-datetime-chip svg{color:#fffc!important}.theme-parco .navbar-surface .header-profile-trigger{background-color:#ffffff26;border-color:#ffffff40}.theme-parco .navbar-surface .header-profile-trigger:hover{background-color:#ffffff40}.theme-parco .navbar-surface .header-user-title{color:#fff}.theme-parco .navbar-surface .header-profile-trigger svg{color:#ffffffd9}.theme-parco .navbar-surface .user-avatar-circle{color:#9e1b1b;background-color:#fff;font-weight:800}.theme-pso .navbar-surface{background:linear-gradient(135deg,#006a4e 0%,#00523d 100%);border-bottom:1px solid #004533;box-shadow:0 2px 10px #006a4e2e}.theme-pso .navbar-surface .header-station-title{color:#fff}.theme-pso .navbar-surface .header-station-location{color:#ffffffe0}.theme-pso .navbar-surface .header-station-location svg{color:#fff!important}.theme-pso .navbar-surface .station-badge-pill{color:#fff;background-color:#fff3;border:1px solid #ffffff4d}.theme-pso .navbar-surface .header-online-status{color:#fff;background-color:#00000038;border:1px solid #fff3}.theme-pso .navbar-surface .live-status-dot{background-color:#34d399;box-shadow:0 0 8px #34d399b3}.theme-pso .navbar-surface .header-divider{background-color:#ffffff40}.theme-pso .navbar-surface .header-datetime-chip{color:#ffffffe6}.theme-pso .navbar-surface .header-datetime-chip svg{color:#fffc!important}.theme-pso .navbar-surface .header-profile-trigger{background-color:#ffffff26;border-color:#ffffff40}.theme-pso .navbar-surface .header-profile-trigger:hover{background-color:#ffffff40}.theme-pso .navbar-surface .header-user-title{color:#fff}.theme-pso .navbar-surface .header-profile-trigger svg{color:#ffffffd9}.theme-pso .navbar-surface .user-avatar-circle{color:#006a4e;background-color:#fff;font-weight:800}.navbar-left-identity{align-items:center;gap:14px;display:flex}.station-badge-pill{letter-spacing:.04em;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.station-badge-pill.badge-parco{color:#fff;background-color:#9e1b1b}.station-badge-pill.badge-pso{color:#fff;background-color:#006a4e}.header-station-info{flex-direction:column;gap:1px;display:flex}.header-station-title{color:#1a1917;letter-spacing:-.01em;font-size:15px;font-weight:700}.header-station-location{color:#736b5e;align-items:center;gap:4px;font-size:12px;display:flex}.navbar-right-cluster{align-items:center;gap:16px;display:flex}.header-online-status{color:#1b6635;background-color:#eaf6ed;border:1px solid #c8e8d1;border-radius:9999px;align-items:center;gap:7px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.live-status-dot{background-color:#2e7d32;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #2e7d3233}.header-divider{background-color:var(--card-border);width:1px;height:22px}.header-datetime-chip{color:#554f43;align-items:center;gap:7px;font-size:12.5px;font-weight:500;display:flex}.header-profile-menu-wrapper{position:relative}.header-profile-trigger{border:1px solid var(--card-border);cursor:pointer;background-color:#faf7f2;border-radius:9999px;align-items:center;gap:9px;padding:4px 8px 4px 4px;transition:all .14s;display:flex}.header-profile-trigger:hover{background-color:#f2ece1}.user-avatar-circle{color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.user-avatar-circle.avatar-parco{background-color:#1a1917}.user-avatar-circle.avatar-pso{background-color:#006a4e}.header-user-meta{text-align:left;flex-direction:column;display:flex}.header-user-title{color:#211e18;font-size:12px;font-weight:600}.header-dropdown-menu{border:1px solid var(--card-border);z-index:200;background-color:#fff;border-radius:10px;flex-direction:column;gap:2px;width:220px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #231e141a}.dropdown-user-header{padding:8px 10px 6px}.dropdown-user-name{color:#1f1d18;font-size:13px;font-weight:700}.dropdown-user-role{color:#8c8374;letter-spacing:.04em;font-size:10px;font-weight:600}.dropdown-divider{background-color:#ede7dc;height:1px;margin:4px 0}.dropdown-section-title{text-transform:uppercase;color:#8c8374;letter-spacing:.05em;padding:4px 10px 2px;font-size:10px;font-weight:700}.dropdown-menu-item{color:#3b352a;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12.5px;transition:background-color .12s;display:flex}.dropdown-menu-item:hover{background-color:#f7f3ec}.dropdown-menu-item.active{background-color:#f0eae0;font-weight:600}.dropdown-menu-item.logout{color:#a82315}.dropdown-menu-item.logout:hover{background-color:#faecea}.item-site-tag{color:#fff;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:800}.item-site-tag.parco{background-color:#9e1b1b}.item-site-tag.pso{background-color:#006a4e}.dashboard-page-container{flex-direction:column;gap:20px;display:flex}.dashboard-hero-card{background:var(--hero-bg);border:1px solid var(--hero-border);box-shadow:var(--card-shadow);border-radius:14px;justify-content:space-between;align-items:center;padding:28px 32px;display:flex;position:relative;overflow:hidden}.hero-left-content{flex-direction:column;gap:4px;max-width:65%;display:flex}.hero-eyebrow-tag{letter-spacing:.12em;color:var(--brand-primary);text-transform:uppercase;font-size:11px;font-weight:700}.hero-station-title{color:#1f1d17;letter-spacing:-.01em;font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:600;line-height:1.2}.hero-location-row{color:#635c4e;align-items:center;gap:6px;margin-top:2px;font-size:13.5px;display:flex}.hero-subtle-divider{background-color:var(--brand-primary);border-radius:2px;width:42px;height:2px;margin-top:10px}.hero-right-content{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.hero-badges-row{align-items:center;gap:8px;display:flex}.hero-site-code{letter-spacing:.05em;color:#554e42;background-color:#0000000a;border-radius:4px;padding:4px 8px;font-size:11.5px;font-weight:700}.hero-brand-pill{letter-spacing:.05em;color:#fff;border-radius:9999px;padding:4px 12px;font-size:11.5px;font-weight:700}.hero-brand-pill.brand-parco{background-color:#9e1b1b}.hero-brand-pill.brand-pso{background-color:#006a4e}.hero-values-motto{letter-spacing:.1em;color:#7a7161;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.motto-sep{opacity:.4}.dashboard-alert-banner{flex-direction:column;gap:8px;display:flex}.dash-alert-pill{border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.dash-alert-pill.warning{color:#8c5208;background-color:#fef8eb;border:1px solid #f6deb3}.dash-alert-pill.info{color:#16568c;background-color:#edf5fc;border:1px solid #cfe2f5}.dash-alert-link{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:12px;font-weight:700;text-decoration:underline}.dashboard-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.summary-card{border:1px solid var(--card-border);box-shadow:var(--card-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:12px;padding:18px 20px;transition:all .18s}.summary-card:hover{border-color:#dfd4c2;transform:translateY(-2px);box-shadow:0 8px 20px #2d231414}.summary-card-inner{gap:14px;display:flex}.summary-icon-box{border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.summary-icon-box.sales{background-color:var(--icon-bubble-sales-bg);color:var(--icon-bubble-sales-color)}.summary-icon-box.safe{background-color:var(--icon-bubble-safe-bg);color:var(--icon-bubble-safe-color)}.summary-icon-box.credit{background-color:var(--icon-bubble-credit-bg);color:var(--icon-bubble-credit-color)}.summary-icon-box.shift{background-color:var(--icon-bubble-shift-bg);color:var(--icon-bubble-shift-color)}.summary-card-content{flex-direction:column;flex:1;min-width:0;display:flex}.summary-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.summary-title{color:#635b4c;font-size:12.5px;font-weight:600}.summary-arrow{color:#9c9281;transition:transform .14s}.summary-card:hover .summary-arrow{color:var(--brand-primary);transform:translate(3px)}.summary-primary-value{color:#1a1813;letter-spacing:-.02em;margin-bottom:6px;font-size:21px;font-weight:800;line-height:1.2}.summary-footer-meta{color:#807664;justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.summary-sub-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.summary-trend-pill{color:#1b6635;background-color:#eaf6ed;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:10.5px;font-weight:700;display:inline-flex}.trend-lbl{opacity:.8;font-weight:500}.dashboard-tanks-section{border:1px solid var(--card-border);box-shadow:var(--card-shadow);background-color:#fff;border-radius:14px;padding:22px 24px 26px}.tanks-section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.tanks-header-left{align-items:center;gap:12px;display:flex}.tanks-header-icon-box{color:#1b6635;background-color:#eaf6ed;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.tanks-section-title{color:#1a1813;margin-bottom:2px;font-size:16px;font-weight:700}.tanks-section-subtitle{color:#736b5d;font-size:12.5px}.btn-view-all-tanks{border:1px solid var(--card-border);color:#3d372c;cursor:pointer;background-color:#fff;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .14s;display:inline-flex}.btn-view-all-tanks:hover{color:#1a1813;background-color:#f7f3eb}.tanks-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tank-item-card{background-color:#faf8f5;border:1px solid #ede5d8;border-radius:10px;flex-direction:column;gap:12px;padding:16px;transition:all .16s;display:flex}.tank-item-card:hover{background-color:#fff;border-color:#dcd0bc}.tank-card-top-row{justify-content:space-between;align-items:center;display:flex}.tank-title-group{align-items:center;gap:10px;display:flex}.tank-icon-bubble{border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.fuel-hsd .tank-icon-bubble{color:#fff;background-color:#1e7e34}.fuel-pmg .tank-icon-bubble{color:#fff;background-color:#9e1b1b}.fuel-octane .tank-icon-bubble{color:#fff;background-color:#b45309}.tank-labels{flex-direction:column;display:flex}.tank-seq-tag{color:#7d7463;font-size:11px;font-weight:600}.tank-product-name{color:#1a1916;font-size:14px;font-weight:700}.tank-status-pill{border-radius:4px;padding:3px 8px;font-size:10.5px;font-weight:700}.tank-status-pill.status-optimal{color:#1b6635;background-color:#eaf6ed}.tank-status-pill.status-normal{color:#1d5f94;background-color:#edf4fb}.tank-status-pill.status-low{color:#a82315;background-color:#fbeeed}.tank-progress-wrapper{margin:2px 0}.tank-progress-track{background-color:#e5ddd0;border-radius:9999px;width:100%;height:6px;overflow:hidden}.tank-progress-bar{border-radius:9999px;height:100%;transition:width .4s}.tank-progress-bar.fuel-hsd{background-color:#1e7e34}.tank-progress-bar.fuel-pmg{background-color:#9e1b1b}.tank-progress-bar.fuel-octane{background-color:#b45309}.tank-stats-2x2{border-top:1px solid #eee6d8;grid-template-columns:repeat(2,1fr);gap:10px 14px;padding-top:10px;display:grid}.tank-metric-item{flex-direction:column;gap:1px;display:flex}.metric-label{color:#7d7463;font-size:11px}.metric-value{color:#1a1813;font-size:13.5px;font-weight:700}.dashboard-quick-actions-bar{border:1px solid var(--card-border);box-shadow:var(--card-shadow);background-color:#fff;border-radius:10px;align-items:center;gap:14px;padding:12px 18px;display:flex}.quick-actions-title{text-transform:uppercase;letter-spacing:.05em;color:#8c8270;font-size:12px;font-weight:700}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{width:100%;margin:0;padding:20px;position:absolute;top:0;left:0}.modal-actions,.navbar-surface,.sidebar-surface,.btn{display:none!important}}@media (width<=1200px){.dashboard-summary-grid{grid-template-columns:repeat(2,1fr)}.tanks-cards-grid{grid-template-columns:1fr}}@media (width<=860px){.sidebar-surface{display:none}.navbar-surface{padding:0 16px}.app-workspace-main{padding:16px}.dashboard-hero-card{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.hero-right-content{align-items:flex-start}.dashboard-summary-grid{grid-template-columns:1fr}}.dashboard-quick-actions-bar{border:1px solid var(--card-border);box-shadow:var(--card-shadow);box-sizing:border-box;background-color:#fff;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.quick-actions-title{text-transform:uppercase;letter-spacing:.05em;color:#8c8270;flex-shrink:0;font-size:11px;font-weight:700}.quick-actions-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-quick-action{border:1px solid var(--card-border);color:#3b352b;cursor:pointer;background-color:#faf7f2;border-radius:9999px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:all .13s;display:inline-flex}.btn-quick-action:hover{color:#1a1813;background-color:#f1ebde}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{width:100%;margin:0;padding:20px;position:absolute;top:0;left:0}.modal-actions,.navbar-surface,.sidebar-surface,.btn{display:none!important}}@media (width<=1280px){.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.header-datetime-chip{display:none}.tanks-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}@media (width<=1100px){.tanks-cards-grid{grid-template-columns:1fr;gap:10px}.sidebar-surface{width:220px;min-width:220px;max-width:220px}.app-workspace-main{padding:14px 18px}}@media (width<=860px){.sidebar-surface{display:none}.navbar-surface{height:56px;padding:0 14px}.app-workspace-main{padding:12px 14px}.dashboard-hero-card{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.hero-left-content{max-width:100%}.hero-right-content{align-items:flex-start}.dashboard-summary-grid{grid-template-columns:1fr;gap:10px}.tanks-cards-grid{grid-template-columns:1fr}}.theme-parco .btn-primary,.theme-parco button.btn-primary,.theme-parco input[type=submit].btn-primary,.theme-parco .btn-save,.theme-parco .settings-save-btn,.theme-parco .btn-save-settings,.theme-parco .station-open-btn,.theme-parco .auth-primary-btn,.theme-parco .btn-primary-brand{color:#fff!important;background:#320a0a!important;border:1.5px solid #320a0a!important;box-shadow:0 4px 12px #320a0a47!important}.theme-parco .btn-primary:hover,.theme-parco button.btn-primary:hover,.theme-parco input[type=submit].btn-primary:hover,.theme-parco .btn-save:hover,.theme-parco .settings-save-btn:hover,.theme-parco .btn-save-settings:hover,.theme-parco .station-open-btn:hover,.theme-parco .auth-primary-btn:hover,.theme-parco .btn-primary-brand:hover{transform:translateY(-1px);color:#fff!important;background:#4d1212!important;border-color:#4d1212!important;box-shadow:0 6px 16px #320a0a61!important}.theme-parco .btn-primary:active,.theme-parco button.btn-primary:active,.theme-parco input[type=submit].btn-primary:active{transform:translateY(1px);background:#240707!important}.theme-pso .btn-primary,.theme-pso button.btn-primary,.theme-pso input[type=submit].btn-primary,.theme-pso .btn-save,.theme-pso .settings-save-btn,.theme-pso .btn-save-settings,.theme-pso .station-open-btn,.theme-pso .auth-primary-btn,.theme-pso .btn-primary-brand{color:#fff!important;background:#0d281a!important;border:1.5px solid #0d281a!important;box-shadow:0 4px 12px #0d281a47!important}.theme-pso .btn-primary:hover,.theme-pso button.btn-primary:hover,.theme-pso input[type=submit].btn-primary:hover,.theme-pso .btn-save:hover,.theme-pso .settings-save-btn:hover,.theme-pso .btn-save-settings:hover,.theme-pso .station-open-btn:hover,.theme-pso .auth-primary-btn:hover,.theme-pso .btn-primary-brand:hover{transform:translateY(-1px);color:#fff!important;background:#18472f!important;border-color:#18472f!important;box-shadow:0 6px 16px #0d281a61!important}.theme-pso .btn-primary:active,.theme-pso button.btn-primary:active,.theme-pso input[type=submit].btn-primary:active{transform:translateY(1px);background:#081a11!important}.theme-parco .btn-outline{color:#320a0a;background-color:#fff;border:1.5px solid #320a0a}.theme-parco .btn-outline:hover{color:#320a0a;background-color:#fdf5f5;border-color:#320a0a}.theme-pso .btn-outline{color:#0d281a;background-color:#fff;border:1.5px solid #0d281a}.theme-pso .btn-outline:hover{color:#0d281a;background-color:#f1f7f3;border-color:#0d281a}.settings-view-root{flex-direction:column;gap:22px;max-width:1240px;margin:0 auto;padding-bottom:36px;display:flex}.settings-header-banner{border-bottom:1px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.settings-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#8c8270;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:800;display:inline-flex}.settings-title{font-family:var(--font-serif);color:#1a1814;letter-spacing:-.02em;margin:0;font-size:clamp(24px,2.5vw,30px);font-weight:700}.settings-subtitle{color:#736b5e;margin-top:4px;font-size:13.5px;line-height:1.5}.settings-site-badge-box{border:1px solid var(--card-border);background-color:#fff;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;display:flex;box-shadow:0 2px 8px #00000008}.settings-site-pill{letter-spacing:.04em;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800}.theme-parco .settings-site-pill{color:#fff;background-color:#320a0a}.theme-pso .settings-site-pill{color:#fff;background-color:#0d281a}.settings-surface-card{border:1px solid var(--card-border);box-shadow:var(--card-shadow);background-color:#fff;border-radius:12px;overflow:hidden}.settings-card-header{border-bottom:1px solid var(--card-border);background-color:#faf8f5;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.settings-card-header-left{align-items:center;gap:12px;display:flex}.settings-card-icon-bubble{color:#3b352b;background-color:#f1ebde;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.settings-card-title{color:#1a1814;margin:0;font-size:15px;font-weight:700}.settings-card-desc{color:#736b5e;margin-top:2px;font-size:12px}.settings-card-body{padding:22px}.settings-rates-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.fuel-rate-panel{border:1.5px solid var(--card-border);background-color:#fff;border-radius:10px;flex-direction:column;gap:14px;padding:18px;transition:all .16s;display:flex;position:relative}.fuel-rate-panel:focus-within,.fuel-rate-panel:hover{border-color:#c9bea9;box-shadow:0 4px 14px #0000000d}.fuel-rate-badge-row{justify-content:space-between;align-items:center;display:flex}.fuel-name-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.fuel-name-badge.super{color:#c2410c;background-color:#fff7ed;border:1px solid #ffedd5}.fuel-name-badge.diesel{color:#15803d;background-color:#f0fdf4;border:1px solid #dcfce7}.fuel-name-badge.octane{color:#b91c1c;background-color:#fef2f2;border:1px solid #fee2e2}.fuel-rate-category{color:#8c8270;font-size:11.5px}.fuel-rate-input-container{background-color:#faf7f2;border:1.5px solid #dcd5ca;border-radius:8px;align-items:stretch;transition:all .15s;display:flex;overflow:hidden}.fuel-rate-input-container:focus-within{border-color:var(--brand-primary);background-color:#fff;box-shadow:0 0 0 3px #9e1b1b14}.fuel-rate-currency-tag{color:#57534e;-webkit-user-select:none;user-select:none;background-color:#f0e9df;border-right:1px solid #dcd5ca;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.fuel-rate-number-field{color:#1c1917;background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;padding:10px 14px;font-family:inherit;font-size:20px;font-weight:800}.fuel-rate-unit-tag{color:#78716c;-webkit-user-select:none;user-select:none;background:0 0;align-items:center;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.fuel-rate-panel-footer{color:#8c8270;border-top:1px dashed #e8e0d5;justify-content:space-between;align-items:center;padding-top:10px;font-size:11.5px;display:flex}.branding-split-layout{grid-template-columns:1.15fr .85fr;gap:26px;display:grid}.branding-inputs-col{flex-direction:column;gap:16px;display:flex}.form-field-group{flex-direction:column;gap:6px;display:flex}.form-field-label{color:#2d261e;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.form-field-label span.label-hint{color:#8c8270;font-size:11px;font-weight:400}.form-field-input{color:#1a1814;box-sizing:border-box;background-color:#fff;border:1.5px solid #dcd5ca;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:all .15s}.form-field-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #9e1b1b14}.form-field-textarea{color:#1a1814;resize:vertical;box-sizing:border-box;background-color:#fff;border:1.5px solid #dcd5ca;border-radius:8px;outline:none;width:100%;min-height:76px;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.45;transition:all .15s}.form-field-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #9e1b1b14}.receipt-preview-wrap{background-color:#f7f4ee;border:1.5px dashed #cfc5b4;border-radius:10px;flex-direction:column;gap:12px;padding:18px;display:flex}.receipt-preview-banner{letter-spacing:.08em;text-transform:uppercase;color:#6e6454;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.thermal-paper-card{color:#1c1917;background-color:#fff;border-top:3px dashed #d1c7bc;border-bottom:3px dashed #d1c7bc;border-radius:4px;padding:22px 18px;font-family:Courier New,Courier,monospace;font-size:11.5px;line-height:1.45;box-shadow:0 4px 18px #00000014}.thermal-header-center{text-align:center;white-space:pre-line;margin-bottom:6px;font-size:12px;font-weight:700}.thermal-contact-center{text-align:center;color:#57534e;margin-bottom:8px;font-size:10.5px}.thermal-dashed-sep{border-top:1px dashed #999;margin:8px 0}.thermal-flex-row{justify-content:space-between;font-size:11px;display:flex}.thermal-flex-row.bold-row{margin-top:3px;font-size:12px;font-weight:700}.thermal-footer-center{text-align:center;white-space:pre-line;color:#444;margin-top:8px;font-size:11px}.thermal-barcode-sim{text-align:center;letter-spacing:3px;color:#333;margin-top:10px;font-size:14px;font-weight:900}.safety-thresholds-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.threshold-control-card{flex-direction:column;gap:14px;display:flex}.threshold-slider-group{align-items:center;gap:16px;display:flex}.threshold-slider-field{cursor:pointer;height:6px;accent-color:var(--brand-primary);background-color:#e5dec3;border-radius:4px;outline:none;flex:1}.threshold-pct-pill{color:#1c1917;text-align:center;background-color:#faf7f2;border:1.5px solid #dcd5ca;border-radius:8px;min-width:60px;padding:6px 14px;font-size:14px;font-weight:800}.threshold-hint-box{color:#7b5815;background-color:#fbf8f2;border:1px solid #ebdcb9;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.45}.infra-summary-card{background-color:#faf8f5;border:1px solid #eae3d6;border-radius:10px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.infra-header-title{text-transform:uppercase;letter-spacing:.06em;color:#8c8270;font-size:12px;font-weight:700}.infra-badge-item{background-color:#fff;border:1px solid #e8e0d5;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12.5px;display:flex}.infra-item-name{color:#2d261e;font-weight:600}.infra-item-val{color:#78716c;font-weight:700}.settings-bottom-actions{border:1px solid var(--card-border);box-shadow:var(--card-shadow);background-color:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 24px;display:flex}.settings-security-assurance{color:#78716c;align-items:center;gap:8px;font-size:12.5px;display:flex}.settings-buttons-cluster{align-items:center;gap:12px;display:flex}@media (width<=1024px){.settings-rates-grid,.branding-split-layout,.safety-thresholds-grid{grid-template-columns:1fr}}.receipt-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172aa6}.receipt-modal-container{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:14px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 45px #00000040;width:95%!important;max-width:780px!important;padding:0!important}.receipt-screen-actions{background:#fff;border-bottom:1px solid #e2e8f0;border-top-left-radius:14px;border-top-right-radius:14px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.receipt-header-top{justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex}.receipt-header-top .modal-title-wrap{flex:1;min-width:0}.receipt-header-top .modal-heading{color:#0f172a;margin:0 0 3px;font-size:17px;font-weight:800;line-height:1.3}.receipt-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.receipt-close-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.receipt-header-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.btn-parco-print{cursor:pointer;background:linear-gradient(135deg,#9e1b1b 0%,#7f1212 100%);border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #9e1b1b59;color:#fff!important;border:1px solid #6c0a0a!important}.btn-parco-print:hover{background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);transform:translateY(-1px);box-shadow:0 5px 15px #9e1b1b73}.btn-pso-print{cursor:pointer;background:linear-gradient(135deg,#006a4e 0%,#004d38 100%);border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #006a4e59;color:#fff!important;border:1px solid #003a2a!important}.btn-pso-print:hover{background:linear-gradient(135deg,#058461 0%,#006a4e 100%);transform:translateY(-1px);box-shadow:0 5px 15px #006a4e73}.receipt-paper{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;max-width:720px;margin:18px auto 26px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;overflow:hidden;box-shadow:0 4px 20px #00000014}.receipt-brand-banner{color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.theme-receipt-parco .receipt-brand-banner{background:linear-gradient(135deg,#9e1b1b 0%,#6f0e0e 100%);border-bottom:3.5px solid #e52d27}.parco-receipt-badge{background:#fff;border-radius:6px;flex-direction:column;align-items:center;padding:6px 14px;display:inline-flex;box-shadow:0 3px 8px #0003}.parco-badge-logo{letter-spacing:.04em;color:#9e1b1b;font-size:15px;font-weight:900;line-height:1.1}.parco-badge-sub{letter-spacing:.06em;color:#475569;text-transform:uppercase;font-size:8.5px;font-weight:700}.theme-receipt-pso .receipt-brand-banner{background:linear-gradient(135deg,#006a4e 0%,#004230 100%);border-bottom:3.5px solid #10b981}.pso-receipt-badge{background:#fff;border-radius:6px;align-items:center;gap:10px;padding:6px 14px;display:inline-flex;box-shadow:0 3px 8px #0003}.pso-badge-emblem{color:#fff;letter-spacing:.05em;background:#006a4e;border-radius:4px;padding:2px 7px;font-size:14px;font-weight:900}.pso-badge-text{flex-direction:column;display:flex}.pso-primary-label{color:#006a4e;font-size:11px;font-weight:800;line-height:1.2}.pso-secondary-label{color:#475569;font-size:8.5px;font-weight:600}.receipt-station-meta-col{text-align:right}.receipt-station-name{color:#fff;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800;line-height:1.25}.receipt-station-address{color:#ffffffe0;margin:3px 0 0;font-size:11.5px}.receipt-station-tags{color:#ffffffeb;justify-content:flex-end;align-items:center;gap:8px;margin-top:5px;font-size:10.5px;display:flex}.receipt-tag-sep{opacity:.5}.receipt-doc-stripe{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.theme-receipt-parco .receipt-doc-stripe{background:#fef2f2;border-left:5px solid #9e1b1b}.theme-receipt-pso .receipt-doc-stripe{background:#f0fdf4;border-left:5px solid #006a4e}.receipt-doc-title-block{flex-direction:column;gap:3px;display:flex}.receipt-doc-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:4px;width:fit-content;padding:2px 7px;font-size:9px;font-weight:800}.theme-receipt-parco .receipt-doc-badge{color:#fff;background-color:#9e1b1b}.theme-receipt-pso .receipt-doc-badge{color:#fff;background-color:#006a4e}.receipt-doc-heading{color:#0f172a;margin:0;font-size:15px;font-weight:800}.receipt-doc-meta-block{text-align:right;color:#475569;font-size:11px;line-height:1.45}.receipt-content-body{padding:20px 24px}.slip-table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:12px}.theme-receipt-parco .slip-table th{color:#9e1b1b;text-transform:uppercase;letter-spacing:.04em;text-align:left;background-color:#fff1f2;border-top:1px solid #fecdd3;border-bottom:2px solid #9e1b1b;padding:10px 12px;font-size:10.5px;font-weight:800}.theme-receipt-pso .slip-table th{color:#006a4e;text-transform:uppercase;letter-spacing:.04em;text-align:left;background-color:#f0fdf4;border-top:1px solid #bbf7d0;border-bottom:2px solid #006a4e;padding:10px 12px;font-size:10.5px;font-weight:800}.slip-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:9px 12px;font-size:12px}.slip-table tbody tr:nth-child(2n){background-color:#f8fafc}.slip-table tbody tr:hover{background-color:#f1f5f9}.slip-meta-grid{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px;padding:12px 16px;font-size:11.5px;display:grid}.slip-summary-list{flex-direction:column;gap:8px;display:flex}.slip-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:12.5px;display:flex}.theme-receipt-parco .slip-row.highlight{color:#9e1b1b;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1.5px solid #fca5a5;border-radius:8px;margin-top:6px;padding:10px 16px;font-size:14px;font-weight:800}.theme-receipt-pso .slip-row.highlight{color:#006a4e;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #86efac;border-radius:8px;margin-top:6px;padding:10px 16px;font-size:14px;font-weight:800}.receipt-divider{background:#e2e8f0;height:1px;margin:14px 0}.receipt-auth-section{background:#fafafa;border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:flex-end;gap:20px;padding:16px 24px 20px;display:flex}.receipt-qr-sim{align-items:center;gap:12px;display:flex}.qr-symbol-box{letter-spacing:.06em;background:#fff;border:2px solid #0f172a;border-radius:6px;place-items:center;width:48px;height:48px;font-size:8.5px;font-weight:900;display:grid}.theme-receipt-parco .qr-symbol-box{color:#9e1b1b;border-color:#9e1b1b}.theme-receipt-pso .qr-symbol-box{color:#006a4e;border-color:#006a4e}.qr-symbol-text{flex-direction:column;display:flex}.qr-title{color:#0f172a;font-size:10.5px;font-weight:800}.qr-sub{color:#64748b;font-size:9.5px}.qr-hash{letter-spacing:.05em;margin-top:2px;font-family:monospace;font-size:9px;font-weight:700}.theme-receipt-parco .qr-hash{color:#b91c1c}.theme-receipt-pso .qr-hash{color:#059669}.signature-stamp-box{flex-direction:column;align-items:center;width:220px;display:flex}.signature-dots-line{border-top:1.5px dotted #64748b;width:100%;height:1px;margin-bottom:6px}.signature-title{color:#475569;text-align:center;text-transform:uppercase;letter-spacing:.03em;font-size:9.5px;font-weight:700}.receipt-footer-branding{text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0;padding:14px 24px}.receipt-tagline{letter-spacing:.06em;margin:0 0 4px;font-size:10px;font-weight:800}.theme-receipt-parco .receipt-tagline{color:#9e1b1b}.theme-receipt-pso .receipt-tagline{color:#006a4e}.receipt-disclaimer{color:#64748b;margin:0;font-size:9px;line-height:1.35}.receipt-format-selector{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:3px;padding:3px;display:inline-flex}.format-toggle-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 13px;font-size:11.5px;font-weight:700;transition:all .18s}.format-toggle-btn:hover{color:#0f172a;background:#fff9}.format-toggle-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #0000001a}.theme-receipt-parco .format-toggle-btn.active{color:#9e1b1b}.theme-receipt-pso .format-toggle-btn.active{color:#006a4e}.modal-container.modal-mode-thermal{max-width:680px!important}.receipt-paper.receipt-thermal-80mm{color:#0f172a;background:#fff;border:1px dashed #cbd5e1;border-radius:4px;width:100%;max-width:320px;margin:16px auto 24px;padding:16px 14px 20px;font-family:Consolas,Courier New,Courier,monospace;font-size:11px;line-height:1.35;box-shadow:0 4px 18px #00000017}.thermal-receipt-wrap{width:100%}.thermal-header{text-align:center;margin-bottom:8px}.thermal-brand-badge{letter-spacing:.08em;margin-bottom:4px;font-size:12px;font-weight:900}.thermal-brand-badge.parco{color:#9e1b1b}.thermal-brand-badge.pso{color:#006a4e}.thermal-station-title{color:#000;font-size:12.5px;font-weight:900;line-height:1.25}.thermal-meta-text{color:#334155;margin-top:2px;font-size:9.5px}.thermal-dash-line{color:#64748b;letter-spacing:-.02em;white-space:nowrap;margin:6px 0;font-size:10px;overflow:hidden}.thermal-doc-type{letter-spacing:.04em;color:#000;margin:4px 0 2px;font-size:11.5px;font-weight:900}.thermal-doc-ref{color:#475569;font-size:9.5px}.receipt-thermal-80mm .slip-table{margin:6px 0;font-size:10px}.receipt-thermal-80mm .slip-table th{padding:4px 5px;font-size:9px;font-weight:900}.receipt-thermal-80mm .slip-table td{padding:4px 5px;font-size:9.5px;line-height:1.25}.receipt-thermal-80mm .slip-row{padding:2px 0;font-size:10.5px}.receipt-thermal-80mm .slip-row.highlight{margin-top:4px;padding:6px 8px;font-size:11.5px}.receipt-thermal-80mm .slip-meta-grid{grid-template-columns:1fr;gap:4px;padding:6px 8px;font-size:10px}.thermal-footer{text-align:center;margin-top:8px}.thermal-barcode-sim{margin:6px 0}.thermal-barcode-bars{letter-spacing:.15em;font-family:monospace;font-size:16px;font-weight:900;line-height:1}.thermal-barcode-text{letter-spacing:.12em;color:#475569;margin-top:2px;font-size:8.5px}.thermal-auth-note{color:#475569;margin-top:6px;font-size:8.5px;line-height:1.4}.thermal-tear-edge{border-bottom:2px dashed #94a3b8;margin-top:10px}.customer-statement-card{border:1px solid var(--card-border);background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 16px #0000000f}.statement-client-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.statement-client-title{color:#0f172a;font-size:19px;font-weight:800}.statement-client-sub{color:#64748b;margin-top:3px;font-size:12.5px}.statement-kpi-badge-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.statement-kpi-chip{text-align:right;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px}.statement-kpi-chip.highlight-parco{color:#9e1b1b;background:#fef2f2;border-color:#fecaca}.statement-kpi-chip.highlight-pso{color:#006a4e;background:#f0fdf4;border-color:#bbf7d0}.statement-kpi-label{text-transform:uppercase;color:#64748b;font-size:10.5px;font-weight:700;display:block}.statement-kpi-val{font-size:16px;font-weight:800}.ledger-table-wrap{border:1px solid #e2e8f0;border-radius:8px;max-height:380px;margin-bottom:16px;overflow-y:auto}.statement-summary-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:18px;padding:12px 18px;font-size:12.5px;display:flex}@media print{body{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important}.no-print,.receipt-screen-actions,.modal-backdrop,.sidebar-surface,.navbar-surface{display:none!important}.modal-container.receipt-modal-container{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}.receipt-paper{box-shadow:none!important;border:1px solid #94a3b8!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin:0 auto!important}.receipt-brand-banner,.slip-table th,.slip-row.highlight,.receipt-doc-stripe{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body.print-thermal-active{width:80mm!important}body.print-thermal-active .receipt-paper.receipt-thermal-80mm{border:none!important;width:80mm!important;max-width:80mm!important;margin:0!important;padding:2mm 3mm!important}@page{size:auto;margin:4mm}}.module-guide-card{background-color:#fff;border:1px solid #96793838;border-left:4px solid #967938;border-radius:10px;margin-bottom:16px;transition:all .2s ease-in-out;overflow:hidden;box-shadow:0 2px 8px #00000008}.module-guide-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#fdfcfb 100%);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.module-guide-header:hover{background-color:#faf7f2}.guide-header-left{align-items:center;gap:12px;display:flex}.guide-icon-pill{background-color:#f7f3ec;border:1px solid #96793840;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.guide-title-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.guide-title{color:#1a1814;font-size:14.5px;font-weight:700}.guide-urdu-title{color:#686256;direction:rtl;font-family:system-ui,-apple-system,sans-serif;font-size:13px}.guide-role-badge{color:#fff;letter-spacing:.02em;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.guide-purpose-preview{color:#686256;margin:3px 0 0;font-size:12.5px;line-height:1.35}.guide-toggle-btn{color:#555046;cursor:pointer;background-color:#fff;border:1px solid #d9d2c5;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.guide-toggle-btn:hover{color:#1a1814;background-color:#f5f0e6;border-color:#967938}.guide-chevron{transition:transform .2s;display:inline-flex}.rotate-180{transform:rotate(180deg)}.module-guide-body{background-color:#faf8f5;border-top:1px solid #96793824;padding:14px 18px 16px}.guide-steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.guide-step-item{background-color:#fff;border:1px solid #e8e3d8;border-radius:8px;gap:10px;padding:10px 12px;display:flex;box-shadow:0 1px 3px #00000005}.guide-step-number{color:#fff;background-color:#967938;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11.5px;font-weight:700;display:flex}.guide-step-content{flex:1}.step-title{color:#1a1814;font-size:13px;font-weight:700;display:block}.step-urdu{color:#786c5e;direction:rtl;margin-top:1px;font-size:11.5px;display:block}.step-detail{color:#4a453e;margin:3px 0 0;font-size:12px;line-height:1.35}.guide-critical-box{background-color:#fefce8;border:1px solid #fef08a;border-radius:8px;margin-top:12px;padding:10px 14px}.critical-header{color:#854d0e;align-items:center;gap:6px;margin-bottom:6px;font-size:12.5px;display:flex}.critical-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.critical-list li{color:#713f12;align-items:flex-start;gap:6px;font-size:12px;line-height:1.3;display:flex}.critical-list li svg{flex-shrink:0;margin-top:2px}.modal-container.compact-zero-scroll{padding:0;max-width:640px!important;max-height:calc(100vh - 20px)!important;overflow:visible!important}.modal-form-compact{flex-direction:column;display:flex;gap:12px!important;padding:16px 20px 18px!important}.modal-form-compact .form-grid-2{gap:12px!important}.modal-form-compact .form-group{margin-bottom:0!important}.modal-form-compact .form-label{font-weight:600;margin-bottom:3px!important;font-size:12px!important}.modal-form-compact .form-input,.modal-form-compact .form-select{height:38px!important;padding:6px 12px!important;font-size:13.5px!important}.modal-form-compact .form-help{color:#78716c;margin-top:2px!important;font-size:11px!important}.calc-preview-inline-strip{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;padding:8px 12px;display:flex}.calc-pill-item{flex-direction:column;display:flex}.calc-pill-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11px}.calc-pill-val{color:#0f172a;font-size:14px;font-weight:700}.calc-pill-val.text-green{color:#15803d}.calc-pill-val.text-gold{color:#967938}.calc-pill-val.text-red{color:#b91c1c}.owner-month-filter-cluster{background:#fff;border:1.5px solid #96793859;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;display:inline-flex;box-shadow:0 1px 4px #0000000a}.owner-month-label{color:#967938;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.owner-month-dropdown{color:#1e293b;cursor:pointer;appearance:auto;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 30px 6px 12px;font-size:13.5px;font-weight:700;transition:all .15s}.owner-month-dropdown:hover,.owner-month-dropdown:focus{background-color:#fff;border-color:#967938;box-shadow:0 0 0 3px #96793826}
