:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--leaf-green:#2d5a27;--leaf-green-light:#498540;--leaf-green-glow:#2d5a2759;--coffee-brown:#5c4033;--coffee-caramel:#8b604b;--coffee-tan:#c29d78;--coffee-sand:#e6dfce;--coffee-muted:#8b7355;--danger:#d4183d;--danger-hover:#b91c1c;--danger-rgb:212, 24, 61;--danger-glow:#d4183d59;--warning:#d97706;--warning-rgb:217, 119, 6;--success:#2d5a27;--success-bg:#2d5a2726;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 2px 4px #28190f1a;--shadow-md:0 4px 14px #28190f2e;--shadow-lg:0 10px 25px -5px #1e140a40;--shadow-glow-leaf:0 0 25px #49854059;--shadow-glow-coffee:0 0 30px #8b604b59}body.theme-dark{--bg-app:#251c16;--bg-card:#33261fd9;--bg-card-solid:#33261f;--bg-card-hover:#433328e6;--bg-input:#251c16;--border-color:#433328;--border-hover:#c29d78;--text-main:#e6dfce;--text-muted:#a6937c;--text-dim:#7c6855;--primary:#498540;--primary-hover:#3d7035;--primary-text:#fff;--header-bg:#251c16e6;--table-stripe:#e6dfce05;--table-hover:#e6dfce0d}body.theme-light{--bg-app:#fdfbf7;--bg-card:#ffffffe6;--bg-card-solid:#fff;--bg-card-hover:#fcf9f2;--bg-input:#f0eee4;--border-color:#e6dfce;--border-hover:#5c4033;--text-main:#382a20;--text-muted:#8b7355;--text-dim:#a8947b;--primary:#2d5a27;--primary-hover:#23471e;--primary-text:#fff;--header-bg:#fdfbf7eb;--table-stripe:#382a2005;--table-hover:#382a200a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-bg-glow{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#2d5a2747,#0000 70%);border-radius:50%;width:450px;height:450px;animation:12s ease-in-out infinite alternate floatOrb;position:absolute;top:15%;left:20%}.login-bg-glow-2{filter:blur(75px);pointer-events:none;background:radial-gradient(circle,#8b604b40,#0000 70%);border-radius:50%;width:400px;height:400px;animation:14s ease-in-out infinite alternate-reverse floatOrb;position:absolute;bottom:10%;right:20%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.1)}to{transform:translate(-30px,40px)scale(.95)}}.login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);z-index:2;width:100%;max-width:440px;padding:40px 36px;animation:.6s cubic-bezier(.16,1,.3,1) slideFadeUp;position:relative;box-shadow:0 20px 40px #00000059}@keyframes slideFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-brand{text-align:center;margin-bottom:32px}.brand-icon-wrapper{background:linear-gradient(135deg, var(--leaf-green) 0%, var(--coffee-brown) 100%);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;position:relative;box-shadow:0 4px 18px #2d5a2766}.brand-icon-wrapper.mini{border-radius:12px;width:40px;height:40px;margin:0}.brand-pulse{border:2px solid #49854080;border-radius:24px;animation:2.5s cubic-bezier(.24,0,.38,1) infinite pulseRipple;position:absolute;inset:-4px}@keyframes pulseRipple{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.3)}}.brand-title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-main) 40%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:800}.brand-subtitle{color:var(--text-muted);margin-top:4px;font-size:.875rem}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.825rem;font-weight:600}.form-group label .required{color:var(--danger)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-dim);pointer-events:none;position:absolute;left:14px}.input-wrapper input,.form-group input,.form-group select{width:100%;color:var(--text-main);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);outline:none;padding:13px 16px;font-family:inherit;font-size:.95rem}.input-wrapper input{padding-left:44px;padding-right:44px}.input-wrapper input:focus,.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #49854040}.btn-toggle-password{color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;right:12px}.btn-toggle-password:hover{color:var(--text-main)}.login-error{border-radius:var(--radius-sm);color:#fca5a5;background:#d4183d1f;border:1px solid #d4183d4d;align-items:center;gap:10px;padding:12px 16px;font-size:.85rem;font-weight:500;animation:.3s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--leaf-green-light) 0%, var(--leaf-green) 100%);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #2d5a2759}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--leaf-green) 0%, #1e3d1a 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2d5a2773}.btn-block{width:100%}.btn-secondary{color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-main);border-color:var(--border-hover)}.login-quick-helper{border-top:1px solid var(--border-color);text-align:center;margin-top:28px;padding-top:20px}.helper-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.775rem}.btn-chip{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);color:var(--text-muted);background:#4985401a;border:1px dashed #c29d7880;align-items:center;gap:8px;padding:8px 14px;font-size:.825rem;display:inline-flex}.btn-chip:hover{border-color:var(--primary);color:var(--text-main);background:#49854033;transform:translateY(-1px)}.chip-badge{background:var(--coffee-brown);color:#fff;border-radius:var(--radius-full);padding:2px 7px;font-size:.7rem;font-weight:700}.btn-chip code{color:var(--coffee-tan);font-weight:700}.app-screen{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:40;background:var(--header-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:16px;max-width:1300px;margin:0 auto;padding:14px 24px;display:flex}.header-left{align-items:center;display:flex}.app-brand{align-items:center;gap:12px;display:flex}.brand-text{flex-direction:column;display:flex}.app-name{letter-spacing:-.01em;background:linear-gradient(135deg, var(--text-main) 40%, var(--leaf-green-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.app-tag{color:var(--coffee-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600}.header-center{align-items:center;gap:14px;display:flex}.pump-status-pill{border-radius:var(--radius-full);color:#f87171;transition:var(--transition);background:#d4183d1f;border:1px solid #d4183d4d;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.pump-status-pill.status-on{color:#86efac;background:#4985402e;border-color:#49854073}.status-dot{background-color:var(--danger);width:8px;height:8px;transition:var(--transition);border-radius:50%}.pump-status-pill.status-on .status-dot{background-color:var(--leaf-green-light);box-shadow:0 0 8px var(--leaf-green-light);animation:1.2s infinite blinkDot}@keyframes blinkDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.header-clock{color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:6px 12px;font-family:monospace;font-size:.85rem;font-weight:600}.header-right{align-items:center;gap:12px;display:flex}.btn-icon{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-muted);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:var(--text-main);border-color:var(--border-hover);background:var(--bg-card-hover)}.user-profile-badge{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);align-items:center;gap:10px;padding:4px 12px 4px 6px;display:flex}.avatar{background:linear-gradient(135deg, var(--leaf-green) 0%, var(--coffee-brown) 100%);color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.user-meta{flex-direction:column;display:flex}.user-name{color:var(--text-main);font-size:.825rem;font-weight:700;line-height:1.2}.user-role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);width:fit-content;margin-top:1px;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-block}.role-superadmin{color:var(--coffee-tan);background:#c29d7833;border:1px solid #c29d7866}.role-admin{color:#86efac;background:#49854033;border:1px solid #49854066}.btn-logout{color:#f87171;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#d4183d14;border:1px solid #d4183d40;align-items:center;gap:6px;padding:8px 14px;font-size:.825rem;font-weight:600;display:inline-flex}.btn-logout:hover{border-color:var(--danger);color:#fff;background:#d4183d33}.nav-tabs-bar{border-top:1px solid var(--border-color);background:#0000001f}.tabs-container{gap:8px;max-width:1300px;margin:0 auto;padding:0 24px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 18px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.tab-btn:hover{color:var(--text-main);background:#e6dfce0a}.tab-btn.active{color:var(--coffee-tan);border-bottom-color:var(--leaf-green-light)}.badge-count{background:var(--bg-card-hover);border-radius:var(--radius-full);color:var(--text-muted);padding:2px 7px;font-size:.7rem}.role-only-pill{color:var(--coffee-tan);border-radius:var(--radius-full);text-transform:uppercase;background:#c29d7833;border:1px solid #c29d7866;padding:2px 6px;font-size:.65rem;font-weight:700}.app-main{flex:1;padding:32px 24px}.content-container{max-width:1300px;margin:0 auto}.section-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.hero-text h2{letter-spacing:-.02em;color:var(--text-main);font-size:1.6rem;font-weight:800}.hero-text p{color:var(--text-muted);margin-top:4px;font-size:.925rem}.hero-stats{gap:16px;display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;padding:12px 20px;display:flex}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.stat-val{color:var(--leaf-green-light);margin-top:2px;font-size:1.25rem;font-weight:800}.pump-master-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:var(--transition);flex-direction:column;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.pump-master-card.state-active{border-color:#49854073;box-shadow:0 10px 40px #2d5a2740}.pump-visualizer{border:2px solid var(--border-color);background:radial-gradient(circle,#251c16d9 0%,#251c1666 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:260px;height:260px;margin-bottom:32px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #00000080}.water-waves-container{opacity:0;pointer-events:none;border-radius:50%;transition:opacity .5s;position:absolute;inset:0;overflow:hidden}.pump-master-card.state-active .water-waves-container{opacity:1}.water-wave{opacity:.6;background:radial-gradient(at bottom,#49854073 0%,#2d5a274d 70%,#0000 100%);border-radius:40%;width:200%;height:60%;position:absolute;bottom:0;left:-50%}.wave-1{animation:6s linear infinite waveRotate}.wave-2{opacity:.4;animation:9s linear infinite reverse waveRotate}.wave-3{opacity:.25;animation:12s linear infinite waveRotate}@keyframes waveRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pump-icon-core{z-index:5;background:var(--bg-card-solid);border:2px solid var(--border-color);width:100px;height:100px;color:var(--text-dim);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 16px #0000004d}.pump-master-card.state-active .pump-icon-core{background:linear-gradient(135deg, var(--leaf-green-light) 0%, var(--coffee-caramel) 100%);color:#fff;border-color:#86efac;animation:2s ease-in-out infinite pulseCore;box-shadow:0 0 30px #49854099}@keyframes pulseCore{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.pump-live-tag{z-index:5;border:1px solid var(--border-color);border-radius:var(--radius-full);letter-spacing:.06em;color:var(--text-dim);background:#00000073;align-items:center;gap:6px;margin-top:14px;padding:4px 12px;font-size:.725rem;font-weight:700;display:inline-flex;position:relative}.pulse-indicator{background-color:var(--text-dim);border-radius:50%;width:6px;height:6px}.pump-master-card.state-active .pump-live-tag{color:#86efac;background:#2d5a274d;border-color:#49854080}.pump-master-card.state-active .pulse-indicator{background-color:var(--leaf-green-light);box-shadow:0 0 6px var(--leaf-green-light);animation:1s infinite blinkDot}.running-timer-box{z-index:5;opacity:0;transition:var(--transition);flex-direction:column;align-items:center;margin-top:6px;display:flex;position:relative;transform:translateY(5px)}.pump-master-card.state-active .running-timer-box{opacity:1;transform:translateY(0)}.timer-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:.65rem}.timer-value{color:var(--coffee-tan);letter-spacing:.05em;font-family:monospace;font-size:1.15rem;font-weight:800}.pump-action-panel{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;display:flex}.btn-pump-switch{border-radius:var(--radius-xl);cursor:pointer;width:100%;transition:var(--transition);border:none;padding:18px 24px;font-family:inherit;position:relative;overflow:hidden}.btn-pump-switch .switch-inner{justify-content:center;align-items:center;gap:14px;display:flex}.btn-pump-switch .switch-text{letter-spacing:.02em;font-size:1.15rem;font-weight:800}.btn-pump-switch.switch-off{background:linear-gradient(135deg, var(--leaf-green-light) 0%, var(--leaf-green) 100%);color:#fff;box-shadow:0 8px 25px #2d5a2773}.btn-pump-switch.switch-off:hover:not(:disabled){background:linear-gradient(135deg, var(--leaf-green) 0%, #1e3d1a 100%);transform:translateY(-2px);box-shadow:0 12px 30px #2d5a278c}.btn-pump-switch.switch-on{color:#fff;background:linear-gradient(135deg,#d4183d 0%,#b91c1c 100%);box-shadow:0 8px 25px #d4183d66}.btn-pump-switch.switch-on:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);transform:translateY(-2px);box-shadow:0 12px 30px #d4183d80}.btn-pump-switch:disabled{opacity:.7;cursor:not-allowed}.switch-hint{color:var(--text-dim);text-align:center;font-size:.85rem}.quick-timer-section{border-top:1px solid var(--border-color);text-align:center;width:100%;margin-top:12px;padding-top:20px}.quick-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.775rem;font-weight:600;display:block}.quick-timer-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn-timer-chip{background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:var(--transition);align-items:center;gap:6px;padding:8px 14px;font-size:.825rem;font-weight:600;display:inline-flex}.btn-timer-chip:hover{border-color:var(--leaf-green-light);color:var(--coffee-tan);background:#49854026;transform:translateY(-1px)}.pump-info-grid{border-top:1px solid var(--border-color);grid-template-columns:repeat(4,1fr);gap:20px;width:100%;margin-top:36px;padding-top:28px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.725rem;font-weight:600}.info-val{color:var(--text-main);font-size:.95rem;font-weight:700}.text-success{color:var(--leaf-green-light)}.export-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-export{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-excel{color:#86efac;background:#2d5a2733;border-color:#49854066}.btn-excel:hover{background:var(--leaf-green);color:#fff;box-shadow:0 4px 14px #2d5a2759}.btn-csv{color:var(--coffee-tan);background:#c29d7826;border-color:#c29d7859}.btn-csv:hover{background:var(--coffee-caramel);color:#fff;box-shadow:0 4px 14px #8b604b59}.btn-print{background:var(--bg-card);border-color:var(--border-color);color:var(--text-muted)}.btn-print:hover{background:var(--bg-card-hover);color:var(--text-main);border-color:var(--border-hover)}.btn-danger-outline{color:#f87171;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#d4183d14;border:1px solid #d4183d4d;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-danger-outline:hover{color:#fff;border-color:var(--danger);background:#d4183d33}.table-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.search-input-wrapper{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.search-input-wrapper svg{color:var(--text-dim);pointer-events:none;position:absolute;left:14px}.search-input-wrapper input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition);outline:none;padding:10px 16px 10px 42px;font-size:.875rem}.search-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #49854040}.filter-group{align-items:center;gap:8px;display:flex}.filter-group label{color:var(--text-muted);font-size:.825rem;font-weight:600}.filter-group select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;outline:none;padding:9px 14px;font-size:.85rem}.table-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.data-table thead tr{border-bottom:1px solid var(--border-color);background:#00000026}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);padding:14px 20px;font-size:.775rem;font-weight:700}.data-table tbody tr{border-bottom:1px solid var(--border-color);transition:var(--transition)}.data-table tbody tr:hover{background-color:var(--table-hover)}.data-table td{color:var(--text-main);vertical-align:middle;padding:16px 20px}.status-badge{border-radius:var(--radius-full);letter-spacing:.03em;align-items:center;gap:6px;padding:4px 10px;font-size:.775rem;font-weight:700;display:inline-flex}.status-badge.badge-on{color:#86efac;background:#2d5a2733;border:1px solid #49854066}.status-badge.badge-off{color:#f87171;background:#d4183d26;border:1px solid #d4183d4d}.duration-tag{color:var(--coffee-tan);font-family:monospace;font-weight:700}.user-tag{color:var(--text-main);align-items:center;gap:6px;font-weight:600;display:inline-flex}.user-tag-icon{background:var(--bg-card-hover);width:20px;height:20px;color:var(--coffee-tan);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:800;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.empty-icon-box{background:var(--bg-card-hover);width:64px;height:64px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-state h3{color:var(--text-main);margin-bottom:6px;font-size:1.15rem;font-weight:700}.empty-state p{color:var(--text-muted);max-width:400px;font-size:.875rem}.account-summary-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.summary-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-xl);align-items:center;gap:20px;padding:24px;display:flex}.card-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.card-icon.superadmin-icon{color:var(--coffee-tan);background:#c29d7833;border:1px solid #c29d7866}.card-icon.admin-icon{color:#86efac;background:#2d5a2733;border:1px solid #49854066}.card-details{flex-direction:column;display:flex}.card-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.card-value{color:var(--text-main);font-size:1.75rem;font-weight:800;line-height:1.2}.card-hint{color:var(--text-muted);margin-top:2px;font-size:.775rem}.btn-action-delete{color:#f87171;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#d4183d1a;border:1px solid #d4183d4d;padding:6px 12px;font-size:.775rem;font-weight:600}.btn-action-delete:hover:not(:disabled){background:var(--danger);color:#fff}.btn-action-delete:disabled{opacity:.35;cursor:not-allowed}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:480px;animation:.3s cubic-bezier(.16,1,.3,1) modalPop;overflow:hidden;box-shadow:0 25px 50px -12px #0009}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px;display:flex}.modal-title-wrap{align-items:center;gap:14px;display:flex}.modal-icon{width:44px;height:44px;color:var(--leaf-green-light);background:#4985402e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-title{color:var(--text-main);font-size:1.15rem;font-weight:700}.modal-desc{color:var(--text-muted);margin-top:2px;font-size:.8rem}.btn-close-modal{color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1}.btn-close-modal:hover{color:var(--text-main)}.modal-body{flex-direction:column;gap:18px;padding:24px 28px;display:flex}.field-hint{color:var(--text-dim);font-size:.725rem}.modal-footer{border-top:1px solid var(--border-color);background:#0000001a;justify-content:flex-end;align-items:center;gap:12px;padding:18px 28px;display:flex}.toast-container{z-index:999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;border-radius:var(--radius-md);background:var(--bg-card-solid);border:1px solid var(--border-color);color:var(--text-main);align-items:center;gap:12px;max-width:380px;padding:14px 20px;font-size:.875rem;font-weight:600;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;box-shadow:0 10px 30px #0006}.toast.toast-exit{animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.toast svg{flex-shrink:0}.toast-success svg{color:var(--leaf-green-light)}.toast-error svg{color:var(--danger)}.toast-info svg{color:var(--coffee-tan)}@media (width<=900px){.pump-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.header-container{padding:12px 16px}.header-center,.logout-text,.user-meta{display:none}.pump-master-card{padding:24px 16px}.pump-visualizer{width:210px;height:210px}.pump-icon-core{width:80px;height:80px}.pump-info-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;padding-top:20px}.section-hero{flex-direction:column;align-items:flex-start}.hero-stats{width:100%}.stat-card{flex:1}.table-filter-bar{flex-direction:column;align-items:stretch}.filter-group{justify-content:space-between}}@media print{body{color:#382a20!important;background:#fff!important}.app-header,.export-toolbar,.table-filter-bar,.btn-action-delete,.modal-backdrop,.toast-container{display:none!important}.app-main{padding:0!important}.table-card{box-shadow:none!important;border:1px solid #e6dfce!important;border-radius:0!important}.data-table th,.data-table td{color:#382a20!important;border:1px solid #e6dfce!important;padding:8px 12px!important}}