@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";.confirm-modal{min-height:285px}.sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#41637a transparent}@keyframes button-spin{to{transform:rotate(360deg)}}.button-spinner{flex:none;animation:button-spin .8s linear infinite}.primary .button-spinner,.wide .button-spinner{margin-right:8px;vertical-align:-3px}button{cursor:pointer;border:0;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0) scale(.97)}button:focus-visible{outline:3px solid #f1b547;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.6}.pump-strip img{max-width:76px;height:25px;object-fit:contain;border-radius:4px}:root{font-family:Manrope,sans-serif;color:#172b3a;background:#f3f6f5;font-synthesis:none;--ink: #172b3a;--muted: #73828a;--line: #dce5e3;--blue: #1464f4;--navy: #102a43;--mint: #d9f3e8;--cream: #fbfaf5}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;background:#f3f6f5}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:248px;background:var(--navy);color:#dbe8ec;padding:25px 16px 17px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:0 10px 30px}.side-brand strong{display:block;color:#fff;font-size:18px;letter-spacing:-.5px}.side-brand span{display:block;color:#91a8b1;font-size:10px;margin-top:2px}.logo-tile{width:38px;height:38px;border-radius:10px;background:#f1b547;color:#102a43;display:grid;place-items:center}.side-label,.eyebrow{font:500 10px DM Mono,monospace;letter-spacing:1.1px;color:#8aa1a9}.side-label{padding:0 12px 11px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{height:43px;background:transparent;color:#a9bdc3;border-radius:8px;text-align:left;padding:0 12px;display:flex;align-items:center;gap:12px;font-size:13px}.sidebar nav button.active,.sidebar nav button:hover{background:#194b71;color:#fff}.nav-arrow{margin-left:auto}.side-footer{margin-top:auto}.network-status{display:flex;align-items:center;gap:10px;border-top:1px solid #27445b;border-bottom:1px solid #27445b;padding:16px 10px;margin-bottom:15px}.network-status strong,.network-status small,.side-user strong,.side-user small{display:block}.network-status strong{font-size:12px;color:#e8f3f2}.network-status small,.side-user small{font-size:10px;color:#8ba4ad;margin-top:3px}.pulse{width:8px;height:8px;background:#4dce98;border-radius:50%;box-shadow:0 0 0 4px #284d5a;display:inline-block}.side-user{display:flex;align-items:center;gap:9px;padding:0 7px}.side-user .icon-button{margin-left:auto;color:#8da6ad}.main{margin-left:248px;min-height:100vh}.topbar{height:94px;border-bottom:1px solid var(--line);background:#f8faf9;display:flex;align-items:center;padding:0 42px;gap:20px}.topbar h1{font-size:21px;line-height:1.2;margin:7px 0 0;letter-spacing:-.7px}.breadcrumb{display:flex;align-items:center;color:#8a999d;font-size:11px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.date-chip{font:500 10px DM Mono,monospace;color:#76858b;letter-spacing:.3px}.avatar{background:#f1b547;color:#2d3540;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.avatar.small{width:28px;height:28px;font-size:9px}.icon-button{width:34px;height:34px;background:transparent;color:#58717b;display:grid;place-items:center;border-radius:8px}.icon-button:hover{background:#e7efed}.notification{position:relative}.notification i{position:absolute;width:6px;height:6px;border:2px solid #f8faf9;background:#e85e54;border-radius:50%;top:7px;right:7px}.menu-button,.mobile-close{display:none}.page-body{padding:36px 42px 50px;max-width:1500px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.welcome-row h2{font-size:28px;letter-spacing:-1.1px;margin:8px 0 5px}.muted{color:var(--muted);font-size:13px;margin:0}.primary{background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:11px 16px;font-size:12px;font-weight:700;box-shadow:0 5px 12px #1464f425}.primary:hover{background:#0e52d1}.wide{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;align-items:flex-start;gap:13px;position:relative;min-height:128px}.stat-card span{display:block;color:#819096;font-size:11px}.stat-card strong{display:block;font-size:25px;letter-spacing:-1px;margin:6px 0 2px}.stat-card small{color:#4caa83;font-size:10px}.stat-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px}.stat-icon.blue{color:#1464f4;background:#e4edff}.stat-icon.amber{color:#bc7b13;background:#fff0cc}.stat-icon.green{color:#248d68;background:#dcf5e9}.stat-icon.coral{color:#d55d52;background:#ffebe7}.stat-arrow{margin-left:auto;color:#b9c7c9}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.8fr);gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.section-head h2{font-size:17px;margin:5px 0 0;letter-spacing:-.5px}.text-button{display:flex;align-items:center;gap:5px;color:var(--blue);background:transparent;font-size:11px;font-weight:700}.filter-tabs{display:flex;gap:4px;border-bottom:1px solid #edf2f0;margin:-4px 0 16px}.filter-tabs button{background:transparent;color:#89979d;padding:8px 10px;font-size:11px}.filter-tabs button.selected{color:var(--ink);border-bottom:2px solid var(--blue)}.filter-tabs b{font-size:10px;background:#edf2f0;border-radius:10px;padding:2px 5px;margin-left:3px}.pump-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pump-card{border:1px solid var(--line);border-radius:8px;overflow:hidden}.pump-strip{height:33px;color:#fff;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700}.status{font-size:10px;text-transform:capitalize;display:flex;align-items:center;gap:5px}.status i{width:6px;height:6px;background:#f8bab5;border-radius:50%}.status i.online{background:#bcf0d5}.pump-content{padding:14px}.pump-content h3,.record-card h3{font-size:13px;margin:0 0 3px}.pump-content p,.record-card p{font-size:10px;color:#849297;margin:0}.pump-meta{display:flex;align-items:center;gap:6px;margin:15px 0 13px;color:#718289;font-size:10px}.pump-meta>span:first-child{display:flex;align-items:center;gap:4px;margin-right:auto}.fuel-dot{padding:4px 6px;border-radius:4px;font-size:9px;font-weight:800}.pmg{background:#fff0c5;color:#a56a06}.hsd{background:#d9f4ed;color:#167967}.card-actions{display:flex;gap:6px}.subtle-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#f0f4f3;color:#62737a;border-radius:5px;padding:7px 9px;font-size:10px;font-weight:700}.danger-button{color:#d15b55;width:30px;padding:0}.stock-ring-row{display:flex;justify-content:space-around;margin:7px 0 22px}.stock-ring{text-align:center}.ring{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#f2bd4b var(--value),#eef2ef 0)}.ring.teal{background:conic-gradient(#45bda9 var(--value),#eef2ef 0)}.ring:before{content:"";position:absolute;background:#fff;width:76px;height:76px;border-radius:50%}.ring div{z-index:1}.ring strong{font-size:18px;display:block}.ring small{font-size:9px;color:#93a0a2}.stock-ring>span,.stock-ring>b{display:block;font-size:11px}.stock-ring>span{color:#74838a;margin-top:10px}.stock-ring>b{font-size:12px;margin-top:4px}.stock-summary{border-top:1px solid #e9efec;padding-top:15px;display:flex;justify-content:space-around;color:#87949a;font-size:11px}.stock-summary b{display:block;color:var(--ink);font-size:17px;text-align:center;margin-bottom:3px}.actions-panel{margin-top:20px}.quick-actions{display:grid;gap:8px}.quick-actions button{height:41px;text-align:left;padding:0 12px;background:#f5f8f7;color:#50636a;border-radius:6px;display:flex;align-items:center;gap:10px;font-size:11px}.quick-actions button svg:last-child{margin-left:auto;color:#9eafb2}.lower-grid{margin-top:20px}.transaction-panel{min-width:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font:500 9px DM Mono,monospace;color:#8b999c;letter-spacing:.6px;text-transform:uppercase;padding:8px 9px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:12px 9px;border-bottom:1px solid #edf1ef;color:#52656c}tr:last-child td{border:0}.type-badge{border-radius:4px;padding:4px 7px;font-size:9px;font-weight:700}.type-badge.sale{background:#dff5e8;color:#248463}.type-badge.purchase{background:#e2edff;color:#2462bc}.type-badge.expense{background:#ffebe9;color:#cb5b56}.type-badge.credit{background:#f0e6ff;color:#8050ad}.summary-lines>div{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:14px 0;border-bottom:1px solid #edf1ef;font-size:11px}.summary-lines span{color:#64767d}.summary-lines strong{text-align:center;font-size:11px}.summary-lines b{text-align:right;font-size:11px}.legend{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.legend.pmg{background:#f2bd4b}.legend.hsd{background:#45bda9}.summary-lines .summary-total{border:0;background:#f5f8f7;margin:12px -10px -5px;padding:12px 10px;font-weight:800}.summary-total span{color:var(--ink);font-weight:800}.manager-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.record-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:8px;padding:15px}.record-icon{width:35px;height:35px;border-radius:8px;background:#e6f0ff;color:var(--blue);display:grid;place-items:center}.record-main{min-width:0}.record-main p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.record-main strong{font-size:10px;display:block;margin-top:7px;color:#597079}.record-actions{margin-left:auto;display:flex}.danger-icon{color:#d15b55}.empty{text-align:center;padding:60px 15px;color:#88979a;font-size:13px}.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.price-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;min-height:240px}.price-card.pmg{background:#fffcf3}.price-card.hsd{background:#f2fbf9}.price-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:35px}.fuel-symbol{width:42px;height:42px;border-radius:10px;background:#fff0c9;display:grid;place-items:center;color:#bc7b13}.hsd .fuel-symbol{background:#d9f4ed;color:#167967}.price-top span{text-align:right;font:500 9px DM Mono,monospace;color:#8d9998;line-height:1.5}.price-card h2{font-size:32px;letter-spacing:-1.4px;margin:9px 0 22px}.user-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.user-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf1ef;padding:12px 0}.user-row>div:nth-child(2){flex:1}.user-row strong,.user-row span{display:block}.user-row strong{font-size:12px}.user-row span{color:#8a999d;font-size:10px;margin-top:3px}.role-badge{font-size:9px;color:#2a8568;background:#dcf5e9;padding:5px 7px;border-radius:4px}.add-user{height:max-content}.add-user label,.modal label{margin-top:13px}.add-user .primary{margin-top:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102a4399;z-index:10;display:grid;place-items:center;padding:20px}.modal{position:relative;background:#fff;border-radius:10px;padding:27px;width:min(100%,430px);box-shadow:0 20px 60px #102a4340}.modal h2{margin:6px 0 20px;font-size:20px}.modal-close{position:absolute;right:15px;top:15px}label{display:block;color:#52676f;font-size:11px;font-weight:700}input,select{display:block;width:100%;margin-top:7px;border:1px solid #d7e2df;border-radius:6px;padding:10px 11px;color:var(--ink);outline:0;font-size:12px;background:#fff;font-family:inherit}input:focus,select:focus{border-color:#5791f8;box-shadow:0 0 0 3px #1464f414}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2352676f'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:16px;padding-right:34px}.modal .primary{margin-top:20px}.error{color:#d33b45;background:#fff0f1;border:1px solid #f1c2c6;border-radius:6px;padding:10px 12px}.toast{position:fixed;right:25px;top:20px;z-index:20}.login-shell{min-height:100vh;background:#f5f6f2;display:grid;grid-template-columns:1.1fr .9fr}.login-art{background:#102a43;color:#eaf4f2;display:flex;flex-direction:column;justify-content:center;padding:12%;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:470px;height:470px;border:1px solid #51737b55;border-radius:50%;right:-170px;bottom:-120px;box-shadow:0 0 0 35px #51737b12,0 0 0 70px #51737b0a}.art-kicker{font:500 10px DM Mono,monospace;color:#a5c9c4;letter-spacing:1.5px}.login-art h1{font-size:clamp(40px,5vw,70px);line-height:1.04;letter-spacing:-3px;margin:23px 0;color:#fff}.login-art h1 em{font-family:Georgia,serif;color:#f1c15e;font-weight:400}.login-art p{max-width:400px;color:#a9c2c5;font-size:14px;line-height:1.7}.art-stat{margin-top:70px;border-top:1px solid #446477;padding-top:18px;font:500 10px DM Mono,monospace;color:#99b4ba;display:flex;align-items:center;gap:10px}.art-stat strong{color:#e2f2eb;margin-left:8px}.login-card{align-self:center;width:min(100% - 80px,390px);margin:auto}.brand-mark{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;color:var(--navy)}.brand-mark svg{background:#f1b547;border-radius:7px;padding:7px;width:34px;height:34px}.login-card .eyebrow{margin-top:60px}.login-card h2{font-size:31px;letter-spacing:-1.3px;margin:10px 0 7px}.login-card .muted{margin-bottom:32px}.login-card label+label{margin-top:18px}.login-note{color:#98a5a5;text-align:center;display:block;margin-top:15px;font-size:10px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px}.welcome-row h2{font-size:28px;font-weight:600;margin:8px 0;color:#1a1a1a}.welcome-row .eyebrow{font-size:12px;font-weight:600;letter-spacing:1px;color:#999;text-transform:uppercase;margin-bottom:4px}.text-button{background:none;border:none;color:#06c;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.text-button:hover{background-color:#0066cc1a}.text-button:disabled{color:#999;cursor:not-allowed}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.kpi-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .3s ease}.kpi-card:hover{border-color:#06c;box-shadow:0 4px 12px #0066cc1a}.kpi-card.accent-green{border-left:4px solid #4caf50}.kpi-card.accent-orange{border-left:4px solid #ff9800}.kpi-card.accent-purple{border-left:4px solid #9c27b0}.kpi-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.kpi-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.icon-blue{color:#06c}.kpi-value{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.kpi-detail{font-size:13px;color:#999}.prices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.price-card{background:linear-gradient(135deg,#f5f5f5,#fafafa);border:1px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center}.price-type{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;margin-bottom:12px;letter-spacing:1px}.price-amount{font-size:28px;font-weight:700;color:#06c;margin-bottom:4px}.price-label{font-size:12px;color:#999;margin-bottom:8px}.price-time{font-size:11px;color:#bbb}.prices-management{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:32px}.price-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.price-display{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.price-value{font-size:24px;font-weight:700;color:#06c;margin-bottom:8px}.price-updated{font-size:12px;color:#999}.price-form{display:flex;flex-direction:column;gap:12px}.section-header{margin-bottom:24px}.section-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.section-header .muted{font-size:13px;color:#999;margin:0}.table-wrapper{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:32px}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table thead{background-color:#f5f5f5}.data-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e0e0e0}.data-table td{padding:16px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333}.data-table tbody tr:hover{background-color:#f9f9f9}.status-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px}.status-badge.online,.status-badge.active{background-color:#4caf501a;color:#4caf50}.status-badge.offline,.status-badge.inactive{background-color:#f443361a;color:#f44336}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online,.status-dot.active{background-color:#4caf50;animation:pulse 2s infinite}.status-dot.offline,.status-dot.inactive{background-color:#f44336}.fuel-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.fuel-badge.PMG{background-color:#4caf501a;color:#4caf50}.fuel-badge.HSD{background-color:#ff98001a;color:#ff9800}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-box{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;text-align:center}.stat-label{font-size:12px;color:#999;text-transform:uppercase;font-weight:600;margin-bottom:8px;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:700;color:#06c}.error-box,.success-box,.info-box{display:flex;gap:12px;padding:14px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.error-box{background-color:#f443361a;border:1px solid rgba(244,67,54,.3);color:#c62828}.error-box strong{color:#b71c1c}.error-box svg{color:#f44336;flex-shrink:0;margin-top:2px}.success-box{background-color:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#2e7d32}.success-box strong{color:#1b5e20}.success-box svg{color:#4caf50;flex-shrink:0;margin-top:2px}.info-box{background-color:#0066cc1a;border:1px solid rgba(0,102,204,.3);color:#0d47a1}.info-box strong{color:#0d47a1}.info-box svg{color:#06c;flex-shrink:0;margin-top:2px}.error-box div,.success-box div,.info-box div{flex:1}.error-box p,.success-box p,.info-box p{margin:2px 0 0;font-size:13px;opacity:.9}.phase2-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px}.form-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:6px}.required{color:#f44336;margin-left:2px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-group input.input-error{border-color:#f44336;background-color:#f443360d}.form-group input.input-error:focus{box-shadow:0 0 0 3px #f443361a}.form-error{display:flex;gap:6px;margin-top:6px;font-size:12px;color:#c62828;align-items:center}.form-error svg{flex-shrink:0;width:14px;height:14px}.button{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.button.primary{background-color:#06c;color:#fff}.button.primary:hover{background-color:#0052a3}.button.primary:disabled{background-color:#ccc;cursor:not-allowed}.button.secondary{background-color:#f0f0f0;color:#333;border:1px solid #e0e0e0}.button.secondary:hover{background-color:#e0e0e0}.button.secondary:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.button-block{width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{text-align:center;padding:40px 20px;color:#999;font-size:16px}@media (max-width: 1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.actions-panel{margin-top:0}.manager-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.phase2-layout{grid-template-columns:1fr}.phase2-form{max-width:none}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.mobile-shade.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#102a4366;z-index:4}.mobile-close,.menu-button{display:grid}.main{margin-left:0}.topbar{height:78px;padding:0 18px}.topbar h1{font-size:17px}.menu-button{margin-right:0}.date-chip{display:none}.page-body{padding:25px 18px 40px}.welcome-row{align-items:start;gap:14px}.welcome-row h2{font-size:23px}.welcome-row .primary{white-space:nowrap;padding:10px}.stats-grid{gap:10px}.stat-card{padding:15px;min-height:115px}.stat-card strong{font-size:21px}.right-column{grid-template-columns:1fr}.panel{padding:17px}.price-grid,.user-layout{grid-template-columns:1fr}.login-shell{display:block;min-height:100vh}.login-art{min-height:250px;padding:40px 28px;display:block}.login-art h1{font-size:41px;letter-spacing:-2px;margin:18px 0}.login-art p,.art-stat{display:none}.login-card{width:auto;padding:35px 28px}.login-card .eyebrow{margin-top:0}.pump-grid,.manager-grid{grid-template-columns:1fr}.top-actions{gap:9px}.topbar .avatar{display:none}.kpi-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.prices-management,.prices-grid{grid-template-columns:1fr}.data-table{font-size:12px}.data-table th,.data-table td{padding:12px 8px}.form-buttons{flex-direction:column}.phase2-form{padding:16px}}@media (max-width: 480px){.kpi-value{font-size:24px}.price-amount{font-size:20px}.stats-grid{grid-template-columns:1fr}.data-table{font-size:11px}.welcome-row{gap:10px}.welcome-row h2{font-size:22px}.form-group input,.form-group select,.form-group textarea{font-size:16px}}.error-screen{min-height:100vh;background:#102a43;color:#fff;display:grid;place-content:center;justify-items:start;padding:32px}.error-screen h1{font-size:clamp(30px,5vw,54px);margin:12px 0}.error-screen p{color:#b6c9ce;margin:0 0 24px}.loading-screen{min-height:100vh;background:#102a43;color:#dcebea;display:grid;place-items:center;font:500 12px DM Mono,monospace;letter-spacing:.8px}.phase2-layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:20px;align-items:start}.phase2-form{display:grid;gap:14px}.phase2-list{min-width:0}.phase2-form .primary{margin-top:4px}.phase2-list table{min-width:620px}.phase2-list th,.phase2-list td{padding:13px 14px}.phase2-list td{font-size:12px}.field-error{display:block;color:#d33b45;font-size:11px;font-weight:700;margin-top:5px}.field-error:before{content:"! ";font-weight:800}input:invalid,select:invalid{border-color:#e48a91}.confirm-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#102a4394;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:confirm-fade .18s ease}.confirm-modal{position:relative;width:min(420px,100%);padding:32px;border:1px solid #e1e9e7;border-radius:14px;background:#fff;box-shadow:0 24px 70px #102a433d;animation:confirm-rise .22s ease}.confirm-close{position:absolute;top:14px;right:14px}.confirm-icon{width:48px;height:48px;margin-bottom:20px;border-radius:50%;display:grid;place-items:center;background:#fff0f1;color:#d33b45}.confirm-modal h2{margin:8px 0;font-size:26px;color:var(--ink)}.confirm-modal p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:7px;font-weight:700;font-size:12px}.secondary-button{background:#edf3f2;color:var(--ink)}.danger-button{background:#d94b55;color:#fff}.danger-button:hover:not(:disabled){background:#bd3540}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-weather-row{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:32px}.welcome-banner{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:12px;padding:24px;display:flex;gap:18px;align-items:center;border:1px solid rgba(33,150,243,.2)}.banner-icon{font-size:48px;line-height:1}.welcome-banner h2{font-size:26px;font-weight:700;margin:0 0 4px;color:#1a1a1a}.welcome-banner p{font-size:14px;color:#666;margin:0}.weather-card{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,193,7,.2)}.weather-icon{color:#ffc107;width:32px;height:32px}.weather-location{display:flex;align-items:center;gap:4px;font-size:12px;color:#666;margin-bottom:4px}.weather-temp{font-size:18px;font-weight:700;color:#f57c00}.kpi-row-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px}.kpi-card-5{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:18px;position:relative;overflow:hidden}.kpi-card-5.green-accent{border-top:4px solid #4caf50}.kpi-card-5.blue-accent{border-top:4px solid #2196f3}.kpi-card-5.purple-accent{border-top:4px solid #9c27b0}.kpi-card-5.orange-accent{border-top:4px solid #ff9800}.kpi-header-5{display:flex;align-items:center;gap:8px;margin-bottom:12px}.kpi-header-5 span{font-size:12px;color:#666;font-weight:600}.icon-green{color:#4caf50}.icon-blue{color:#2196f3}.icon-purple{color:#9c27b0}.icon-orange{color:#ff9800}.kpi-value-5{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:6px}.kpi-trend-5{font-size:13px;font-weight:600}.kpi-trend-5.green{color:#4caf50}.kpi-trend-5.red{color:#f44336}.kpi-micro-chart{height:20px;background:linear-gradient(to right,#4caf5020,#4caf5040,#4caf5020);border-radius:4px;margin-top:8px}.dashboard-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.dashboard-panel{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.panel-header h3{font-size:16px;font-weight:700;margin:0;color:#1a1a1a}.badge-green{background:#4caf5026;color:#2e7d32;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px}.text-link{color:#2196f3;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}.text-link:hover{color:#1976d2}.pump-cards-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.pump-card{flex-shrink:0;width:110px;border:1px solid #e0e0e0;border-radius:8px;padding:12px;text-align:center}.pump-card.pump-blue{border-top:3px solid #2196f3;background:#2196f30d}.pump-card.pump-green{border-top:3px solid #4caf50;background:#4caf500d}.pump-card.pump-purple{border-top:3px solid #9c27b0;background:#9c27b00d}.pump-card.pump-orange{border-top:3px solid #ff9800;background:#ff98000d}.pump-card.pump-red{border-top:3px solid #f44336;background:#f443360d}.pump-card-header{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;margin-bottom:8px;color:#1a1a1a}.pump-status-dot{font-size:10px;font-weight:600;padding:4px 6px;border-radius:4px;margin:4px 0}.pump-status-dot.online{background:#4caf5026;color:#2e7d32}.pump-info{font-size:10px;color:#666;margin:6px 0}.fuel-badges-small{display:flex;gap:3px;justify-content:center;margin-top:6px}.badge-pmg,.badge-hsd{font-size:9px;font-weight:700;padding:2px 4px;border-radius:3px}.badge-pmg{background:#4caf5033;color:#2e7d32}.badge-hsd{background:#ff980033;color:#e65100}.tank-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.tank-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border-radius:8px}.tank-chart{flex-shrink:0;width:80px;height:80px}.tank-info{flex:1}.tank-fuel{display:inline-block;font-size:11px;font-weight:700;padding:4px 8px;border-radius:4px;margin-bottom:4px}.tank-fuel.pmg{background:#4caf5033;color:#2e7d32}.tank-fuel.hsd{background:#ff980033;color:#e65100}.tank-liters{font-size:12px;font-weight:600;color:#1a1a1a;margin-top:2px}.tank-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;border-top:1px solid #e0e0e0}.mini-stat span{display:block;font-size:11px;color:#666;margin-bottom:2px}.mini-stat strong{display:block;font-size:16px;font-weight:700;color:#2196f3}.quick-action-buttons{display:flex;flex-direction:column;gap:8px}.action-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff}.action-btn.green{background:linear-gradient(135deg,#4caf50,#45a049)}.action-btn.blue{background:linear-gradient(135deg,#2196f3,#1976d2)}.action-btn.purple{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.action-btn.orange{background:linear-gradient(135deg,#ff9800,#f57c00)}.action-btn.dark{background:linear-gradient(135deg,#424242,#212121)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-btn svg{width:18px;height:18px}.action-btn span:nth-child(2){flex:1;margin:0 10px}.arrow{font-size:16px;opacity:.8}.transactions-table-wrap{overflow-x:auto}.transactions-table{width:100%;border-collapse:collapse;font-size:12px}.transactions-table thead{background:#f5f5f5}.transactions-table th{padding:10px 8px;text-align:left;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.transactions-table td{padding:10px 8px;border-bottom:1px solid #f0f0f0;color:#333}.type-badge{display:inline-block;font-size:10px;font-weight:700;padding:3px 6px;border-radius:3px}.type-badge.sale{background:#4caf5033;color:#2e7d32}.type-badge.purchase{background:#2196f333;color:#1565c0}.type-badge.expense{background:#f4433633;color:#c62828}.type-badge.credit{background:#9c27b033;color:#6a1b9a}.type-badge.testing{background:#ff980033;color:#e65100}.transactions-table .amount{font-weight:600;color:#1a1a1a}.transactions-table .time{color:#999;font-size:11px}.chart-container{margin:16px 0;padding:16px;background:#f9f9f9;border-radius:8px}.bar-chart-container{width:100%}.sales-summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #e0e0e0}.summary-card{display:flex;gap:10px;padding:12px;background:#f9f9f9;border-radius:8px}.summary-card.pmg{border-left:3px solid #4caf50}.summary-card.hsd{border-left:3px solid #ff9800}.summary-fuel-icon{font-size:24px;line-height:1}.summary-card span{display:block;font-size:11px;color:#666;margin-bottom:2px}.summary-card strong{display:block;font-size:13px;font-weight:700;color:#1a1a1a}.summary-card small{display:block;font-size:10px;color:#999;margin-top:2px}.alerts-list{display:flex;flex-direction:column;gap:10px}.alert-item{display:flex;gap:12px;padding:12px;border-radius:8px;border-left:3px solid}.alert-item.alert-danger{background:#f4433614;border-left-color:#f44336}.alert-item.alert-danger .alert-icon{color:#f44336}.alert-item.alert-warning{background:#ffc10714;border-left-color:#fbc02d}.alert-item.alert-warning .alert-icon{color:#fbc02d}.alert-item.alert-info{background:#2196f314;border-left-color:#2196f3}.alert-item.alert-info .alert-icon{color:#2196f3}.alert-item.alert-success{background:#4caf5014;border-left-color:#4caf50}.alert-item.alert-success .alert-icon{color:#4caf50}.alert-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:2px}.alert-content{flex:1}.alert-title{font-size:12px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.alert-message{font-size:11px;color:#666}.alert-time{flex-shrink:0;font-size:10px;color:#999}.bottom-strip{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:20px}.strip-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:18px}.strip-card h4{font-size:14px;font-weight:700;margin:0 0 12px;color:#1a1a1a}.prices-list{display:flex;flex-direction:column;gap:10px}.price-item{display:flex;align-items:center;gap:8px;font-size:13px;padding:8px 0}.price-icon{width:16px;height:16px}.perf-item{margin-bottom:14px}.perf-item:last-child{margin-bottom:0}.perf-label{font-size:11px;color:#666;font-weight:600;margin-bottom:6px}.perf-bar{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:4px}.progress-bar{height:100%;background:linear-gradient(to right,#2196f3,#1976d2);border-radius:4px;transition:width .3s ease}.perf-value{font-size:10px;color:#999}.quote-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.quote-icon{font-size:24px}.quote-text{font-size:12px;font-weight:600;color:#1a1a1a;line-height:1.4}.quote-icon-pump{font-size:20px;opacity:.6}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:#999}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.dashboard-grid-3{grid-template-columns:1fr 1fr}.kpi-row-5{grid-template-columns:repeat(3,1fr)}.bottom-strip{grid-template-columns:1fr}}@media (max-width: 768px){.welcome-weather-row{grid-template-columns:1fr}.kpi-row-5{grid-template-columns:repeat(2,1fr)}.dashboard-grid-3,.tank-cards,.sales-summary-cards,.bottom-strip{grid-template-columns:1fr}.welcome-banner{padding:16px}.welcome-banner h2{font-size:22px}.pump-cards-row{overflow-x:auto}}@media (max-width: 480px){.kpi-row-5{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start;gap:8px}.transactions-table{font-size:10px}.transactions-table th,.transactions-table td{padding:6px 4px}.banner-icon{font-size:36px}.welcome-banner h2{font-size:18px}.weather-card{padding:12px}}.loading-state{min-height:320px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);text-align:center}.loading-state .spin{animation:overview-spin .9s linear infinite;color:var(--blue)}@keyframes overview-spin{to{transform:rotate(360deg)}}.page-body{width:100%}.welcome-weather-row{display:flex;align-items:stretch;justify-content:space-between;gap:20px;margin-bottom:22px}.welcome-banner{flex:1;min-width:0;display:flex;align-items:center;gap:15px}.banner-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:12px;background:#e8f0ff;font-size:22px}.welcome-banner h2{margin:0 0 5px;font-size:25px;line-height:1.2;letter-spacing:-.8px;color:var(--ink)}.welcome-banner p{margin:0;color:var(--muted);font-size:12px}.weather-card{min-width:185px;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid var(--line);border-radius:10px;background:#fff}.weather-icon{color:#f1b547}.weather-location{display:flex;align-items:center;gap:4px;color:var(--ink);font-size:11px;font-weight:700}.weather-temp{margin-top:3px;color:var(--muted);font-size:10px}.kpi-row-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:20px}.kpi-card-5{position:relative;min-width:0;min-height:137px;overflow:hidden;padding:17px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px #102a4308;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.kpi-card-5:hover{transform:translateY(-2px);box-shadow:0 8px 20px #102a4314}.kpi-card-5.green-accent{border-top:3px solid #45bda9}.kpi-card-5.blue-accent{border-top:3px solid #3b82f6}.kpi-card-5.purple-accent{border-top:3px solid #8b5cf6}.kpi-card-5.orange-accent{border-top:3px solid #f97316}.kpi-header-5{display:flex;align-items:center;gap:8px;color:#718289;font-size:10px;font-weight:700;line-height:1.3}.kpi-value-5{margin:12px 0 5px;color:var(--ink);font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.7px}.kpi-trend-5{font-size:10px;font-weight:700}.kpi-trend-5.green{color:#2d9b72}.kpi-trend-5.red{color:#d55d52}.kpi-micro-chart{position:absolute;right:-12px;bottom:-22px;width:82px;height:55px;border-radius:50%;border:12px solid #e8f6f0;opacity:.7}.dashboard-grid-3{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr) minmax(260px,.75fr);gap:18px;margin-bottom:18px}.dashboard-panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 2px 8px #102a4306}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.panel-header h3{margin:0;color:var(--ink);font-size:14px;letter-spacing:-.25px}.text-link{color:var(--blue);font-size:10px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.badge-green{display:inline-flex;align-items:center;padding:5px 8px;border-radius:20px;background:#dcf5e9;color:#248d68;font-size:9px;font-weight:700}.pump-cards-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pump-card{min-width:0;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fbfcfc}.pump-card-header{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:10px;font-weight:800}.pump-blue{border-left:3px solid #3b82f6}.pump-green{border-left:3px solid #45bda9}.pump-purple{border-left:3px solid #8b5cf6}.pump-orange{border-left:3px solid #f97316}.pump-red{border-left:3px solid #ef4444}.pump-status-dot{margin-top:8px;font-size:9px;color:#248d68}.pump-info{margin-top:7px;color:var(--muted)}.pump-info small{font-size:9px}.fuel-badges-small{display:flex;gap:5px;margin-top:8px}.badge-pmg,.badge-hsd{padding:3px 5px;border-radius:4px;font-size:8px;font-weight:800}.badge-pmg{background:#fff0c5;color:#a56a06}.badge-hsd{background:#d9f4ed;color:#167967}.tank-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tank-card{display:flex;align-items:center;gap:10px;min-width:0}.tank-chart{flex:0 0 auto}.tank-info{min-width:0}.tank-fuel{display:inline-block;font-size:10px;font-weight:800}.tank-fuel.pmg{color:#a56a06}.tank-fuel.hsd{color:#167967}.tank-liters{margin-top:4px;color:#60727a;font-size:9px;line-height:1.45}.tank-mini-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:15px;padding-top:12px;border-top:1px solid #edf2f0}.mini-stat{text-align:center}.mini-stat+.mini-stat{border-left:1px solid #edf2f0}.mini-stat span,.mini-stat strong{display:block}.mini-stat span{color:#87949a;font-size:9px}.mini-stat strong{margin-top:3px;color:var(--ink);font-size:16px}.quick-action-buttons{display:grid;gap:7px}.action-btn{width:100%;min-height:37px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:6px;background:#f5f8f7;color:#50636a;font-size:10px;font-weight:700;text-align:left}.action-btn .arrow{margin-left:auto;color:#9eafb2;font-size:17px}.action-btn.green:hover{background:#e7f7ef;color:#248d68}.action-btn.blue:hover{background:#eaf1ff;color:#2563eb}.action-btn.purple:hover{background:#f1eaff;color:#7c3aed}.action-btn.orange:hover{background:#fff0e5;color:#ea580c}.action-btn.dark:hover{background:#e8eef2;color:var(--ink)}.transactions-panel{overflow:hidden}.transactions-table-wrap{width:100%;overflow-x:auto}.transactions-table{min-width:620px}.transactions-table th{padding:8px 7px;font-size:8px}.transactions-table td{padding:10px 7px;font-size:9px}.transactions-table .amount{color:var(--ink);font-weight:800}.transactions-table .time{color:#8b999c}.transactions-table .type-badge{font-size:8px;padding:3px 6px}.sales-summary-panel{overflow:hidden}.chart-container{min-height:180px;padding:2px 0 8px}.bar-chart-container{min-width:0}.sales-summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.summary-card{display:flex;align-items:center;gap:8px;padding:9px;border-radius:7px}.summary-card.pmg{background:#fff7dc}.summary-card.hsd{background:#e5f7f2}.summary-fuel-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;font-size:12px}.summary-fuel-icon.pmg{background:#fff0c5}.summary-fuel-icon.hsd{background:#d9f4ed}.summary-card span,.summary-card strong,.summary-card small{display:block}.summary-card span{font-size:8px;font-weight:800}.summary-card strong{margin-top:2px;color:var(--ink);font-size:10px}.summary-card small{margin-top:1px;color:#718289;font-size:8px}.alerts-list{display:grid;gap:8px}.alert-item{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:8px;align-items:start;padding:9px;border-radius:7px;background:#f7f9f8}.alert-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:6px}.alert-danger .alert-icon{background:#ffebe9;color:#d55d52}.alert-warning .alert-icon{background:#fff0cc;color:#bc7b13}.alert-info .alert-icon{background:#e6efff;color:#2563eb}.alert-success .alert-icon{background:#dcf5e9;color:#248d68}.alert-content{min-width:0}.alert-title{color:var(--ink);font-size:9px;font-weight:800;line-height:1.35}.alert-message{margin-top:2px;color:#7b8a90;font-size:8px;line-height:1.35}.alert-time{color:#a0abad;font-size:8px;white-space:nowrap}.bottom-strip{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:18px;margin-bottom:20px}.strip-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px}.strip-card h4{margin:0 0 12px;color:var(--ink);font-size:12px}.prices-list{display:grid;gap:7px}.prices-list .price-item{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:6px;background:#f7f9f8;color:#5c7077;font-size:9px}.price-icon{color:var(--blue)}.perf-item+.perf-item{margin-top:13px}.perf-label{margin-bottom:5px;color:#697b82;font-size:9px;font-weight:700}.perf-bar{width:100%;height:7px;overflow:hidden;border-radius:10px;background:#edf2f0}.progress-bar{height:100%;min-width:0;border-radius:inherit;background:var(--blue);transition:width .4s ease}.perf-value{margin-top:4px;color:#87949a;font-size:8px}.quote-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden;background:#102a43;color:#fff}.quote-icon{color:#f1b547;font-size:17px}.quote-text{max-width:270px;margin-top:9px;color:#e5efee;font-family:Georgia,serif;font-size:15px;line-height:1.45}.quote-icon-pump{position:absolute;right:18px;bottom:12px;font-size:28px;opacity:.35}@media (max-width: 1250px){.kpi-row-5{grid-template-columns:repeat(3,1fr)}.dashboard-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions-panel{grid-column:1 / -1}.quick-action-buttons{grid-template-columns:repeat(3,1fr)}.bottom-strip{grid-template-columns:1fr 1fr}.quote-card{grid-column:1 / -1;min-height:130px}}@media (max-width: 900px){.welcome-weather-row{flex-direction:column}.weather-card{width:100%}.dashboard-grid-3{grid-template-columns:1fr}.quick-actions-panel{grid-column:auto}.quick-action-buttons{grid-template-columns:repeat(2,1fr)}.bottom-strip{grid-template-columns:1fr}.quote-card{grid-column:auto}}@media (max-width: 768px){.kpi-row-5,.pump-cards-row{grid-template-columns:repeat(2,1fr)}.tank-cards,.sales-summary-cards{grid-template-columns:1fr}}@media (max-width: 480px){.kpi-row-5,.quick-action-buttons,.pump-cards-row{grid-template-columns:1fr}.welcome-banner h2{font-size:21px}.dashboard-panel,.strip-card{padding:14px}}.form-note{background:#eef5ff;border:1px solid #cfe0fb;color:#1e4b8f;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5;margin-bottom:16px}.warn-box{display:flex;gap:12px;padding:14px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;background:#f59e0b1f;border:1px solid rgba(217,119,6,.35);color:#92400e}.warn-box svg{flex-shrink:0;margin-top:2px;color:#d97706}.warn-box p{margin:2px 0 0;font-size:13px}.warn-box div{flex:1}.field-hint{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.form-group select{background:#fff}.form-group input:disabled,.form-group select:disabled{background:#f4f6f6;color:#6b7c85}.input-readonly{background:#f4f6f6;color:#46595f;cursor:not-allowed}.form-summary{margin:4px 0 14px;padding:11px 13px;border-radius:8px;background:#f0faf5;border:1px solid #cfeadc;color:#1d6b4d;font-size:13px;font-weight:700;line-height:1.45}.form-buttons{display:flex;gap:10px}.form-buttons .button-block{flex:1}.button.secondary{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600}.embedded-page{display:grid;gap:16px}.toolbar-panel{display:flex;flex-wrap:wrap;align-items:end;gap:14px 18px;margin-bottom:16px;padding:16px 20px}.toolbar-panel label,.toolbar-inline label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#4d6068}.toolbar-panel input,.toolbar-panel select,.toolbar-inline input{padding:9px 11px;border:1px solid #d8e2e0;border-radius:6px;font:inherit;font-size:13px;min-width:170px;background:#fff}.toolbar-panel .muted{flex:1;min-width:220px;align-self:center;line-height:1.45}.toolbar-inline{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.secondary-button.compact,.toolbar-panel .secondary-button,.toolbar-inline .secondary-button{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:700}.summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.summary-strip.compact{margin:0;grid-template-columns:repeat(3,minmax(120px,1fr))}.summary-tile{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:grid;gap:4px}.summary-tile span{font-size:11px;font-weight:700;color:#6d7f86}.summary-tile strong{font-size:19px;letter-spacing:-.4px;color:var(--ink)}.summary-tile small{font-size:11px;color:var(--muted)}.summary-tile.emphasis{background:var(--navy);border-color:var(--navy)}.summary-tile.emphasis span,.summary-tile.emphasis small{color:#b5c8d6}.summary-tile.emphasis strong{color:#fff}.summary-tile.negative{background:#7f1d1d;border-color:#7f1d1d}.status-pill{display:inline-block;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;background:#eef1f1;color:#5a6b72;white-space:nowrap}.status-pill.ok,.status-pill.good{background:#e2f5ea;color:#1f7a52}.status-pill.bad{background:#fde6e6;color:#b42323}.status-pill.warn{background:#fff0d3;color:#a25b00}.row-flag td{background:#fffaf0}.row-actions{display:flex;gap:6px}th.num,td.num{text-align:right}.text-owed{color:#b42323}.text-clear{color:#1f7a52}.muted.spaced{margin-top:10px;line-height:1.5}.tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs button{background:transparent;color:#5f7178;padding:11px 16px;font-size:13px;font-weight:700;border-bottom:3px solid transparent;border-radius:0;white-space:nowrap}.tabs button:hover:not(:disabled){transform:none;color:var(--ink)}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.statement-head{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-start;margin-bottom:18px}.statement-head h2{margin:6px 0 4px;font-size:22px}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.report-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.report-page .panel{margin-bottom:16px}.report-page .report-grid .panel{margin-bottom:0}.report-page .eyebrow{margin-bottom:10px}.price-card{display:grid;gap:14px;align-content:start}.price-card label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#4d6068}.price-card input{padding:10px 12px;border:1px solid #d8e2e0;border-radius:6px;font:inherit;font-size:15px}.price-card-head{display:flex;align-items:center;gap:12px}.price-card-head h2{margin:3px 0 0;font-size:18px}.price-card-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#e3edff;color:#2563eb}.price-card.hsd .price-card-icon{background:#ffeadb;color:#ea6a0f}.price-current{margin-left:auto;text-align:right;display:grid}.price-current strong{font-size:20px}.price-current small{color:var(--muted);font-size:11px}.kpi-trend-5.neutral{color:#6d7f86}.badge-warn{background:#fff0d3;color:#a25b00;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800}.pump-status-dot.offline{color:#b42323}.tank-empty{width:94px;height:94px;border-radius:50%;border:8px solid #f0f0f0;display:grid;place-items:center;font-size:11px;font-weight:700;color:#8a989e;margin:0 auto}.tank-name{font-size:12px;font-weight:700;color:var(--ink);margin:2px 0}.empty.small{padding:22px 12px}.alert-button{width:100%;text-align:left;font:inherit;border:0;cursor:pointer}.strip-list{display:grid;gap:8px;margin-top:10px}.strip-list div{display:flex;justify-content:space-between;font-size:12px;gap:12px}.strip-list span{color:#6d7f86}@media (max-width: 900px){.report-grid,.report-grid.two{grid-template-columns:1fr}.summary-strip.compact{grid-template-columns:1fr;width:100%}}@media print{.sidebar,.topbar,.mobile-shade,.no-print,.toast,.modal-backdrop{display:none!important}.main{margin:0!important;padding:0!important}.page-body{padding:0!important;max-width:none!important}.panel,.summary-tile{break-inside:avoid}.summary-tile.emphasis{background:#fff!important;border:2px solid #102a43!important}.summary-tile.emphasis span,.summary-tile.emphasis small,.summary-tile.emphasis strong{color:#102a43!important}}.sidebar .side-label{padding-top:16px}.sidebar>div:first-of-type+div .side-label{padding-top:6px}.sidebar nav{gap:2px}.sidebar nav button{height:39px}.sidebar .side-footer{position:sticky;bottom:0;background:var(--navy);padding-top:4px}.action-btn.green,.action-btn.blue,.action-btn.purple,.action-btn.orange,.action-btn.dark{color:#fff;font-size:12px;min-height:40px;padding:0 12px}.action-btn.green{background:#1f8f5f}.action-btn.blue{background:#1f6fe0}.action-btn.purple{background:#7b3fc4}.action-btn.orange{background:#d9730d}.action-btn.dark{background:#33434c}.tank-cards .tank-card{flex-direction:column;text-align:center;padding:14px 8px;gap:8px}.tank-cards .tank-chart{width:auto;height:auto}.tank-cards .tank-info{width:100%}.tank-cards .tank-liters{font-size:11px;font-weight:700;margin-top:2px}.tank-cards .tank-info small{display:block;font-size:10px;margin-top:2px}.transactions-table{min-width:0}.transactions-table th,.transactions-table td{padding:9px 8px}.transactions-table td{vertical-align:top}.txn-title{display:block;font-size:12px;color:var(--ink)}.txn-sub{display:block;font-size:10px;color:var(--muted);margin-top:2px}.transactions-table .amount{white-space:nowrap;text-align:right}.transactions-table th:nth-child(3){text-align:right}.transactions-table .time{white-space:nowrap;font-size:11px}.type-badge.payment{background:#dff5e8;color:#1f7a52}.type-badge.credit{background:#fff0d3;color:#a25b00}@media (max-width: 900px){.phase2-layout{grid-template-columns:minmax(0,1fr)}.toolbar-panel input,.toolbar-panel select{min-width:0;width:100%}.toolbar-panel label{flex:1 1 100%}.tabs button{padding:10px 12px}}@media (min-width: 1100px){.report-page .summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}.pump-selection-page{max-width:1500px;margin:0 auto}.pump-network-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.pump-network-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;box-shadow:var(--shadow-sm, 0 8px 24px rgba(0,0,0,.04));text-align:left}.pump-network-head{display:flex;align-items:center;gap:12px}.pump-network-head h3{margin:0;font-size:16px}.pump-network-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.pump-network-head .status-pill{margin-left:auto}.status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#e9f8ef;color:#21884d}.status-pill.offline{background:#f9eaea;color:#b34a4a}.pump-network-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.pump-network-stats>div{background:#f7f8fa;border-radius:12px;padding:11px 12px}.pump-network-stats small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.pump-network-stats strong{font-size:14px}.pump-network-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.pump-network-foot .primary{white-space:nowrap}.add-pump-card{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-style:dashed;cursor:pointer;color:var(--muted)}.add-pump-card strong{color:var(--ink)}.pump-chip{display:flex;align-items:center;gap:6px;max-width:310px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:7px 10px;font-size:12px;cursor:pointer}.pump-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-current-pump{margin:10px 12px 14px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:8px}.side-current-pump>div{min-width:0;flex:1}.side-current-pump small,.side-current-pump strong,.side-current-pump span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-current-pump small{font-size:9px;letter-spacing:.08em;color:var(--muted);margin-bottom:3px}.side-current-pump strong{font-size:12px}.side-current-pump span{color:var(--muted);font-size:11px;margin-top:2px}@media (max-width: 900px){.pump-chip{max-width:190px}}.assigned-pumps{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.assigned-pumps span{display:inline-flex;padding:4px 6px;border-radius:5px;background:#f1f5f4;color:#63747a;font-size:9px}.pump-access-block{margin-top:16px}.pump-access-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.pump-access-heading strong{font-size:11px}.pump-access-heading span{color:#8a999d;font-size:9px}.pump-access-list{display:grid;gap:7px;margin-top:9px;max-height:210px;overflow:auto}.pump-access-option{width:100%;border:1px solid #e6ecea;background:#fff;border-radius:8px;padding:9px 10px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;color:inherit}.pump-access-option:hover{border-color:#cfdad6}.pump-access-option.selected{border-color:#a9d7c5;background:#f2fbf7}.pump-access-option>span:first-child{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:#edf2f0;color:#238362;flex:none}.pump-access-option.selected>span:first-child{background:#d8f2e6}.check-placeholder{width:7px;height:7px;border-radius:2px}.pump-access-option div{min-width:0}.pump-access-option strong,.pump-access-option small{display:block}.pump-access-option strong{font-size:10px}.pump-access-option small{margin-top:2px;color:#8a999d;font-size:9px}.assignment-modal{width:min(500px,100%)}.modal-pump-list{max-height:310px;margin:16px 0}@media (max-width: 720px){.user-row{align-items:flex-start;flex-wrap:wrap}.user-row>div:nth-child(2){min-width:0}.user-row .role-badge{margin-left:auto}}