.cta-button{margin-top:15px;padding:14px 28px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-family:Poppins,sans-serif;border:none;border-radius:12px;cursor:pointer;background:#00e6ff33;color:var(--text-white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 10px var(--primary-cyan);position:relative;overflow:hidden;transition:all .3s ease-in-out}.cta-button:hover{background:var(--primary-cyan);color:var(--background-dark);box-shadow:0 0 20px var(--primary-cyan);transform:scale(1.05)}.cta-button:active{transform:scale(.95)}@keyframes pulseGlow{0%{box-shadow:0 0 10px var(--primary-cyan)}to{box-shadow:0 0 25px var(--primary-cyan)}}.cta-button{animation:pulseGlow 2s infinite alternate}.nav-tabs{display:flex;flex-direction:column;width:100%;background:var(--bg-color, #0A0F24);color:var(--text-color, #EDEDED);position:fixed;top:0;z-index:1000;box-shadow:0 4px 10px #00e6ff4d}.nav-row{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;width:100%}.nav-brand{flex:1;text-align:left;font-family:Orbitron,sans-serif}.nav-brand h1{font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:3px;font-family:Montserrat,sans-serif;color:var(--primary-color, #00F6FF);text-shadow:0px 0px 15px var(--primary-color, #00F6FF),0px 0px 30px rgba(0,246,255,.5)}.nav-tagline{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;color:#00e6ff;opacity:1;text-shadow:0px 0px 12px rgba(0,230,255,.7)}.nav-list{flex:2;display:flex;justify-content:center;list-style:none;gap:15px;padding:0}.nav-list .nav-link{font-family:Montserrat,sans-serif;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:1px;color:#00e6ff;background:#00e6ff1f;padding:7px 14px;border-radius:6px;border:1px solid #00E6FF;transition:all .3s ease-in-out;cursor:pointer;box-shadow:0 0 6px #00e6ff4d;position:relative}.nav-list .nav-link:hover{background:#00e6ff;color:#0a0f24;transform:translateY(-2px);box-shadow:0 0 10px #00e6ffb3}.nav-list .nav-link:active{transform:translateY(1px)}.nav-list .active-link{background:#00e6ff;color:#0a0f24;font-weight:700;border:2px solid #00E6FF;box-shadow:0 0 10px #00e6ffe6}.nav-list .nav-link.midnight{background:#0a0f24;color:#00e6ff;border:1px solid #00E6FF}.nav-list .nav-link.midnight:hover{background:#00e6ff;color:#0a0f24}.nav-summary{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;background:#0a0f24d9;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 6px #00e6ff4d;min-width:180px;max-width:250px;height:auto;text-align:right}.nav-sales,.nav-payments{color:#0ff;font-weight:700;font-size:14px;padding:4px 0}.nav-difference.negative{font-size:16px;font-family:Oswald,sans-serif;color:red;font-weight:800;padding:4px 8px;background:#ff000026;border-radius:4px;display:inline-block}.nav-difference.positive{font-size:16px;font-family:Oswald,sans-serif;color:gold;font-weight:800;padding:4px 8px;background:#ffd70026;border-radius:4px;display:inline-block}.nav-difference.neutral{font-size:16px;font-family:Oswald,sans-serif;color:#00e6ff;font-weight:800;padding:4px 8px;background:#00e6ff26;border-radius:4px;display:inline-block}.nav-prices-container{display:flex;justify-content:center;align-items:center;background:var(--bg-color, #0A0F24);padding:5px 0;width:100%;position:absolute;top:100%;left:0;flex-wrap:wrap;gap:8px}.nav-prices{font-weight:700;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px}.price-item{font-weight:700;font-size:18px;text-align:center;margin:3px 4px;color:#fff;background:none;padding:0}.prices-link{color:var(--primary-color, #00E6FF);font-weight:700;font-size:18px;margin-left:10px;text-decoration:underline;cursor:pointer;transition:color .3s ease-in-out}.prices-link:hover{color:#fff;text-shadow:0px 0px 10px rgba(255,255,255,.7)}@media (max-width: 768px){.nav-tabs,.nav-row{flex-direction:column;align-items:center;text-align:center}.nav-list{flex-direction:column;align-items:center}.nav-summary{text-align:center}.nav-prices-container{flex-wrap:wrap;top:100%;gap:5px}}.intro-container{width:clamp(320px,90vw,1000px);max-width:100%;margin:220px auto 0;padding:20px;background:#0a0f24;border-radius:12px;box-shadow:0 0 25px #00e6ff66;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-height:auto;height:auto}.glass-background{background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;padding:20px;box-shadow:0 0 15px #00e6ff33}.info-container{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:20px;background:#0a0f24;padding:15px;border-radius:8px}@media (max-width: 768px){.info-container{grid-template-columns:repeat(2,1fr)}}.input-field{width:100%;padding:12px;height:45px;border:2px solid #00E6FF!important;border-radius:5px;background:#0a0f24!important;color:#00e6ff!important;font-size:16px;text-align:center;transition:.3s}.input-field:focus{outline:none;border-color:gold}.shift-selector,.date-picker{width:100%;padding:12px;height:45px;border-radius:5px;background:#0a0f24;color:#00e6ff;font-weight:700;border:2px solid #00E6FF;text-align:center}.product-price-container{background:#0a0f24;padding:20px;border-radius:12px;box-shadow:0 4px 8px #0000004d;margin-top:20px;min-height:auto;height:auto}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:center;justify-content:center}@media (max-width: 768px){.price-grid{grid-template-columns:repeat(2,1fr)}}.price-input{width:100%;height:45px;padding:10px;border:2px solid #00E6FF;border-radius:5px;font-weight:700;color:#00e6ff;background-color:#0a0f24;text-align:center;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.intro-container .custom-product-container,.intro-container .add-product-container,.intro-container .custom-input,.intro-container .add-product-btn{display:none!important}.button-container{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:100%;margin:10px auto}.start-new-shift-btn,.next-button{flex-grow:1;height:50px;padding:14px 20px;width:100%;max-width:unset;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.start-new-shift-btn{background-color:red;color:#fff;border:none;transition:.3s}.start-new-shift-btn:hover{background-color:#8b0000}.next-button{background-color:#00e6ff;color:#0a0f24;border:none;transition:.3s}.nozzle-selection-container{background:#fff;padding:20px;border-radius:10px;box-shadow:2px 2px 5px #0000001a;text-align:center}.product-selection{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.product-selection .btn{background-color:#d3d3d3;color:#000;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}.product-selection .btn-selected{background-color:#00f;color:#fff;font-weight:700}.nozzle-entry-form{margin-top:20px;text-align:center}.input-group{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.input-group label{font-weight:700;font-size:14px}.input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;background:#f9f9f9;transition:.3s}.input-group input:focus{border-color:#00f;background:#fff;outline:none}.btn-add-nozzle{background-color:green;color:#fff;border:none;padding:12px 18px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700}.btn-add-nozzle:hover{background-color:#006400}.nozzle-card{background:#fff;padding:15px;border-radius:10px;box-shadow:2px 2px 5px #0000001a;text-align:center;transition:.3s}.nozzle-title{font-size:18px;font-weight:700;margin-bottom:10px}.nozzle-readings{display:flex;flex-direction:column;gap:8px}.nozzle-readings label{font-weight:700;font-size:14px}.nozzle-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;background:#f9f9f9;transition:.3s}.nozzle-input:focus{border-color:#00f;background:#fff;outline:none}.button-group{display:flex;justify-content:space-between;margin-top:10px}.edit-button{background-color:#00f;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700}.edit-button:hover{background-color:#00008b}.delete-button{background-color:red;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700}.delete-button:hover{background-color:#8b0000}.pump-container{width:clamp(320px,90vw,1400px);max-width:100%;margin:220px auto 0;padding:20px;background:#0a0f24;border-radius:12px;box-shadow:0 0 25px #00e6ff66;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-height:auto;height:auto;color:#ededed}.nozzle-selection-container{max-width:750px;margin:20px auto;padding:15px;background:#0a0f24;border-radius:10px;box-shadow:0 2px 10px #00e6ff33;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#ededed}.nozzle-selection-container h3{font-size:20px;font-weight:700;color:#ededed;text-align:center;margin-bottom:8px}.product-selection{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;justify-content:center;align-items:center;max-width:800px;margin:0 auto}.product-selection .btn{background-color:#0a0f24;color:#fff;border:2px solid #00E6FF;padding:12px 18px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease-in-out;width:100%}.product-selection .btn-selected{background-color:#00e6ff;color:#0a0f24;font-weight:700;border:2px solid #FFD700;box-shadow:0 0 12px #ffd70080}.product-selection .btn:hover{box-shadow:0 0 12px #00e6ff80;border-color:gold}@media (max-width: 768px){.product-selection{grid-template-columns:repeat(1,1fr)}}.added-nozzles-section{background:#0a0f24;padding:20px;border-radius:10px;box-shadow:0 4px 8px #fff3;color:#ededed}.nozzle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.nozzle-card{background:#0a152a;padding:15px;border-radius:8px;box-shadow:0 2px 6px #00e6ff33;text-align:left;transition:.3s;border-left:4px solid #00E6FF;color:#fff}.nozzle-card.editing{min-height:250px}.edit-nozzle-form{display:flex!important;flex-direction:column;gap:10px;background:#172a45;padding:15px;border-radius:8px;box-shadow:0 2px 6px #00e6ff4d;color:#fff;width:100%;min-height:220px}.edit-nozzle-form input{width:100%;padding:8px;border:2px solid #00E6FF;border-radius:6px;background:#0a152a;color:#fff;font-size:14px}.edit-nozzle-form label{font-size:14px;font-weight:700;color:gold}.edit-button{display:none}.delete-button{background-color:#ff3b30;color:#fff;border:none;padding:8px 14px;border-radius:5px;cursor:pointer;font-size:12px;font-weight:700}.remark-cards{display:flex;flex-wrap:wrap;gap:15px;background:#0a152a;padding:20px;border-radius:10px;color:#ededed;margin-top:20px}.remark-card{flex:1;min-width:250px;background:#172a45;padding:15px;border-radius:8px;text-align:center;box-shadow:0 2px 6px #00e6ff4d}.button-container{display:flex;justify-content:space-between;gap:20px;width:100%;max-width:600px;margin-top:10px}.back-button{background-color:gold;color:#0a0f24;padding:14px 20px;width:200px;height:50px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.back-button:hover{background-color:#e5c100}.next-button{background-color:#00e6ff;color:#0a0f24;padding:14px 20px;width:200px;height:50px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.next-button:hover{background-color:gold}.other-sales-page-container{width:clamp(320px,90vw,900px);max-width:100%;margin:240px auto 0;padding:20px;background:#0a0f24;border-radius:12px;box-shadow:0 4px 12px #00e6ff4d;color:#ededed;text-align:center}.page-title{font-size:24px;font-weight:700;color:gold;margin-bottom:15px}.other-sales-container{background:#0a152a;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00e6ff4d;color:#fff}.sales-input-container{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.sales-input{width:100%;padding:12px;border:2px solid #00E6FF;border-radius:8px;background:#fff;color:#000;font-size:16px}.sales-input:focus{outline:none;border-color:#009fcc}.btn-add-sale{padding:12px;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease-in-out}.btn-add-sale:hover{background-color:#218838}.total-sales-card{background:#fff;padding:15px;border-radius:10px;text-align:center;font-weight:700;font-size:18px;color:#0a0f24;box-shadow:0 2px 6px #0000001a;width:250px;margin:20px auto}.sales-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.sale-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 6px #00e6ff33;color:#000;display:flex;justify-content:space-between;align-items:center}.btn-delete-sale{background-color:#ff3b30;color:#fff;border:none;padding:8px 14px;border-radius:5px;cursor:pointer;font-size:12px;font-weight:700}.btn-delete-sale:hover{background-color:#cc2a22}.navigation-buttons{display:flex;justify-content:space-between;margin-top:20px}.btn-back,.btn-next{padding:14px 20px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700}.btn-back{background-color:gold;color:#0a0f24}.btn-back:hover{background-color:#e5c100}.btn-next{background-color:#00e6ff;color:#0a0f24}.btn-next:hover{background-color:#009fcc}.payments-container{background:#0a0f24e6;color:#ededed;padding:20px;border-radius:12px;max-width:600px;margin:auto;box-shadow:0 4px 12px #00e6ff33;text-align:center}.payments-container h3{text-align:center;font-size:22px;font-weight:700;color:gold;margin-bottom:10px}.no-payments{text-align:center;font-size:16px;color:#aab6c4;margin-bottom:10px}.payment-list{margin-top:15px;padding:10px;background:#ffffff14;border-radius:10px;border:1px solid #00E6FF}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ffffff1a;border-radius:8px;margin-bottom:8px;color:#ededed}.btn-delete{background:#ff3b30;color:#fff;border:none;padding:8px 16px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.btn-delete:hover{background:#ff1744}.payment-entry input{width:100%;padding:12px;border:2px solid #FFD700;border-radius:8px;background-color:#fff;color:#0a0f24;font-size:16px;margin-bottom:10px;outline:none;text-align:center}.payment-entry input[type=number]{-moz-appearance:textfield}.payment-entry input[type=number]::-webkit-outer-spin-button,.payment-entry input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.payment-entry input::placeholder{color:#aab6c4}.btn-add-payment{width:100%;padding:12px;background:#28a745;color:#fff;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.btn-add-payment:hover{background:#218838}.payment-buttons{display:flex;justify-content:space-between;gap:10px;margin-top:10px}@media (max-width: 480px){.payments-container{max-width:90%}}.payments-page{width:clamp(320px,80vw,900px);max-width:900px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:auto;min-height:100vh;margin:200px auto 0}.payment-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:900px;width:100%;margin:0 auto;justify-content:center}.btn{background-color:#0a0f24;border:2px solid #00E6FF;color:#fff;padding:12px;font-size:16px;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out;text-align:center;width:100%}.btn:hover{transform:scale(1.05);background-color:gold;color:#0a0f24}.btn-selected{background:gold;color:#0a0f24;transform:scale(1.05)}.custom-payment-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:900px;gap:10px;background-color:#0a0f24;padding:10px;border-radius:10px}.custom-input{flex-grow:1;padding:12px;border:2px solid #00E6FF;border-radius:8px;background:#0a0f24;color:#fff;font-size:16px;text-align:center;height:50px}.add-button{background-color:#0ff;border:2px solid #00E6FF;color:#0a0f24;padding:12px;font-size:16px;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out;text-align:center;height:50px;width:180px}.add-button:hover{transform:scale(1.05);background-color:#0ff}.custom-payments-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;max-width:900px;width:100%;justify-content:center}.custom-payment-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;padding:10px 15px;border-radius:5px;font-size:16px;font-weight:700;color:#000;width:300px;text-align:center}.delete-button{background-color:#ff3b30;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-weight:700;font-size:14px}.delete-button:hover{background-color:#cc2a22}#payment-component{background:#0a0f24;padding:20px;border-radius:12px;box-shadow:0 4px 8px #fff3;width:100%;max-width:600px;text-align:center}#payment-component h3{font-size:22px;font-weight:700;color:gold;margin-bottom:10px}#payment-component input{width:100%;padding:12px;border-radius:5px;background:#fff;color:#0a0f24;font-size:16px;border:2px solid black;text-align:center;margin-bottom:10px}.grand-total{text-align:center;font-size:22px;font-weight:700;color:gold;margin-top:20px}.navigation-buttons{display:flex;justify-content:space-between;width:100%;max-width:600px;margin:30px auto 0;text-align:center}.btn-back,.btn-next{padding:12px 24px;font-size:18px;border:none;border-radius:8px;cursor:pointer;transition:.3s;width:160px;height:50px;display:flex;align-items:center;justify-content:center}.btn-back{background:gold;color:#0a0f24}.btn-next{background:#00e6ff;color:#0a0f24}.btn-next:hover{background:gold}.org-info-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0;font-size:16px;font-weight:600;color:#fff}.org-info-container span{flex:1;text-align:center;white-space:nowrap}@media screen and (max-width: 768px){.org-info-container{flex-direction:column;text-align:center}.org-info-container span{width:100%;padding:5px 0}}.final-report-container{background:#0a152a;color:#ededed;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00e6ff4d;margin-top:150px}@media screen{.report-table{border-collapse:collapse;width:clamp(320px,80vw,900px);margin:0 auto;background:#ffffff1a;color:#ededed;text-align:center;border:1px solid #00E6FF;padding:10px}.report-table th,.report-table td{padding:12px;border:1px solid #00E6FF}}@media print{.report-table{background:none!important;color:#000!important;border:none!important}.report-table th,.report-table td{border:none!important}}.generate-pdf-button{background-color:#00e6ff;color:#0a0f24;padding:12px 18px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s;display:block;margin:20px auto}.generate-pdf-button:hover{background-color:gold}*{margin:0;padding:0;box-sizing:border-box}:root{--background: #0A0F24;--primary: #00E6FF;--secondary: #FF3B30;--accent: #FFD700;--text: #EDEDED;--success: #00FFAA;--warning: #FFA500;--danger: #FF1744}body{background-color:var(--background);color:var(--text);font-family:Arial,sans-serif}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.text-center{text-align:center}.btn{padding:10px 20px;border-radius:8px;transition:.3s}.btn-primary{background-color:var(--primary);color:#000;box-shadow:0 4px 8px #0003}.btn-primary:hover{background-color:#0096d6}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:#d42a20}.card{background-color:#1b2230;padding:20px;border-radius:12px;box-shadow:0 4px 8px #0003}.app-container{background:#0a0f24;color:var(--text-white);min-height:100vh;font-family:Poppins,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center}.main-content{margin-top:140px;padding-bottom:20px;width:100%}.btn{padding:12px 20px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease-in-out}.btn-primary{background:var(--primary-cyan);color:#0a0f24}.btn-primary:hover{background:var(--secondary-red)}.btn-secondary{background:var(--secondary-red);color:var(--text-white)}.btn-secondary:hover{background:var(--accent-gold)}.btn-warning{background:var(--warning-orange);color:#0a0f24}.btn-disabled{background:gray;color:#fff;cursor:not-allowed;opacity:.5}.input-field{padding:10px;width:100%;border-radius:8px;background:#1a1d2a;color:var(--text-white);border:1px solid var(--primary-cyan);outline:none}.input-field:focus{border:1px solid var(--accent-gold)}.card{background:#0a0f24;border-radius:10px;padding:20px;box-shadow:0 4px 12px var(--primary-cyan);text-align:center;margin:10px 0}.card-highlighted{background:var(--secondary-red);color:var(--text-white)}.logo-size{width:100px;height:100px}