@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap);:root{--primary-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--dark-bg:#0f172a;--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1)}.custom-input.ant-input,.custom-input.ant-input-affix-wrapper input{background:transparent!important;color:#fff!important}.custom-input.ant-input-affix-wrapper input:-webkit-autofill,.custom-input.ant-input:-webkit-autofill{-webkit-text-fill-color:#fff!important;border-radius:16px!important;box-shadow:inset 0 0 0 1000px rgba(0,0,0,.2)!important;-webkit-box-shadow:inset 0 0 0 1000px rgba(0,0,0,.2)!important;caret-color:#fff!important;-webkit-transition:background-color 9999s ease-in-out 0s!important;transition:background-color 9999s ease-in-out 0s!important}.login-page-container{background-color:var(--dark-bg);display:flex;font-family:Inter,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.waves-container{height:40vh;width:100%;z-index:1}.wave,.waves-container{bottom:0;left:0;position:absolute}.wave{animation:wave-animation 20s linear infinite;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%233b82f6" fill-opacity="0.1" d="M0,192L48,197.3C96,203,192,213,288,192C384,171,480,117,576,112C672,107,768,149,864,165.3C960,181,1056,171,1152,144C1248,117,1344,75,1392,53.3L1440,32L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');background-size:50% 100%;height:100%;transform-origin:center bottom;width:200%}.wave:nth-child(2){animation-duration:15s;bottom:10px;opacity:.5}.wave:nth-child(3){animation-duration:10s;bottom:20px;opacity:.3}@keyframes wave-animation{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.login-left-side{color:#fff;flex:1.2;flex-direction:column;text-align:center}.login-left-side,.login-right-side{align-items:center;display:flex;justify-content:center;padding:40px;position:relative;z-index:2}.login-right-side{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,23,42,.4);border-left:1px solid var(--glass-border);flex:0.8}.branding-header{align-items:center;animation:fadeIn 1.2s ease-out;display:flex;gap:20px;justify-content:center;margin-bottom:30px}.branding-logo-main{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;filter:drop-shadow(0 0 15px rgba(59,130,246,.4));height:90px;-o-object-fit:contain;object-fit:contain;padding:10px;transition:all .3s ease;width:90px}.branding-logo-main:hover{background:hsla(0,0%,100%,.08);border-color:rgba(59,130,246,.5);transform:scale(1.05)}.branding-text-group{display:flex;flex-direction:column;justify-content:center;text-align:left}.glass-title{background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.7));-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:5rem;font-weight:800;line-height:1;margin:0;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));letter-spacing:-1px}.unit-text{color:hsla(0,0%,100%,.8);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;letter-spacing:2px;margin:0;padding-left:10px;text-shadow:0 2px 4px rgba(0,0,0,.2);text-transform:uppercase}.branding-subtitle{color:hsla(0,0%,100%,.6);font-size:1.1rem;line-height:1.6;margin:20px auto 0;max-width:450px}.glass-login-card{animation:slideInRight 1s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:hsla(0,0%,100%,.03)!important;border:1px solid hsla(0,0%,100%,.12)!important;border-radius:32px!important;box-shadow:0 4px 24px -1px rgba(0,0,0,.2),0 128px 128px -64px rgba(0,0,0,.4),inset 0 0 20px hsla(0,0%,100%,.05)!important;max-width:440px;overflow:hidden;padding:32px!important;position:relative;width:100%}.glass-login-card:before{animation:rotate 10s linear infinite;background:conic-gradient(transparent,rgba(59,130,246,.1),transparent 30%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-form-header{margin-bottom:40px;text-align:left}.login-form-header h2{background:linear-gradient(180deg,#fff,#a5b4fc);-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:2.2rem!important;font-weight:700!important;letter-spacing:-.5px;-webkit-text-fill-color:transparent}.custom-input{background:rgba(0,0,0,.2)!important;border:1px solid hsla(0,0%,100%,.08)!important;border-radius:16px!important;color:#fff!important;font-size:15px!important;height:52px!important;padding:0 20px!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important}.custom-input input::-moz-placeholder,.custom-input::-moz-placeholder{color:hsla(0,0%,100%,.4)!important}.custom-input input::placeholder,.custom-input::placeholder{color:hsla(0,0%,100%,.4)!important}.custom-input input{color:#fff!important}.ant-input-password-icon{color:hsla(0,0%,100%,.6)!important;font-size:18px!important;transition:all .3s ease}.ant-input-password-icon:hover{color:#fff!important}.custom-input:focus,.custom-input:hover{background:rgba(0,0,0,.3)!important;border-color:#3b82f6!important;box-shadow:0 0 20px rgba(59,130,246,.15)!important;transform:translateY(-1px)}.login-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;border-radius:16px!important;box-shadow:0 12px 24px -6px rgba(59,130,246,.5)!important;font-size:17px!important;font-weight:700!important;height:56px!important;letter-spacing:.5px;margin-top:10px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important}.login-button:hover{box-shadow:0 20px 32px -8px rgba(59,130,246,.6)!important;filter:brightness(1.1);transform:translateY(-3px) scale(1.02)}.login-button:active{transform:translateY(0) scale(.98)}.login-footer{border-top:1px solid hsla(0,0%,100%,.1);margin-top:40px;padding-top:24px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.glass-title{font-size:4.5rem}}@media (max-width:1024px){.glass-title{font-size:3.8rem}.login-left-side{padding:24px}}@media (max-width:968px){.login-page-container{flex-direction:column;height:100vh;overflow:hidden;position:fixed}.login-left-side{border-bottom:none;flex:0 0 25vh;flex-direction:column;padding:20px}.login-left-side,.login-right-side{display:flex;justify-content:center;width:100%}.login-right-side{align-items:center;background:transparent;border-left:none;border-top:none;flex:1;overflow-y:auto;padding:0 20px 20px}.branding-header{flex-direction:column;gap:8px;margin-bottom:0}.branding-logo-main{height:60px;padding:8px;width:60px}.branding-text-group{text-align:center}.unit-text{font-size:.8rem;letter-spacing:1.5px;padding-left:0}.glass-title{font-size:2.5rem}.waves-container{height:15vh}.glass-login-card{background:hsla(0,0%,100%,.05)!important;border:none!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important;margin-top:0;max-height:98%;padding:20px!important}.login-footer{margin-top:20px!important;padding-top:16px!important}}@media (max-width:480px){.login-left-side{flex:0 0 20vh;padding:15px}.glass-title{font-size:2rem}.unit-text{font-size:.65rem}.branding-logo-main{height:50px;width:50px}.glass-login-card{border-radius:20px!important;padding:16px!important}.login-form-header{margin-bottom:15px}.login-form-header h2{font-size:1.5rem!important}.login-form-header span{font-size:12px!important}.custom-input{font-size:14px!important;height:44px!important}.login-button{font-size:15px!important;height:48px!important;margin-top:0}.login-footer{margin-top:15px!important;padding-top:12px!important}}@media (max-height:650px){.login-left-side{flex:0 0 15vh;padding:5px}.branding-logo-main{display:none}.glass-title{font-size:1.5rem}.login-form-header{margin-bottom:10px}.glass-login-card{padding:12px!important}}:root{--primary-h:220;--primary-s:70%;--primary-l:50%;--primary:hsl(var(--primary-h),var(--primary-s),var(--primary-l));--primary-hover:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l) - 5%));--primary-light:hsl(var(--primary-h),var(--primary-s),95%);--bg-main:#f8fafc;--bg-card:#fff;--text-main:#1e293b;--text-secondary:#64748b;--glass-bg:hsla(0,0%,100%,.7);--glass-border:hsla(0,0%,100%,.3);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--radius-md:12px;--radius-lg:16px}[data-theme=dark]{--bg-main:#0f172a;--bg-card:#1e293b;--text-main:#f1f5f9;--text-secondary:#94a3b8;--glass-bg:rgba(30,41,59,.7);--glass-border:hsla(0,0%,100%,.1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-main);color:var(--text-main);font-size:13px}h1{font-size:1.4rem}h2{font-size:1.2rem}h3{font-size:1.1rem}h4{font-size:1rem}.glass-effect{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border)}.premium-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease}.premium-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ant-spin-container{border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.wave-text span{animation:wave 2s ease-in-out infinite;background:linear-gradient(135deg,var(--primary),#a855f7);-webkit-background-clip:text;display:inline-block;font-family:Outfit,sans-serif;font-size:14px;-webkit-text-fill-color:transparent}.wave-text span:first-child{animation-delay:0s}.wave-text span:nth-child(2){animation-delay:.2s}.wave-text span:nth-child(3){animation-delay:.4s}.wave-text span:nth-child(4){animation-delay:.6s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.invoice-wrapper,.invoice-wrapper2{box-sizing:border-box;color:#000;font-family:Helvetica Neue,Arial,sans-serif;line-height:2}.invoice-wrapper{page-break-after:always;-moz-column-break-after:page;break-after:page}.price-table,.table1,.table2{border-collapse:collapse;table-layout:fixed;width:100%}.price-table td,.price-table th,.table1 td,.table1 th,.table2 td,.table2 th{border:1px solid #000;padding:1px 2px;vertical-align:middle;word-wrap:break-word}.price-table th{background:#f4f4f4;font-weight:700}.price-table td,.price-table th{text-align:center}.price-table td:first-child,.price-table th:first-child{text-align:left;width:60%}.text-center{text-align:center}.right{text-align:right}.text-bold{font-weight:700}.underline .ant-divider{border-top:1px solid #000;margin:1px 0}.invoice-header{margin-bottom:2px;text-align:center}.invoice-header h1{font-weight:700;margin:0}.invoice-line{align-items:center;display:flex;justify-content:space-between}.signature-section{text-align:right;width:100%}.signature{display:flex;justify-content:space-between;margin-top:40px;width:100%}.signature p{line-height:1.2;margin:2px 0;text-align:center}.footer-bottom,.footer-top{align-items:center;display:flex;justify-content:space-between}.footer-notes .signature{display:flex;justify-content:space-between;margin:4px 0;width:100%}.footer-notes .signature p{line-height:1.2;margin:2px 0}.vehicle-section-box{background-color:#f9f9f9;border:1px solid #000;border-radius:4px;margin-bottom:5px;padding:4px}.vehicle-section-box .vehicle-row{border-bottom:none;display:flex;justify-content:space-between;padding:1px 0}.vehicle-section-box .vehicle-row div{flex:1;min-width:60px}.vehicle-section-box .vehicle-row div strong{display:inline-block;width:100px}.vehicle-details{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;margin-top:8px;padding:4px}.vehicle-details h3{font-weight:700;margin-bottom:2px}.vehicle-details-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.vehicle-details-col{flex:1;min-width:140px}.vehicle-details-col p{line-height:1.1;margin:1px 0}.customer-section{box-sizing:border-box;margin-bottom:8px;width:100%}.customer-row{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.customer-left{flex:1;min-width:200px;text-align:left}.customer-right{flex:1;min-width:200px;text-align:right}.customer-left p,.customer-right p{line-height:1.8;margin:0;word-break:break-word}.customer-extra{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:4px;width:100%}.customer-extra p{margin:0}@media (max-width:600px){.customer-row{align-items:flex-start;flex-direction:column}.customer-right{margin-top:4px;text-align:left}.customer-extra{align-items:flex-start;flex-direction:column}}.invoice-wrapper .right-section{margin-bottom:1%;margin-top:6px}.price-table td.right{text-align:right}.total-row td{font-weight:700}.print-page{-moz-column-break-after:page;break-after:page;page-break-after:always}.invoice-wrapper2 .vehicle-details-col{flex:1;min-width:160px}.receipt-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2px}.receipt-left{flex:1;text-align:left}.receipt-right{min-width:150px}.invoice-wrapper2 .footer .signature-section,.receipt-right{text-align:right}.invoice-header{height:50%;margin:0;padding:0;width:100%}.invoice-header-img{display:block;-o-object-fit:contain;object-fit:contain;width:100%}