:root{--teal:#009688;--teal-dark:#00796b;--red:#d32f2f;--red-dark:#b71c1c;--danger:#e53935;--border:#dadce0;--google-blue:#006400;--google-blue-hover:#004d00;--google-text:#202124;--google-text-secondary:#5f6368;--bg-light:#fff;--bg-dark:#3a3225;--zim-yellow:#fc0;--zim-red:#c00;--zim-black:#000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-light);color:#202124;font-family:Roboto,Arial,sans-serif;line-height:1.5;margin:auto;max-width:600px;padding:16px;transition:background .5s ease-in-out,color .5s ease-in-out}@media (max-width:480px){body{padding:12px}}body.dark{background-color:#3a3225;background-color:var(--bg-dark);color:#f1f1f1}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus{outline:2px solid #006400;outline:2px solid var(--google-blue);outline-offset:2px}html{scroll-behavior:smooth}.section{background-color:var(--bg-light);border:none;border-radius:0;box-shadow:0 1px 2px 0 #3c40431a,0 2px 6px 2px #3c40430d;margin-bottom:24px;padding:20px;transition:all .3s ease}body.dark .section{background-color:var(--bg-dark);box-shadow:0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026}.input-group{display:flex;flex-wrap:wrap;gap:8px}.input-currency{flex:0 0 100px}.input-vrn{flex:1 1}input[type=email],input[type=number],input[type=tel],input[type=text],select{appearance:none;background-color:var(--bg-light);border:none;border-bottom:1px solid var(--border);border-radius:0;box-sizing:border-box;color:var(--google-text);font-family:Roboto,Arial,sans-serif;font-size:1rem;height:56px;margin-bottom:10px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.md-checkbox{align-items:center;color:var(--google-text);cursor:pointer;display:inline-flex;font-family:Roboto,Arial,sans-serif;font-size:14px;margin:8px 0;padding-left:30px;position:relative;transition:color .2s ease;-webkit-user-select:none;user-select:none}.md-checkbox input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.md-checkbox .checkmark{background-color:initial;border:2px solid #0000008a;border-radius:2px;height:18px;left:0;position:absolute;top:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}body.dark .md-checkbox{color:#e8eaed}body.dark .md-checkbox .checkmark{border-color:#ffffffb3}.md-checkbox:hover input~.checkmark{background-color:#0000000a}body.dark .md-checkbox:hover input~.checkmark{background-color:#ffffff14}.md-checkbox input:checked~.checkmark{background-color:var(--google-blue);border-color:var(--google-blue)}.md-checkbox:hover input:checked~.checkmark{background-color:var(--google-blue-hover);border-color:var(--google-blue-hover)}.md-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:8px;left:6px;position:absolute;top:2px;transform:rotate(45deg);transition:all .2s cubic-bezier(.4,0,.2,1);width:3px}.md-checkbox input:checked~.checkmark:after{animation:checkmark-appear .2s cubic-bezier(.4,0,.2,1) forwards;display:block}@keyframes checkmark-appear{0%{opacity:0;transform:rotate(45deg) scale(.5)}to{opacity:1;transform:rotate(45deg) scale(1)}}.md-checkbox input:focus~.checkmark{box-shadow:0 0 0 2px #00640033}body.dark .md-checkbox input:focus~.checkmark{box-shadow:0 0 0 2px #0064004d}.md-checkbox .ripple{background-color:#0064001f;border-radius:50%;height:36px;left:-10px;opacity:1;pointer-events:none;position:absolute;top:-10px;transform:scale(0);width:36px}body.dark .md-checkbox .ripple{background-color:#00640033}.md-checkbox input:checked~.ripple{animation:ripple-effect .4s cubic-bezier(.4,0,.2,1)}@keyframes ripple-effect{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.md-checkbox.compact{margin:4px 0;padding-left:28px}.md-checkbox.compact .checkmark{height:16px;width:16px}.md-checkbox.compact .checkmark:after{height:7px;left:5px;top:1px;width:2px}.md-radio{align-items:center;color:var(--google-text);cursor:pointer;display:inline-flex;font-family:Roboto,Arial,sans-serif;font-size:14px;margin:8px 0;padding-left:30px;position:relative;transition:color .2s ease;-webkit-user-select:none;user-select:none}.md-radio input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.md-radio .radio-mark{background-color:initial;border:2px solid #0000008a;border-radius:50%;height:18px;left:0;position:absolute;top:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}body.dark .md-radio{color:#e8eaed}body.dark .md-radio .radio-mark{border-color:#ffffffb3}.md-radio:hover input~.radio-mark{background-color:#0000000a}body.dark .md-radio:hover input~.radio-mark{background-color:#ffffff14}.md-radio input:checked~.radio-mark{border-color:var(--google-blue)}.md-radio .radio-mark:after{background:var(--google-blue);border-radius:50%;content:"";display:none;height:8px;left:3px;position:absolute;top:3px;transition:all .2s cubic-bezier(.4,0,.2,1);width:8px}.md-radio input:checked~.radio-mark:after{animation:radio-appear .2s cubic-bezier(.4,0,.2,1) forwards;display:block}@keyframes radio-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.md-radio input:focus~.radio-mark{box-shadow:0 0 0 2px #00640033}body.dark .md-radio input:focus~.radio-mark{box-shadow:0 0 0 2px #0064004d}.md-radio .ripple{background-color:#0064001f;border-radius:50%;height:36px;left:-10px;opacity:1;pointer-events:none;position:absolute;top:-10px;transform:scale(0);width:36px}body.dark .md-radio .ripple{background-color:#00640033}.md-radio input:checked~.ripple{animation:ripple-effect .4s cubic-bezier(.4,0,.2,1)}select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:24px;cursor:pointer;padding-right:40px}input:focus,select:focus{border-bottom-width:2px;border-color:var(--google-blue);box-shadow:none;outline:none}input.input-error{background-color:#ff000008;border-color:var(--danger)}input.input-error:focus{border-bottom-width:2px;border-color:var(--danger)}body.dark input[type=email],body.dark input[type=number],body.dark input[type=tel],body.dark input[type=text],body.dark select{background-color:var(--bg-dark);border-color:#555;color:#f1f1f1}@supports (-webkit-touch-callout:none){select{font-size:16px}}.button{border:none;border-radius:0;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;cursor:pointer;font-size:.875rem;font-weight:500;letter-spacing:.25px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}@media (max-width:480px){.button{padding:10px}}.add-btn{background:var(--google-blue);color:#fff}.add-btn:focus,.add-btn:hover{background:var(--google-blue-hover);box-shadow:0 1px 3px 0 #3c404366,0 4px 8px 3px #3c404333}.add-btn:active{background:var(--google-blue-hover);box-shadow:0 1px 3px 0 #3c40434d,0 1px 2px 0 #3c404333;transform:translateY(1px)}.pay-btn{background:var(--zim-red);color:#fff;margin-top:24px}.pay-btn:focus,.pay-btn:hover{background:#a30000;box-shadow:0 1px 3px 0 #3c404366,0 4px 8px 3px #3c404333}.pay-btn:active{background:#a30000;box-shadow:0 1px 3px 0 #3c40434d,0 1px 2px 0 #3c404333;transform:translateY(1px)}.vehicle-item{align-items:center;animation:fadeIn .3s ease;border-bottom:1px dotted #0003;display:flex;justify-content:space-between;padding:16px 0;transition:background-color .2s ease}.vehicle-item:hover{background-color:#00000005}.vehicle-left{flex:1 1;font-size:.95rem;line-height:1.5}.vehicle-left strong{color:#202124;font-family:Google Sans,Roboto,Arial,sans-serif;font-weight:500}.vehicle-left small{color:#5f6368;font-size:.85rem}.vehicle-right{color:#202124;gap:12px}.remove-btn,.vehicle-right{align-items:center;display:flex;font-weight:500}.remove-btn{background:#0000;border:none;border-radius:50%;color:var(--zim-red);cursor:pointer;font-size:1.2rem;height:36px;justify-content:center;margin:-8px;padding:8px;transition:background-color .2s ease;width:36px}.remove-btn:focus,.remove-btn:hover{background-color:#cc000014}body.dark .vehicle-item{border-bottom-color:#fff3;border-bottom-style:dotted}body.dark .vehicle-item:hover{background-color:#ffffff08}body.dark .vehicle-left strong{color:#e8eaed}body.dark .vehicle-left small{color:#9aa0a6}body.dark .vehicle-right{color:#e8eaed}.vehicle-count{color:#5f6368;display:inline-block;font-size:.75rem;font-weight:500}.vehicle-details{color:#5f6368;display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px;margin-top:4px}.vehicle-line-item{color:#202124;font-size:.9rem;font-weight:400;padding:4px 0;width:100%}.vehicle-duration,.vehicle-usage{background-color:#0000000d}.license-expiry,.vehicle-duration,.vehicle-usage{border-radius:4px;display:inline-block;padding:2px 8px}.license-expiry{font-weight:500;margin-top:2px}.license-active{background-color:#0d652d1a;border-radius:4px;color:#0d652d;padding:2px 8px}.license-expiring-soon{background-color:#b060001a;border-radius:4px;color:#b06000;padding:2px 8px}.license-expired{background-color:#c5221f1a;border-radius:4px;color:#c5221f;padding:2px 8px}.license-unknown{color:#1a73e8}body.dark .vehicle-details{color:#9aa0a6}body.dark .vehicle-line-item{color:#e8eaed}body.dark .vehicle-duration,body.dark .vehicle-usage{background-color:#ffffff1a}body.dark .license-active{background-color:#81c99526;border-radius:4px;color:#81c995;padding:2px 8px}body.dark .license-expiring-soon{background-color:#fdd66326;border-radius:4px;color:#fdd663;padding:2px 8px}body.dark .license-expired{background-color:#f28b8226;border-radius:4px;color:#f28b82;padding:2px 8px}body.dark .license-unknown{color:#8ab4f8}.error-message{color:var(--danger);display:none;font-size:.75rem;font-weight:400;letter-spacing:.25px;line-height:1.25;margin-bottom:10px;margin-top:-12px;padding-left:16px;transition:opacity .2s ease}.error-message.active{animation:fadeIn .2s ease;display:block}.hidden{display:none}.loader{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-bottom:6px solid var(--zim-red);border-radius:50%;border-right:6px solid var(--zim-yellow);border-top:6px solid var(--google-blue);height:48px;margin:0 auto;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;visibility:hidden;width:100%;z-index:1000}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{animation:fadeInModal .4s ease;background:var(--bg-light);border-radius:0;box-shadow:none;max-width:400px;padding:24px;text-align:center;width:90%}@media (max-width:480px){.modal-content{padding:20px;width:80%}}.modal-content h3{color:var(--google-text);font-family:Google Sans,Roboto,Arial,sans-serif;font-size:1.25rem;font-weight:500;letter-spacing:.25px;margin-bottom:16px;margin-top:0}body.dark .modal-content h3{color:#e8eaed}body.dark .modal-content{background:var(--bg-dark);color:#f1f1f1}@keyframes fadeInModal{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}header{background-color:var(--bg-light);border-bottom:1px solid #00000014;box-sizing:border-box;flex-wrap:wrap;gap:12px;left:0;padding:16px;position:fixed;top:0;z-index:1000}.header-content,header{align-items:center;display:flex;justify-content:space-between;width:100%}.header-content{margin:0 auto;max-width:600px}body.dark header{background-color:var(--bg-dark)}.App{padding-top:96px}.logo{height:48px;transition:all .3s ease;width:auto}.logo.light-mode{filter:none}.logo.dark-mode{filter:brightness(1.2)}.dark-mode-toggle{align-items:center;background:none;border:none;border-radius:50%;color:var(--google-text);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:background-color .2s ease;width:40px}.dark-mode-toggle:hover{background-color:#0000000d}body.dark .dark-mode-toggle{color:#e8eaed}body.dark .dark-mode-toggle:hover{background-color:#ffffff1a}@media (max-width:480px){.section{box-shadow:0 1px 2px 0 #3c40431a;margin-bottom:16px;padding:16px}input,select{font-size:1rem;margin-bottom:8px;padding:10px 16px}.input-group{gap:8px}.input-currency{flex:0 0 85px}.button{font-size:.8125rem;padding:10px 16px}.vehicle-item{padding:12px 0}.vehicle-left{font-size:.9rem}.vehicle-details{gap:6px;margin-top:3px}.vehicle-duration,.vehicle-usage{font-size:.8rem;padding:1px 6px}.vehicle-right{gap:8px}.remove-btn{height:32px;width:32px}.total-info{border-radius:0;box-shadow:0 1px 2px 0 #3c40431a;margin-bottom:12px;padding:12px}.total-amount{font-size:1rem}.pay-btn{margin-top:16px}header{padding:12px}.header-content{padding:0 4px}.App{padding-top:80px}.logo{box-shadow:0 1px 3px #0000001a;height:40px;width:auto}.instructions-section{padding-left:16px}.instructions-list{padding-left:20px}.empty-state{padding:24px 12px}}label.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}body.dark label:not([style]){color:#e0e0e0}.instructions-section,.notification-section{background-color:var(--bg-light);border-left:4px solid var(--google-blue);padding-left:24px}body.dark .instructions-section,body.dark .notification-section{background-color:var(--bg-dark)}.guide-header,.notification-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 0}.collapse-toggle{background:none;border:none;color:var(--google-blue);cursor:pointer;font-size:1rem;padding:4px 8px;transition:transform .3s ease}.guide-content,.notification-content{max-height:500px;opacity:1;overflow:hidden;padding-top:10px;transition:max-height .3s ease,opacity .3s ease,margin .3s ease,padding .3s ease}.guide-content.collapsed,.notification-content.collapsed{margin-bottom:0;margin-top:0;max-height:0;opacity:0;overflow:hidden;padding-top:0}.radio-group{display:flex;flex-direction:row;gap:20px;justify-content:flex-start;margin-bottom:10px;width:100%}.radio-option{align-items:center;display:flex;margin-bottom:0}.radio-input{margin-bottom:12px;margin-left:30px;width:calc(100% - 30px)}.radio-input input[type=email],.radio-input input[type=tel]{font-size:.95rem;height:40px;margin-bottom:4px;padding:8px 12px;width:100%}.radio-input .error-message{margin-bottom:0;margin-top:4px}@media (max-width:480px){.radio-group{flex-wrap:wrap;gap:15px}.radio-option{margin-bottom:2px}.radio-input{margin-bottom:8px}.radio-input input[type=email],.radio-input input[type=tel]{height:36px;padding:6px 10px}.notification-section{margin-bottom:15px!important;margin-top:15px!important}}.instructions-list{line-height:1.75;margin:16px 0;padding-left:24px}.instructions-list li{color:var(--google-text-secondary);margin-bottom:12px;padding-left:8px}.instructions-list li::marker{color:var(--google-blue);font-weight:500}body.dark .instructions-list li{color:#9aa0a6}.instructions-note{border-top:1px solid #00000014;color:#5f6368;font-size:.875rem;line-height:1.5;margin-top:24px;padding-top:16px}body.dark .instructions-note{border-top-color:#ffffff14;color:#9aa0a6}.payment-method-info{background-color:#ffcc000d;border-left:4px solid var(--zim-yellow);border-radius:0;margin-bottom:16px;padding:12px 16px}.payment-method-header{align-items:center;display:flex;gap:12px}.payment-method-icon{font-size:1.25rem}.payment-method-name{color:var(--google-text);font-family:Google Sans,Roboto,Arial,sans-serif;font-weight:500}.total-info{background-color:#4285f40d;border-bottom:4px solid var(--bg-dark);border-radius:0;box-shadow:0 1px 2px 0 #3c40431a;margin-bottom:16px;padding:16px}.total-header{justify-content:space-between}.total-details,.total-header{align-items:center;display:flex}.total-details{flex:1 1;flex-direction:row;gap:8px}.total-amount,.total-label{color:var(--google-text);font-family:Google Sans,Roboto,Arial,sans-serif;font-weight:700}.total-amount{font-size:1.1rem}body.dark .payment-method-info{background-color:#1a73e81a}body.dark .payment-method-name{color:#e8eaed}body.dark .total-info{background-color:#1a73e81a;border-left-color:var(--google-blue);box-shadow:0 1px 2px 0 #0000001a}body.dark .total-amount,body.dark .total-label{color:#e8eaed}body.dark .vehicle-count{color:#9aa0a6}.empty-state{background-color:#00000005;border:1px dashed #0000001f;color:#5f6368;font-size:.95rem;line-height:1.5;margin:8px 0;padding:32px 16px;text-align:center}body.dark .empty-state{background-color:#ffffff08;border-color:#ffffff14;color:#9aa0a6}.section h3{color:#202124;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:1.125rem;font-weight:500;letter-spacing:0;line-height:1.5;margin:0 0 16px}body.dark .section h3{color:#e8eaed}
/*# sourceMappingURL=main.8b731606.css.map*/