.chasi-landing{-webkit-tap-highlight-color:rgba(74,222,128,.2);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chasi-navbar{position:sticky!important;top:0!important;z-index:1000!important}@media(min-width:769px){.desktop-nav{display:flex!important}.desktop-sign-in{display:block!important}.mobile-hamburger,.mobile-dropdown{display:none!important}}.chasi-landing-page{background-size:cover;background-position:center center}@media(max-width:768px){.chasi-landing-page{background-size:auto 100%!important;background-position:center center!important}}@media(max-width:480px){.chasi-landing-page{background-size:auto 80%!important;background-position:center center!important}}@media(max-width:768px){.desktop-nav,.desktop-sign-in{display:none!important}.mobile-hamburger{display:flex!important;flex-direction:column!important;justify-content:space-around!important;width:30px!important;height:30px!important;background:transparent!important;border:none!important;cursor:pointer!important;padding:0!important;z-index:20!important}.mobile-hamburger div{width:25px!important;height:3px!important;background:#4ade80!important;border-radius:2px!important;transition:all .3s ease!important;transform-origin:1px!important}.mobile-dropdown{display:block!important}.chasi-navbar{padding:15px 20px!important;position:relative!important}}@media(max-width:768px){.mobile-hamburger:hover div{background:#22c55e!important}.mobile-menu-overlay{position:fixed;inset:0;background:#0000004d;z-index:5;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}}@media(max-width:480px){.chasi-hero-title{font-size:2rem!important;line-height:1.2!important;margin-bottom:1.5rem!important;padding:0 1rem!important}.chasi-hero-description{font-size:1rem!important;line-height:1.5!important;padding:0 1.5rem!important;margin-bottom:2rem!important}.chasi-tagline{font-size:1.125rem!important;padding:0 1.5rem!important;margin-top:2rem!important}.chasi-main-content{padding:2rem 1rem 3rem!important;min-height:calc(100vh - 80px)!important}}@media(min-width:481px)and (max-width:768px){.chasi-hero-title{font-size:3rem!important;margin-bottom:2rem!important}.chasi-hero-description{font-size:1.125rem!important;max-width:85%!important;margin-bottom:2.5rem!important}.chasi-tagline{font-size:1.25rem!important}.chasi-navbar{padding:1.5rem 2rem!important}}@media(min-width:769px){.chasi-hero-title{font-size:4rem!important}.chasi-hero-description{font-size:1.25rem!important;max-width:650px!important}.chasi-tagline{font-size:1.5rem!important}.chasi-navbar{padding:1.25rem 3.75rem!important;flex-direction:row!important;justify-content:space-between!important}.desktop-nav{gap:2.8125rem!important}}@media(min-width:1200px){.chasi-main-content{padding:0 2.5rem!important}}@media(max-width:768px){.chasi-page-container{background-attachment:scroll!important}.chasi-nav-link,.chasi-sign-in-button{transition:all .15s ease!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.chasi-nav-link{border:1px solid #4ade80!important}.chasi-hero-title{text-shadow:none!important;color:#4ade80!important}.mobile-hamburger div{background:#4ade80!important;border:1px solid #4ade80!important}}@media(prefers-color-scheme:dark){.chasi-background-overlay{background:#000000b3!important}}@media(max-width:768px)and (orientation:landscape){.chasi-main-content{padding:1rem 2rem!important;min-height:calc(100vh - 60px)!important}.chasi-hero-title{font-size:2.5rem!important;margin-bottom:1rem!important}.chasi-hero-description{font-size:.9375rem!important;margin-bottom:1.5rem!important}.chasi-tagline{font-size:1rem!important;margin-top:1rem!important}.chasi-navbar{padding:10px 20px!important}}@media(max-width:768px){.mobile-dropdown a,.mobile-dropdown button{min-height:48px!important;display:flex!important;align-items:center!important;touch-action:manipulation!important}.mobile-dropdown a:active,.mobile-dropdown button:active{background-color:#4ade8033!important;transform:scale(.98)!important}}@keyframes glow{0%{text-shadow:0 0 10px rgba(74,222,128,.5),0 0 20px rgba(74,222,128,.3)}to{text-shadow:0 0 15px rgba(74,222,128,.8),0 0 25px rgba(74,222,128,.5)}}.about-page{width:100%;overflow-x:hidden}.about-loading,.about-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #5b5fc7;border-radius:50%;animation:spin 1s linear infinite}.about-error h2{color:#111827;margin-bottom:1rem}.about-error p{color:#6b7280;margin-bottom:1.5rem}.about-hero{position:relative;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:#0003}.hero-content{position:relative;z-index:1;text-align:center;padding:2rem;max-width:800px}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.5rem;font-weight:400;opacity:.95}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.about-section{padding:4rem 0}.section-title{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:2rem;text-align:center}.section-content{max-width:800px;margin:0 auto;text-align:center}.description-text{font-size:1.125rem;line-height:1.8;color:#4b5563}.about-stats{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item{padding:1.5rem}.stat-value{font-size:3rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.stat-label{font-size:1rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.05em}.mission-vision{background:#f9fafb}.mv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:900px;margin:0 auto}.mv-card{background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 4px 6px #00000012;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.mv-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.mv-icon{font-size:3rem;margin-bottom:1rem}.mv-title{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:1rem}.mv-text{font-size:1rem;line-height:1.7;color:#6b7280}.values-section{background:#fff}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.value-card{text-align:center;padding:2rem;border-radius:.75rem;background:#f9fafb;transition:all .3s ease}.value-card:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.value-icon{font-size:3rem;margin-bottom:1rem}.value-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.75rem}.value-description{font-size:.938rem;line-height:1.6;color:#6b7280}.history-section{background:#f9fafb}.history-content{max-width:800px;margin:0 auto;text-align:center}.history-year{margin-bottom:1.5rem}.year-badge{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50px;font-weight:700;font-size:1rem;letter-spacing:.05em}.history-text{font-size:1.125rem;line-height:1.8;color:#4b5563}.team-section{background:#fff}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:3rem}.team-card{text-align:center;padding:2rem;border-radius:1rem;background:#f9fafb;transition:all .3s ease}.team-card:hover{background:#fff;box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.team-avatar{width:120px;height:120px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 4px 12px #00000026}.team-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:3rem;font-weight:700}.team-name{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.team-position{font-size:1rem;color:#5b5fc7;font-weight:600;margin-bottom:1rem}.team-bio{font-size:.938rem;line-height:1.6;color:#6b7280}.about-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5rem 0}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-text{font-size:1.25rem;margin-bottom:2rem;opacity:.95}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:.5rem;text-decoration:none;transition:all .3s ease;display:inline-block}.btn-primary{background:#fff;color:#5b5fc7}.btn-primary:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}@media(max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.125rem}.section-title{font-size:2rem}.about-section{padding:3rem 0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-value{font-size:2rem}.mv-grid,.values-grid,.team-grid{grid-template-columns:1fr}.cta-title{font-size:1.75rem}.cta-text{font-size:1rem}.cta-buttons{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{width:100%;text-align:center}}@media(max-width:480px){.about-hero{height:300px}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.about-section{padding:2rem 0}}:root{--header-height: 64px;--sidebar-width: 260px}.root,html,body{background:#fff;color:#1a1a1a;margin:0;padding:0;height:100%}.cust-shell{max-width:100%;margin:0 auto;font-family:Inter,Segoe UI,Roboto,Arial;color:#1a1a1a;min-height:100vh;display:flex;flex-direction:column}.cust-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;box-shadow:0 2px 8px #00000014}.cust-row{display:flex;gap:8px;align-items:center}.cust-title{font-size:20px;font-weight:700;margin:0 0 10px;color:#1a1a1a}.form-field{display:flex;flex-direction:column;margin-bottom:10px}.form-field label{font-size:13px;color:#374151;margin-bottom:6px;font-weight:600}.input,.select,.textarea{padding:9px 11px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;color:#1a1a1a;outline:none;font-size:14px;width:100%;box-sizing:border-box}.input:focus,.select:focus,.textarea:focus{border-color:#b4f2b2;box-shadow:0 0 0 3px #10b9811a;background:#fff}.btn{display:inline-flex;align-items:center;gap:8px;background:#b4f2b2;color:#fff;border:1px solid #b4f2b2;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600;letter-spacing:.2px;font-size:14px;transition:background .2s}.btn:hover{background:#b4f2b2}.btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn.secondary:hover{background:#e5e7eb}.small{font-size:13px;color:#6b7280}.link{color:#b4f2b2;text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.err{color:#dc2626;font-size:13px;margin-top:6px}.success{color:#059669;font-size:13px;margin-top:6px}.cust-header{position:sticky;top:0;left:0;right:0;width:100%;z-index:1000;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid #e5e7eb;background:#fffffff2;height:var(--header-height);margin:0;padding:0;box-shadow:0 1px 3px #0000000d}.cust-header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 20px;max-width:100%;margin:0 auto}.brand{display:flex;align-items:center;gap:12px}.brand-link{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-badge{display:inline-flex;width:32px;height:32px;border-radius:10px;align-items:center;justify-content:center;background:#b4f2b2;color:#fff;box-shadow:0 2px 8px #10b9814d;font-size:1.25rem}.brand-name{font-weight:800;letter-spacing:.2px;color:#1a1a1a;font-size:18px}.brand-sub{color:#6b7280;font-size:13px;margin-left:6px;padding-left:8px;border-left:1px solid #d1d5db}.cust-nav{display:flex;align-items:center;gap:12px}.nav-user-section{display:flex;align-items:center;gap:10px}.nav-link{color:#374151;text-decoration:none;font-weight:600;padding:8px 12px;border-radius:8px;border:1px solid transparent;display:flex;align-items:center;gap:6px;font-size:14px;transition:all .2s}.nav-link:hover{background:#10b9811a;border-color:#b4f2b2;color:#b4f2b2}.nav-link.active{border-color:#b4f2b2;color:#fff;background:#b4f2b2}.hello{font-size:13px;color:#6b7280}.btn-logout{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ef444433}.sidebar-toggle-left{display:none;background:none;border:none;color:#374151;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.sidebar-toggle-left:hover{background:#10b9811a}.cust-main{flex:1;background:#f9fafb;min-height:calc(100vh - var(--header-height))}.cust-container{max-width:100%;margin:0 auto}.cust-main.auth{padding:0;display:flex;align-items:center;justify-content:center;min-height:100vh;background-image:url(/bg-section1.jpg);background-size:cover;background-position:center}.cust-container.narrow{max-width:480px;margin:0 auto}.cust-container.layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:20px;max-width:1400px;margin:0 auto}.content{min-width:0}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.table{width:100%;border-collapse:collapse;margin-top:8px;color:#1a1a1a}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e5e7eb;font-size:14px}.table th{font-weight:700;color:#6b7280;background:#f9fafb}.table tbody tr:hover{background:#f3f4f6}.table-wrapper{overflow-x:auto;margin-top:12px}.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.actions .btn,.actions button{padding:6px 12px;font-size:13px}.pill{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}.pill.active{background:#d1fae5;border:1px solid #b4f2b2;color:#065f46}.pill.inactive{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block}.badge.pending{background:#fef3c7;color:#92400e}.badge.accepted{background:#d1fae5;color:#065f46}.badge.declined{background:#fee2e2;color:#991b1b}.badge.submitted{background:#dbeafe;color:#1e40af}.badge.completed,.badge.success{background:#d1fae5;color:#065f46}.badge.ongoing{background:#bfdbfe;color:#1e40af}.badge.cancelled{background:#fee2e2;color:#991b1b}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-header svg{color:#b4f2b2}.section-header h4,.section-header h3{margin:0;font-size:18px;font-weight:700;color:#1a1a1a}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.empty-state{text-align:center;padding:48px 16px;color:#6b7280}.empty-state svg{margin:0 auto 12px;color:#9ca3af}.garage-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .2s;box-shadow:0 1px 3px #0000000d}.garage-card:hover{box-shadow:0 4px 12px #0000001a}.garage-image{width:100%;height:180px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.garage-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.garage-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.garage-content{padding:16px}.garage-logo-badge{position:absolute;top:10px;left:10px;width:40px;height:40px;border-radius:50%;border:2px solid #fff;background:#fff;-o-object-fit:cover;object-fit:cover;box-shadow:0 2px 6px #00000026}.garage-content h4{color:#1a1a1a!important;margin:0 0 8px!important;font-size:18px}.vehicle-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.vehicle-image{width:100%;height:160px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.vehicle-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vehicle-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.vehicle-content{padding:16px}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.modal{width:100%;max-width:720px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:20px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:#fff}.auth-card{width:100%;max-width:400px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px 28px;box-shadow:0 4px 20px #0000001a}.auth-title{font-size:24px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 24px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form .form-field{margin-bottom:0}.auth-form .form-field label{color:#374151;font-size:13px;font-weight:600;margin-bottom:6px;display:block}.auth-form .input{background:#f9fafb;border:1px solid #e5e7eb;color:#1a1a1a;padding:11px 13px;border-radius:8px;font-size:14px;width:100%}.auth-form .input:focus{border-color:#b4f2b2;box-shadow:0 0 0 3px #10b9811a;background:#fff}.auth-link-small{color:#b4f2b2;font-size:13px;text-decoration:none;font-weight:600;text-align:right;display:block}.auth-link-small:hover{text-decoration:underline}.auth-btn{width:100%;background:#b4f2b2;color:#fff;border:none;padding:12px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s}.auth-btn:hover{background:#b4f2b2}.auth-btn:disabled{background:#9ca3af;cursor:not-allowed}.auth-footer{text-align:center;font-size:14px;color:#6b7280;margin-top:20px}.auth-link{color:#b4f2b2;text-decoration:none;font-weight:700}.auth-link:hover{text-decoration:underline}.cust-footer{background:#fff;border-top:1px solid #e5e7eb;padding:20px 0;margin-top:auto}.cust-footer-inner{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;color:#6b7280;font-size:14px}.foot-left{color:#6b7280}.foot-right{display:flex;gap:16px}.foot-link{color:#b4f2b2;text-decoration:none;font-weight:700}.foot-link:hover{text-decoration:underline}.customer-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,#fff,#f9fafb);display:flex;flex-direction:column;box-shadow:0 0 20px #0000000d;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));z-index:100;flex-shrink:0;border-right:1px solid #e5e7eb}.customer-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.customer-sidebar-logo span{font-size:1.1rem;font-weight:700;color:#b4f2b2}.customer-sidebar-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:.4rem;border-radius:4px;transition:all .2s ease;display:none}.customer-sidebar-nav{flex:1;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.customer-nav-item{display:flex;align-items:center;width:100%;padding:.75rem;color:#374151;background:transparent;border:none;text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s ease;cursor:pointer;text-align:left}.customer-nav-item:hover{background:#f3f4f6;color:#1a1a1a;transform:translate(3px)}.customer-nav-item.active{background:linear-gradient(135deg,#b4f2b2 0% 100%);color:#fff;font-weight:600;box-shadow:0 2px 6px #10b9814d}.customer-nav-icon{margin-right:.75rem;display:flex;align-items:center;justify-content:center}.customer-nav-text{flex:1;white-space:nowrap}.customer-sidebar-footer{flex-shrink:0;padding:1rem;border-top:1px solid #e5e7eb;background:#fff}.customer-recovery-btn{display:flex;align-items:center;width:100%;padding:.875rem;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .2s ease;cursor:pointer;text-align:left;box-shadow:0 2px 8px #ef44444d}.customer-recovery-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.customer-recovery-btn .customer-nav-icon{margin-right:.75rem}.customer-sidebar-backdrop{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.customer-sidebar-backdrop.open{opacity:1;visibility:visible}.cust-main-wrapper{display:flex;min-height:calc(100vh - var(--header-height));position:relative}.cust-container.without-sidebar{max-width:1400px;margin:0 auto}.cust-container.with-sidebar{max-width:calc(1400px - var(--sidebar-width) - 20px);margin:0 auto}.vehicles-page-wrapper,.garages-page-wrapper{background:#f9fafb}.vehicles-header-section,.garages-search-card,.vehicle-item-card,.garage-item-card{background:#fff}@media(max-width:1024px){.cust-container.layout{grid-template-columns:1fr;gap:0}.sidebar-toggle-left{display:flex}.customer-sidebar{position:fixed;top:var(--header-height);left:0;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999}.customer-sidebar.open{transform:translate(0)}.customer-sidebar-close,.customer-sidebar-backdrop{display:block}.cust-container.with-sidebar{max-width:100%;margin:0}}@media(max-width:768px){.cust-header-inner{padding:0 16px}.brand-sub{font-size:11px}.hello,.nav-link-text,.logout-text{display:none}.cust-main{padding:16px}.cust-card{padding:14px}.card-grid{grid-template-columns:1fr;gap:12px}}@media(max-width:480px){.brand-sub{display:none}.cust-main{padding:12px}.cust-card{padding:12px;border-radius:8px}}.cust-card-auth{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px;margin:0 auto}.nav-recovery-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #dc2626;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #ef444440}.nav-recovery-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444459;transform:translateY(-1px)}.nav-recovery-btn svg{width:16px;height:16px}.recovery-modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.recovery-modal-card{width:100%;max-width:580px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.recovery-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#fff)}.recovery-modal-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.recovery-close-btn{background:#f3f4f6;border:none;color:#6b7280;font-size:22px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;line-height:1}.recovery-close-btn:hover{background:#e5e7eb;color:#374151;transform:rotate(90deg)}.recovery-modal-desc{padding:16px 24px;color:#6b7280;font-size:14px;margin:0;text-align:center}.recovery-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 24px 24px}.recovery-option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.recovery-option-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(16,185,129,.05) 100%);opacity:0;transition:opacity .3s ease}.recovery-option-btn:hover:before{opacity:1}.recovery-option-btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.recovery-option-btn:active{transform:translateY(-2px)}.recovery-option-btn.schedule-now{border-color:#b4f2b2;background:linear-gradient(135deg,#fff,#f0fdf4)}.recovery-option-btn.schedule-now:hover{border-color:#b4f2b2;box-shadow:0 8px 24px #10b98133}.recovery-option-btn.schedule-now .recovery-icon,.recovery-option-btn.schedule-now h4{color:#b4f2b2}.recovery-option-btn.schedule-later{border-color:#3b82f6;background:linear-gradient(135deg,#fff,#eff6ff)}.recovery-option-btn.schedule-later:hover{border-color:#2563eb;box-shadow:0 8px 24px #3b82f633}.recovery-option-btn.schedule-later .recovery-icon{color:#3b82f6}.recovery-option-btn.schedule-later h4{color:#2563eb}.recovery-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#10b9811a;margin-bottom:16px;transition:all .3s ease}.recovery-option-btn.schedule-now .recovery-icon{background:#10b98126}.recovery-option-btn.schedule-later .recovery-icon{background:#3b82f626}.recovery-option-btn:hover .recovery-icon{transform:scale(1.1) rotate(5deg)}.recovery-option-btn h4{font-size:16px;font-weight:700;margin:0 0 8px;color:#1a1a1a;transition:color .2s ease}.recovery-option-btn p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}@media(max-width:768px){.recovery-modal-card{max-width:100%;margin:0 12px}.recovery-options{grid-template-columns:1fr;gap:12px;padding:16px}.recovery-option-btn{padding:24px 16px}.recovery-icon{width:56px;height:56px;margin-bottom:12px}.recovery-option-btn h4{font-size:15px}.recovery-option-btn p{font-size:12px}.nav-recovery-btn .nav-link-text{display:none}.nav-recovery-btn{padding:8px 10px}}@media(max-width:480px){.recovery-modal-backdrop{padding:12px}.recovery-modal-header{padding:16px}.recovery-modal-title{font-size:18px}.recovery-modal-desc{padding:12px 16px;font-size:13px}.recovery-option-btn{padding:20px 12px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.recovery-option-btn:hover .recovery-icon{animation:pulse 1s infinite}.recovery-option-btn:focus{outline:none;box-shadow:0 0 0 3px #10b98133}.recovery-option-btn.schedule-now:focus{box-shadow:0 0 0 3px #10b9814d}.recovery-option-btn.schedule-later:focus{box-shadow:0 0 0 3px #3b82f64d}.recovery-option-btn.loading{pointer-events:none;opacity:.6}.recovery-option-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}@media(prefers-contrast:high){.recovery-option-btn{border-width:3px}.recovery-option-btn.schedule-now{border-color:#b4f2b2}.recovery-option-btn.schedule-later{border-color:#2563eb}}@media(prefers-reduced-motion:reduce){.recovery-modal-card,.recovery-option-btn,.recovery-icon,.recovery-close-btn{animation:none;transition:none}}.nav-roadside-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #f59e0b33}.nav-roadside-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.nav-roadside-btn:active{transform:translateY(0)}.nav-accident-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #ef444433}.nav-accident-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.nav-accident-btn:active{transform:translateY(0)}@media(max-width:1024px){.nav-roadside-btn .nav-link-text,.nav-accident-btn .nav-link-text{display:none}.nav-roadside-btn,.nav-accident-btn{padding:8px 10px;min-width:40px;justify-content:center}}@media(max-width:768px){.nav-user-section{gap:6px}.nav-roadside-btn,.nav-accident-btn,.nav-recovery-btn{font-size:12px;padding:6px 8px}}.roadside-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease}.roadside-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.roadside-modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.roadside-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.roadside-modal-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#6b7280}.roadside-modal-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s;flex-shrink:0}.roadside-modal-close:hover{background:#f3f4f6}.roadside-steps{display:flex;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.roadside-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.roadside-step:before{content:"";position:absolute;top:15px;left:50%;right:-50%;height:2px;background:#e5e7eb;z-index:0}.roadside-step:last-child:before{display:none}.roadside-step.active:before{background:#5b5fc7}.roadside-step span{width:32px;height:32px;border-radius:50%;background:#f3f4f6;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;z-index:1;transition:all .3s}.roadside-step.active span{background:#5b5fc7;color:#fff}.roadside-step p{margin:0;font-size:.75rem;color:#6b7280;font-weight:600}.roadside-step.active p{color:#5b5fc7}.roadside-modal-content{padding:1.5rem}.roadside-location-section{display:flex;flex-direction:column;gap:1rem}.roadside-input-wrapper label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem}.roadside-input{width:100%;padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s}.roadside-input:focus{outline:none;border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a}.roadside-current-btn{margin-top:.5rem;padding:.625rem 1rem;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;width:100%;justify-content:center}.roadside-current-btn:hover:not(:disabled){background:#e5e7eb}.roadside-current-btn:disabled{opacity:.6;cursor:not-allowed}.roadside-next-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#5b5fc7,#4338ca);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.roadside-next-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#3730a3);transform:translateY(-1px);box-shadow:0 4px 12px #5b5fc74d}.roadside-next-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.roadside-garages-section{display:flex;flex-direction:column;gap:1rem}.roadside-garages-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.roadside-garage-item{padding:1rem;border:1.5px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;transition:all .2s}.roadside-garage-item:hover{border-color:#5b5fc7;background:#f9fafb}.roadside-garage-info h4{margin:0 0 .25rem;font-size:1rem;color:#111827}.roadside-garage-info p{margin:0 0 .5rem;font-size:.75rem;color:#6b7280}.roadside-garage-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#374151}.roadside-garage-meta span{display:flex;align-items:center;gap:.25rem}.roadside-badge{background:#dcfce7;color:#166534;padding:.125rem .5rem;border-radius:999px;font-weight:600}.roadside-select-btn{padding:.5rem 1rem;background:#5b5fc7;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.roadside-select-btn:hover{background:#4338ca}.roadside-no-garages{text-align:center;padding:3rem 1rem;color:#6b7280}.roadside-no-garages svg{color:#fbbf24}.roadside-back-btn{padding:.75rem 1.5rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.roadside-back-btn:hover{background:#f9fafb;border-color:#d1d5db}.roadside-selected-garage-info{padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.roadside-selected-garage-info h4{margin:0 0 .25rem;color:#1e40af}.roadside-selected-garage-info p{margin:0;font-size:.875rem;color:#3b82f6;display:flex;align-items:center;gap:.25rem}.roadside-form-group select,.roadside-form-group textarea{width:100%;padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-family:inherit}.roadside-issues-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.roadside-issue-chip{padding:.625rem .875rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:6px;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s;color:#374151}.roadside-issue-chip:hover{border-color:#5b5fc7}.roadside-urgency-btns button{padding:.75rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:6px;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s}.roadside-urgency-btns button:hover{border-color:#5b5fc7}.roadside-garages-list-compact{display:flex;flex-direction:column;gap:.75rem;max-height:450px;overflow-y:auto;padding-right:.5rem}.roadside-garages-list-compact::-webkit-scrollbar{width:6px}.roadside-garages-list-compact::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.roadside-garages-list-compact::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:10px}.roadside-garage-item-compact{padding:.875rem;border:1.5px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;gap:.875rem;cursor:pointer;transition:all .2s;background:#fff}.roadside-garage-item-compact:hover{border-color:#5b5fc7;background:#f9fafb;transform:translate(4px)}.roadside-garage-logo-tiny{width:48px;height:48px;flex-shrink:0;border-radius:6px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb}.roadside-garage-logo-tiny img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.roadside-logo-placeholder-tiny{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#9ca3af;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.roadside-garage-info-compact{flex:1;min-width:0}.roadside-garage-info-compact h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roadside-garage-location{margin:0 0 .5rem;font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roadside-garage-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.roadside-distance-badge,.roadside-rating-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#374151;font-weight:600}.roadside-24x7-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:#dcfce7;color:#166534;border-radius:999px;font-size:.6875rem;font-weight:700}.roadside-select-btn-compact{padding:.5rem 1rem;background:#5b5fc7;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.roadside-select-btn-compact:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 2px 8px #5b5fc74d}.roadside-back-btn-small{width:100%;padding:.75rem;margin-top:1rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;color:#374151}.roadside-back-btn-small:hover{background:#f9fafb;border-color:#d1d5db}@media(max-width:640px){.roadside-garage-item-compact{flex-wrap:wrap}.roadside-select-btn-compact{width:100%;margin-top:.5rem}}.roadside-selected-garage-compact{padding:.75rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px solid #bfdbfe;border-radius:8px;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.roadside-garage-logo-mini{width:40px;height:40px;flex-shrink:0;border-radius:6px;overflow:hidden;border:1px solid #93c5fd;background:#fff}.roadside-garage-logo-mini img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.roadside-logo-placeholder-mini{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.roadside-selected-info{flex:1;min-width:0}.roadside-selected-info h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:700;color:#1e40af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roadside-selected-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#3b82f6;font-weight:600}.roadside-selected-meta span{display:inline-flex;align-items:center;gap:.25rem}.roadside-badge-mini{display:inline-flex;align-items:center;padding:.125rem .5rem;background:#dcfce7;color:#166534;border-radius:999px;font-size:.6875rem;font-weight:700}.roadside-form{display:flex;flex-direction:column;gap:1rem}.roadside-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem}.roadside-form-group select,.roadside-form-group textarea{width:100%;padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-family:inherit;transition:all .2s}.roadside-form-group select:focus,.roadside-form-group textarea:focus{outline:none;border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a}.roadside-issues-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.roadside-issue-chip{padding:.625rem .75rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:6px;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s;color:#374151;text-align:center}.roadside-issue-chip:hover{border-color:#5b5fc7;background:#eff6ff}.roadside-issue-chip.selected{background:#5b5fc7;border-color:#5b5fc7;color:#fff}.roadside-urgency-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.roadside-urgency-btns button{padding:.75rem .5rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:6px;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s;color:#374151}.roadside-urgency-btns button:hover{border-color:#5b5fc7;background:#eff6ff}.roadside-urgency-btns button.selected{background:#5b5fc7;border-color:#5b5fc7;color:#fff}.roadside-modal-actions{display:flex;gap:.75rem;margin-top:.5rem}.roadside-back-btn-compact{padding:.625rem 1rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s;color:#374151;white-space:nowrap}.roadside-back-btn-compact:hover{background:#f9fafb;border-color:#d1d5db}.roadside-submit-btn-compact{flex:1;padding:.625rem 1.25rem;background:linear-gradient(135deg,#5b5fc7,#4338ca);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s;white-space:nowrap}.roadside-submit-btn-compact:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#3730a3);transform:translateY(-1px);box-shadow:0 4px 12px #5b5fc74d}.roadside-submit-btn-compact:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:640px){.roadside-modal-actions{flex-direction:column}.roadside-back-btn-compact,.roadside-submit-btn-compact{width:100%}}@media(max-width:640px){.roadside-issues-grid{grid-template-columns:repeat(2,1fr)}.roadside-urgency-btns{grid-template-columns:1fr}.roadside-modal-actions{flex-direction:column}}.se-container{min-height:100vh;background:#e8e7f0;padding:1.5rem}.se-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.se-header-content{display:flex;align-items:center;gap:.875rem}.se-header-content svg{color:#5b5fc7}.se-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.se-subtitle{font-size:.8125rem;color:#6b7280;margin:.25rem 0 0}.se-stats{display:flex;gap:1rem}.se-stat-item{display:flex;flex-direction:column;align-items:center;padding:.625rem 1.25rem;background:#fff;border-radius:.625rem;box-shadow:0 1px 3px #5b5fc71a;border:1px solid #e5e7eb}.se-stat-label{font-size:.6875rem;color:#6b7280;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.se-stat-value{font-size:1.5rem;font-weight:700;color:#5b5fc7;margin-top:.125rem}.se-tabs{display:flex;background:#fff;border-radius:.75rem;padding:.375rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #5b5fc71a;border:1px solid #e5e7eb}.se-tab{display:flex;align-items:center;gap:.5rem;flex:1;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s;justify-content:center}.se-tab:hover{background:#f8fafc;color:#374151}.se-tab-active{background:#5b5fc7;color:#fff;box-shadow:0 2px 8px #5b5fc74d}.se-tab-active:hover{background:#4a4fb5;color:#fff}.se-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:#6b7280}.se-loading-spinner{animation:spin 1s linear infinite;color:#5b5fc7}.se-loading-text{font-size:1rem;font-weight:500}.se-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #5b5fc71a;border:1px solid #e5e7eb;text-align:center}.se-empty svg{margin-bottom:1rem;opacity:.3;color:#9ca3af}.se-empty h3{font-size:1.125rem;font-weight:700;color:#374151;margin:0 0 .375rem}.se-empty p{font-size:.875rem;color:#6b7280;margin:0}.se-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.se-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #5b5fc71a;border:1px solid #e5e7eb;transition:all .2s;position:relative;display:flex;flex-direction:column;height:100%;cursor:pointer}.se-card:hover{box-shadow:0 4px 12px #5b5fc733;transform:translateY(-2px);border-color:#5b5fc7}.se-card-archived{opacity:.8;border-color:#d1d5db}.se-card-archived:hover{border-color:#d1d5db;transform:none;box-shadow:0 1px 3px #5b5fc71a}.se-archive-badge{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#6b7280;color:#fff;border-radius:9999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;z-index:1}.se-card-header{padding:1rem;border-bottom:1px solid #f3f4f6;background:linear-gradient(to bottom,#fafbff,#fff);flex-shrink:0}.se-card-title-section{display:flex;flex-direction:column;gap:.625rem}.se-card-garage{font-size:1rem;font-weight:700;color:#1f2937;margin:0;line-height:1.3}.se-status-badge{padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;width:-moz-fit-content;width:fit-content}.se-card-body{padding:1rem;display:flex;flex-direction:column;gap:.875rem;flex-grow:1}.se-vehicle-info{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#faf5ff;border-radius:.5rem;border:1px solid #f3e8ff}.se-vehicle-text{font-size:.875rem;font-weight:600;color:#374151}.se-services{display:flex;flex-wrap:wrap;gap:.375rem}.se-service-tag{padding:.375rem .75rem;border-radius:.375rem;color:#fff;font-size:.75rem;font-weight:600}.se-card-meta{display:flex;gap:.625rem;flex-wrap:wrap}.se-meta-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.75rem;color:#6b7280;font-weight:500}.se-activity{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem;background:#faf5ff;border-left:3px solid #5b5fc7;border-radius:.375rem}.se-activity-dot{width:6px;height:6px;border-radius:50%;margin-top:.375rem;flex-shrink:0}.se-activity-content{display:flex;flex-direction:column;gap:.125rem;flex:1}.se-activity-label{font-size:.6875rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.se-activity-text{font-size:.8125rem;font-weight:600;color:#1f2937}.se-quote-info{padding:.75rem .875rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:.5rem}.se-quote-amount{display:flex;justify-content:space-between;align-items:center}.se-quote-label{font-size:.75rem;font-weight:700;color:#065f46;text-transform:uppercase;letter-spacing:.025em}.se-quote-value{font-size:1rem;font-weight:700;color:#047857}.se-progress{display:flex;flex-direction:column;gap:.375rem}.se-progress-bar{width:100%;height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden;position:relative;border:1px solid #e5e7eb;margin-bottom:.5rem}.se-progress-fill{height:100%;border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;min-width:2px}.se-progress-text{font-size:.8125rem;font-weight:600;color:#6b7280;display:block;text-align:right}.se-progress-compact{margin-top:.875rem;margin-bottom:.75rem}.se-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.se-progress-status{font-size:.8125rem;font-weight:500;color:#6b7280;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se-progress-percent{font-size:.875rem;font-weight:700;min-width:40px;text-align:right}.se-progress-track{width:100%;height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden;position:relative;border:1px solid #e5e7eb}.se-progress-indicator{height:100%;border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;min-width:2px}.se-progress-indicator:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:se-progress-shine 2s infinite}@keyframes se-progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.se-action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:.5rem;width:100%}.se-action-buttons button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:0}.se-view-btn{background:#5b5fc7;color:#fff}.se-view-btn:hover{background:#4a4fb5}.se-archive-btn,.se-unarchive-btn{background:#828384;color:#fff}.se-archive-btn:hover,.se-unarchive-btn:hover{background:#63666b}.se-pay-btn{background:#0aa277;color:#fff}.se-pay-btn:hover{background:#047857}.wo-accident-indicator{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:4px 8px;width:-moz-fit-content;width:fit-content;font-size:10px;font-weight:700;text-align:center;border-radius:4px;box-shadow:0 2px 4px #dc262666;border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-left:8px;flex-shrink:0}.wo-roadside-indicator{background:linear-gradient(135deg,#fb923c,#fb923c);color:#ea580c;padding:4px 8px;width:-moz-fit-content;width:fit-content;font-size:10px;font-weight:700;text-align:center;border-radius:4px;box-shadow:0 2px 4px #dc262666;border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-left:8px;flex-shrink:0}.sed-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sed-modal{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.sed-payment-modal{max-width:600px}.sed-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e7eb}.sed-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.sed-modal-close{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;transition:color .2s}.sed-modal-close:hover{color:#1f2937}.sed-modal-body{padding:20px}.sed-form-field{margin-bottom:20px}.sed-form-field label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#374151}.sed-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.sed-input:focus{outline:none;border-color:#3b82f6}.sed-hint{display:block;margin-top:4px;font-size:12px;color:#6b7280}.sed-payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sed-payment-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.sed-payment-option span{font-size:13px;font-weight:500}.sed-info-box{display:flex;gap:12px;padding:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;font-size:14px}.sed-modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;justify-content:flex-end}.sed-btn-secondary,.sed-btn-primary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.sed-btn-secondary{background:#f3f4f6;color:#374151}.sed-btn-secondary:hover{background:#e5e7eb}.sed-btn-primary{background:#3b82f6;color:#fff}.sed-btn-primary:hover{background:#2563eb}.sed-btn-primary:disabled,.sed-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@media(max-width:992px){.se-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.se-container{padding:1rem}.se-header{flex-direction:column;align-items:flex-start;gap:.875rem}.se-title{font-size:1.5rem}.se-stats{width:100%;justify-content:space-around}.se-tabs{flex-direction:column}.se-grid{grid-template-columns:1fr}.se-card-meta{flex-direction:column;gap:.375rem}.se-meta-item{width:100%}.se-progress-status{font-size:.75rem}.se-progress-percent{font-size:.8125rem;min-width:35px}.se-progress-track,.se-progress-bar{height:6px}}@media(max-width:480px){.se-action-buttons,.sed-payment-methods{grid-template-columns:1fr}}@media(max-width:380px){.se-card-header,.se-card-body{padding:.875rem}.se-card-garage{font-size:.9375rem}.se-status-badge{font-size:.6875rem;padding:.3125rem .75rem}.se-action-buttons{gap:.375rem}}.eq-loading-container{background:#e8e7f0;min-height:100vh;display:flex;align-items:center;justify-content:center}.eq-success-container{background:#e8e7f0;min-height:100vh;padding:2rem;display:flex;align-items:center;justify-content:center}.eq-success-card{background:#fff;border-radius:1rem;padding:3rem;max-width:600px;text-align:center;box-shadow:0 4px 12px #0000001a}.eq-success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#166534}.eq-success-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .5rem}.eq-success-order-id{font-size:1.25rem;color:#5b5fc7;font-weight:600;margin:0 0 1rem}.eq-success-message{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:2rem}.eq-success-btn{padding:.875rem 2rem;background:#5b5fc7;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.eq-success-btn:hover{background:#4a4fb5;transform:translateY(-2px)}.eq-page{background:#e8e7f0;min-height:100vh;padding:1rem}.eq-wrapper{max-width:1400px;margin:0 auto}.eq-top-bar{background:#1f2937;color:#fff;padding:.875rem 1.25rem;border-radius:.75rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.eq-order-id{font-size:1.125rem;font-weight:700;margin:0}.eq-layout{display:grid;grid-template-columns:380px 1fr;gap:1rem}.eq-card{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.eq-card-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 1rem}.eq-left-column{display:flex;flex-direction:column}.eq-customer-section{display:flex;gap:1rem;margin-bottom:1rem}.eq-customer-avatar{width:60px;height:60px;border-radius:50%;background:#5b5fc7;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;flex-shrink:0}.eq-customer-info{flex:1;display:flex;flex-direction:column;gap:.375rem}.eq-customer-name{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 .25rem}.eq-info-row{display:flex;font-size:.875rem;line-height:1.4}.eq-info-label{font-weight:600;color:#374151;min-width:60px;flex-shrink:0}.eq-info-value{color:#6b7280}.eq-vehicle-selector{position:relative;margin-bottom:1rem}.eq-vehicle-dropdown{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f9fafb;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#374151;transition:all .2s}.eq-vehicle-dropdown:hover{border-color:#5b5fc7}.eq-vehicle-list{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 12px #00000026;max-height:250px;overflow-y:auto;z-index:10}.eq-vehicle-item{padding:.75rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s}.eq-vehicle-item:hover{background:#f9fafb}.eq-vehicle-item:last-child{border-bottom:none}.eq-vehicle-name{font-weight:600;color:#111827;font-size:.875rem;margin-bottom:.125rem}.eq-vehicle-reg{font-size:.8125rem;color:#6b7280}.eq-car-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.eq-detail-item{display:flex;font-size:.875rem;padding:.5rem .625rem;background:#f9fafb;border-radius:.375rem}.eq-detail-label{font-weight:600;color:#374151;min-width:170px;flex-shrink:0}.eq-detail-value{color:#111827;font-weight:500}.eq-car-image{width:100%;height:180px;border-radius:.5rem;overflow:hidden;background:#f3f4f6;margin-bottom:.75rem}.eq-car-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.eq-car-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.eq-car-btn{padding:.625rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.eq-car-btn:hover{background:#f9fafb;border-color:#5b5fc7;color:#5b5fc7}.eq-owner-notes{padding:.75rem;background:#f9fafb;border-radius:.5rem;font-size:.8125rem}.eq-notes-label{font-weight:600;color:#374151;margin-bottom:.25rem}.eq-notes-text{color:#6b7280;line-height:1.5}.eq-right-column{display:flex;flex-direction:column}.eq-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.75rem}.eq-form-col{display:flex;flex-direction:column;gap:.375rem}.eq-form-field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}.eq-form-label{font-size:.875rem;font-weight:600;color:#374151}.eq-form-input,.eq-form-select{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#f9fafb;color:#111827;transition:all .2s}.eq-form-input:focus,.eq-form-select:focus{outline:none;border-color:#5b5fc7;background:#fff;box-shadow:0 0 0 3px #5b5fc71a}.eq-form-textarea{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#f9fafb;color:#111827;min-height:80px;resize:vertical;font-family:inherit;transition:all .2s}.eq-form-textarea:focus{outline:none;border-color:#5b5fc7;background:#fff;box-shadow:0 0 0 3px #5b5fc71a}.eq-service-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.eq-service-tag{padding:.5rem 1rem;border-radius:.5rem;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid transparent}.eq-service-tag:hover{opacity:.9}.eq-service-tag.selected{border-color:#fff;transform:scale(1.05)}.eq-submit-btn{width:100%;padding:.875rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;margin-top:.75rem}.eq-submit-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.eq-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.eq-layout{grid-template-columns:1fr}}@media(max-width:768px){.eq-page{padding:.75rem}.eq-form-row,.eq-car-actions{grid-template-columns:1fr}}.eq-page{min-height:100vh;background-color:#e8e7f0}.eq-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#e8e7f0}.eq-loading-text{font-size:1.125rem;color:#6b7280}.eq-topbar{background:#1f2937;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem}.eq-back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4169e1;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer}.eq-back-btn:hover{background:#2f4f9f}.eq-order-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.eq-content{padding:1.5rem;max-width:1400px;margin:0 auto}.eq-success-banner{background:#dcfce7;border:2px solid #86efac;border-radius:.75rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;color:#166534}.eq-success-banner svg{flex-shrink:0}.eq-success-text h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.eq-success-text p{margin:0;font-size:.9375rem}.eq-customer-row{background:#fff;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;display:grid;grid-template-columns:200px 1fr;gap:1.5rem}.eq-avatar-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.eq-avatar{width:80px;height:80px;border-radius:50%;background:#4169e1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}.eq-rating-stars{display:flex;align-items:center;gap:.375rem}.eq-rating-text{font-size:.8125rem;color:#6b7280;font-weight:600}.eq-customer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.eq-input{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f9fafb;font-size:.875rem;color:#374151}.eq-balance-input{color:#ef4444;font-weight:600}.eq-type-box{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f9fafb;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.eq-vip-badge{padding:.25rem .75rem;background:#fbbf24;color:#78350f;border-radius:.375rem;font-weight:700;font-size:.75rem}.eq-car-section{background:#fff;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem}.eq-section-title{font-size:1.125rem;font-weight:700;color:#000;margin:0 0 1rem}.eq-vehicle-selector{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.eq-vehicle-selector label{font-size:.875rem;font-weight:600;color:#374151}.eq-vehicle-select{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;font-size:.875rem;color:#374151}.eq-car-layout{display:grid;grid-template-columns:1fr 350px;gap:1.5rem}.eq-car-list{display:flex;flex-direction:column;gap:.5rem}.eq-car-item{display:flex;padding:.625rem .875rem;background:#f9fafb;border-radius:.5rem;font-size:.875rem}.eq-car-label{font-weight:600;color:#374151;min-width:200px}.eq-car-value{color:#111827;font-weight:500}.eq-owner-notes{display:flex;padding:.75rem .875rem;background:#f9fafb;border-radius:.5rem;font-size:.8125rem;margin-top:.75rem}.eq-notes-label{font-weight:600;color:#374151;min-width:200px}.eq-notes-value{color:#6b7280}.eq-car-image{width:100%;height:220px;border-radius:.75rem;overflow:hidden;background:#f3f4f6}.eq-car-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.eq-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.eq-car-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.eq-car-btn{padding:.625rem;background:#fff;color:#374151;border:1px solid #4169e1;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer}.eq-summary-section{background:#fff;border-radius:.75rem;padding:1.25rem}.eq-summary-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.eq-summary-field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.875rem}.eq-summary-field label{font-size:.875rem;font-weight:600;color:#374151}.eq-summary-field select,.eq-summary-field input,.eq-summary-field textarea{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f9fafb;font-size:.875rem;color:#374151;font-family:inherit}.eq-service-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.875rem}.eq-service-tag{padding:.5rem 1rem;border-radius:.5rem;color:#fff;font-size:.8125rem;font-weight:600;border:2px solid transparent;cursor:pointer}.eq-service-tag.selected{border-color:#fff}.eq-address-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.eq-approve-btn{width:100%;max-width:200px;margin-left:auto;padding:.875rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-weight:700;font-size:1rem;cursor:pointer}.eq-approve-btn:hover:not(:disabled){background:#059669}.eq-approve-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1200px){.eq-customer-row,.eq-car-layout,.eq-summary-layout{grid-template-columns:1fr}}@media(max-width:768px){.eq-customer-grid,.eq-address-row{grid-template-columns:1fr}}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:800px;max-height:90vh;overflow:auto;box-shadow:0 4px 20px #00000026}.modal-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border-radius:8px 8px 0 0}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{color:#374151;background:#e5e7eb}.modal-body{padding:0}.eq-car-btn{display:flex;align-items:center;justify-content:center}.eq-vehicle-select option[value=add-new]{background-color:#f0f9ff;border-top:1px solid #e5e7eb;font-weight:600;color:#5b5fc7}.eq-no-vehicle-selected{padding:2rem;text-align:center;background:#f9fafb;border-radius:.5rem;border:2px dashed #d1d5db;color:#6b7280;margin-top:1rem}.eq-no-vehicle-selected p{margin:0;font-size:.875rem}.modal-content{background:#fff;border-radius:.75rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border-radius:.75rem .75rem 0 0}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1}.close-btn:hover{color:#374151}.modal-body{padding:1.5rem}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0003}.modal-header h3{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.close-btn{padding:.375rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:1.125rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;line-height:1}.close-btn:hover{background:#f3f4f6;border-color:#9ca3af}.form-input,.form-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;background:#f9fafb;transition:all .2s}.photo-upload-section{margin-bottom:1rem}.photo-preview{width:100%;height:150px;border-radius:.5rem;background:#f3f4f6;border:2px dashed #d1d5db;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.75rem;position:relative}.photo-preview-placeholder{color:#9ca3af;text-align:center}.photo-upload-btn{width:100%;padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-weight:600;font-size:.875rem;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.error-message{padding:.75rem 1rem;background:#fee2e2;color:#b91c1c;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-primary:hover{background:#4a4fb5;transform:translateY(-1px)}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}.eq-symptoms-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.625rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;max-height:250px;overflow-y:auto}.eq-symptom-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .2s;font-size:.875rem}.eq-symptom-item:hover{background:#eff6ff;border-color:#5b5fc7}.eq-symptom-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#5b5fc7;flex-shrink:0}.eq-symptom-item:has(input:checked){background:#eff6ff;border-color:#5b5fc7;font-weight:500;color:#1e40af}.eq-symptom-item span{line-height:1.3}.eq-symptoms-compact::-webkit-scrollbar{width:6px}.eq-symptoms-compact::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.eq-symptoms-compact::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.eq-symptoms-compact::-webkit-scrollbar-thumb:hover{background:#94a3b8}.eq-summary-field textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;color:#111827;background:#f9fafb;resize:vertical;transition:all .2s}.eq-summary-field textarea:focus{outline:none;border-color:#5b5fc7;background:#fff;box-shadow:0 0 0 3px #5b5fc71a}.eq-summary-field textarea::-moz-placeholder{color:#9ca3af}.eq-summary-field textarea::placeholder{color:#9ca3af}@media(max-width:768px){.eq-symptoms-compact{grid-template-columns:1fr;max-height:200px}.eq-symptom-item{padding:.5rem .625rem;font-size:.8125rem}}@media(max-width:480px){.eq-symptoms-compact{padding:.5rem;gap:.5rem}.eq-symptom-item{padding:.375rem .5rem}}.eq-custom-dropdown{position:relative;width:100%}.eq-dropdown-selected{width:100%;padding:10px 40px 10px 12px;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:42px;font-size:14px;color:#374151;transition:all .2s;position:relative}.eq-dropdown-selected:hover{border-color:#9ca3af}.eq-dropdown-selected:focus{outline:none;border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a}.eq-dropdown-display{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.eq-service-name{flex:1;font-weight:500;color:#1f2937}.eq-service-price{font-weight:600;color:#059669;white-space:nowrap;font-size:13px}.eq-dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;transition:transform .2s;color:#6b7280}.eq-dropdown-selected.open .eq-dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.eq-dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #0000001a;margin-top:4px;max-height:300px;overflow-y:auto;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s}.eq-dropdown-options.show{opacity:1;visibility:visible;transform:translateY(0)}.eq-dropdown-option{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:all .15s;border-bottom:1px solid #f3f4f6;gap:1rem}.eq-dropdown-option:last-child{border-bottom:none}.eq-dropdown-option:hover{background:#f9fafb}.eq-dropdown-option.selected{background:#eff6ff;border-left:3px solid #5b5fc7}.eq-option-name{flex:1;font-size:14px;font-weight:500;color:#374151}.eq-dropdown-option.selected .eq-option-name{color:#5b5fc7;font-weight:600}.eq-option-price{font-size:13px;font-weight:600;color:#059669;white-space:nowrap}.eq-dropdown-option.selected .eq-option-price{color:#047857}.eq-dropdown-options::-webkit-scrollbar{width:6px}.eq-dropdown-options::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.eq-dropdown-options::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.eq-dropdown-options::-webkit-scrollbar-thumb:hover{background:#9ca3af}.eq-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.service-details-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #5b5fc7;border-radius:10px;padding:12px 16px;margin-top:12px;margin-bottom:12px;box-shadow:0 2px 8px #5b5fc71f;animation:slideInService .3s ease-out}@keyframes slideInService{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.service-card-header{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid rgba(91,95,199,.2);color:#111827;font-size:1rem;font-weight:500}.service-icon{font-size:1.125rem;display:flex;align-items:center;justify-content:center;color:#6b7280}.service-info-section{margin-bottom:12px}.service-main-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.service-name{font-size:1.125rem;font-weight:500;color:#111827;margin:0;flex:1;min-width:150px}.service-category-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#5b5fc726;border:1px solid rgba(91,95,199,.4);border-radius:16px;font-size:.75rem;font-weight:400;color:#5b5fc7;white-space:nowrap}.service-description-box{background:#fff;border-left:3px solid #5b5fc7;padding:10px 12px;border-radius:6px;margin-bottom:12px;box-shadow:0 1px 3px #0000000d}.service-description-text{margin:0;color:#374151;font-size:.875rem;line-height:1.5}.service-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.service-info-item{background:#fff;border:1px solid rgba(91,95,199,.2);border-radius:8px;padding:10px 12px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.service-info-item:hover{border-color:#5b5fc7;box-shadow:0 3px 6px #5b5fc726;transform:translateY(-1px)}.info-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;display:flex;align-items:center;gap:4px}.info-value{font-size:1rem;font-weight:700;color:#111827}.price-item{border-left:3px solid #10b981}.price-amount{font-size:1.125rem;font-weight:700}.price-separator{color:#6b7280;font-size:.875rem;font-weight:500}.time-item{border-left:3px solid #f59e0b}.time-value{color:#f59e0b;font-size:1rem;font-weight:600}@media(max-width:640px){.service-details-card{padding:10px 12px;border-radius:8px}.service-card-header{font-size:.9375rem;gap:6px;margin-bottom:10px;padding-bottom:8px}.service-icon{font-size:1.125rem}.service-name{font-size:1rem}.service-category-badge{font-size:.6875rem;padding:3px 8px}.service-description-box{padding:8px 10px;margin-bottom:10px}.service-description-text{font-size:.8125rem;line-height:1.4}.service-info-grid{grid-template-columns:1fr;gap:8px}.service-info-item{padding:8px 10px}.info-label{font-size:.6875rem;margin-bottom:4px}.info-value{font-size:.9375rem}.price-amount{font-size:1rem}.time-value{font-size:.9375rem}}@media(min-width:641px)and (max-width:1024px){.service-info-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-color-scheme:dark){.service-details-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#5b5fc7}.service-card-header{color:#f3f4f6;border-bottom-color:#5b5fc74d}.service-name,.info-value{color:#f3f4f6}.service-description-box{background:#0f172a}.service-description-text{color:#e5e7eb}.service-info-item{background:#0f172a;border-color:#5b5fc74d}.info-label{color:#9ca3af}}.service-details-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-20);margin-top:var(--space-16);box-shadow:var(--shadow-md)}.service-details-card h4{color:var(--color-primary);margin-bottom:var(--space-12);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.my-class{color:#000;opacity:1;font-weight:500}.service-description{color:var(--color-text-secondary);margin-bottom:var(--space-16);font-size:var(--font-size-md);line-height:1.6}.service-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-16)}.service-info-item{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12);background:var(--color-surface);border-radius:var(--radius-base);border:1px solid var(--color-border)}.info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.info-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.service-details-card{animation:slideIn .3s ease-out}@media(max-width:768px){.service-details-card>div[style*=grid-template-columns]{grid-template-columns:1fr!important}}.service-details-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;margin-top:12px;margin-bottom:12px;box-shadow:0 1px 3px #00000014;animation:slideInService .3s ease-out}@keyframes slideInService{0%{opacity:0;transform:translateY(-10px)}to{opacity:0;transform:translateY(0)}}.service-card-header{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.9375rem;font-weight:600}.service-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.service-info-section{margin-bottom:16px}.service-main-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.service-name{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;flex:1}.service-category-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;font-size:.8125rem;font-weight:500;color:#6b7280}.service-description-box{background:#f9fafb;border-left:2px solid #d1d5db;padding:10px 12px;border-radius:4px;margin-bottom:10px;box-shadow:none}.service-description-text{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.service-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.service-info-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;box-shadow:none;transition:all .2s ease}.service-info-item:hover{border-color:#d1d5db;background:#f3f4f6;transform:none}.info-label{font-size:.75rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.info-value{font-size:.9375rem;font-weight:600;color:#374151}.price-item{border-left:2px solid #d1d5db}.price-value{color:#10b981;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.price-amount{font-size:1.25rem;font-weight:700}.price-separator{color:#6b7280;font-size:1rem;font-weight:500}.time-item{border-left:2px solid #d1d5db}.time-value{color:#f59e0b;font-size:1.125rem;font-weight:600}@media(max-width:640px){.service-details-card{padding:16px}.service-card-header{font-size:1rem}.service-name{font-size:1.125rem}.service-info-grid{grid-template-columns:1fr}.price-amount{font-size:1.125rem}.info-value{font-size:1rem}}@media(prefers-color-scheme:dark){.service-details-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#5b5fc7}.service-card-header{color:#f3f4f6;border-bottom-color:#5b5fc74d}.service-name{color:#f3f4f6}.service-description-box{background:#0f172a}.service-description-text{color:#e5e7eb}.service-info-item{background:#0f172a;border-color:#5b5fc74d}.info-value{color:#f3f4f6}}.form-label,.eq-form-label,.eq-summary-field label{font-size:.875rem;font-weight:700;color:#111827}.form-control,.form-select,.eq-form-select,.eq-summary-field select{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;background:#fff;font-weight:500;transition:all .2s}.form-control:focus,.form-select:focus,.eq-form-select:focus,.eq-summary-field select:focus{outline:none;border-color:#5b5fc7;background:#fff;box-shadow:0 0 0 3px #5b5fc71a}.service-card-header{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid rgba(91,95,199,.2);color:#111827;font-size:1.125rem;font-weight:700}.form-control option,.form-select option,.eq-form-select option,.eq-summary-field select option{color:#111827;font-weight:500;background:#fff}.form-control::-moz-placeholder,.form-select::-moz-placeholder,.eq-form-select::-moz-placeholder{color:#6b7280;font-weight:400}.form-control::placeholder,.form-select::placeholder,.eq-form-select::placeholder{color:#6b7280;font-weight:400}.eq-inspection-checkbox{margin-top:1.5rem;padding:1rem;background:#f0f9ff;border:2px solid #bae6fd;border-radius:8px}.eq-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.eq-checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#0284c7;flex-shrink:0}.eq-checkbox-text{display:flex;flex-direction:column;gap:6px;flex:1}.eq-checkbox-text strong{font-size:15px;color:#0c4a6e;display:block}.eq-inspection-price-info{font-size:13px;color:#475569;display:block}.eq-inspection-price-info strong{color:#059669;font-weight:600;font-size:14px}.sed-page{min-height:100vh;background:#f5f3ff}.sed-topbar{background:#fff;padding:1rem 1.5rem;box-shadow:0 1px 3px #5b5fc71a;position:sticky;top:0;z-index:100;border-bottom:1px solid #e5e7eb}.sed-topbar-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:.5rem auto 0}.sed-back-btn{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;font-weight:600;color:#374151;transition:all .2s;max-width:-moz-fit-content;max-width:fit-content}.sed-back-btn:hover{background:#f9fafb;border-color:#9ca3af}.sed-order-id{font-size:1.375rem;font-weight:700;color:#1f2937;margin:0}.sed-content{max-width:1200px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.sed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:#6b7280}.sed-loading svg{color:#5b5fc7}.sed-loading-text{font-size:1rem;font-weight:500}.sed-section{background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #5b5fc71a;border:1px solid #e5e7eb}.sed-section-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 1rem;padding-bottom:.625rem;border-bottom:2px solid #f3f4f6}.sed-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sed-info-item{display:flex;flex-direction:column;gap:.3125rem}.sed-label{font-size:.6875rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.sed-value{font-size:.875rem;font-weight:600;color:#1f2937;display:flex;align-items:center}.sed-vehicle-layout{display:grid;grid-template-columns:1fr 240px;gap:1.25rem;margin-bottom:1rem}.sed-vehicle-image{width:100%;height:160px;border-radius:.625rem;overflow:hidden;background:#f9fafb;border:2px solid #e5e7eb}.sed-vehicle-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sed-owner-note{padding:.875rem;background:#fff3cd;border-left:3px solid #fbbf24;border-radius:.5rem;display:flex;flex-direction:column;gap:.375rem}.sed-note-label{font-size:.6875rem;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.05em}.sed-note-value{font-size:.8125rem;color:#92400e;line-height:1.5}.sed-quote-card{background:#fff;border-radius:.75rem;padding:0;box-shadow:0 1px 3px #0000001a;overflow:hidden;border:1px solid #e5e7eb}.sed-quote-header{padding:1rem 1.25rem;background:#fafbfc;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.sed-quote-header .sed-section-title{color:#1f2937;border-bottom:none;margin:0;padding:0;font-size:1rem;font-weight:700}.sed-quote-date{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280;font-weight:500}.sed-quote-section{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6}.sed-quote-section:last-of-type{border-bottom:none}.sed-subsection-title{font-size:.875rem;font-weight:700;color:#374151;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.025em}.sed-quote-list{display:flex;flex-direction:column;gap:.625rem}.sed-quote-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;transition:all .2s}.sed-quote-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.sed-quote-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.sed-service-name{font-size:.8125rem;font-weight:700;color:#1f2937}.sed-service-cost{font-size:.875rem;font-weight:700;color:#059669}.sed-quote-item-details{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sed-detail-badge{font-size:.6875rem;padding:.25rem .5rem;background:#fff;border:1px solid #d1d5db;border-radius:.3125rem;color:#6b7280;font-weight:500}.sed-detail-text{font-size:.6875rem;color:#6b7280}.sed-quote-notes{margin:0;padding:.75rem;background:#f9fafb;border-left:3px solid #6b7280;border-radius:.375rem;font-size:.8125rem;color:#374151;line-height:1.5}.sed-quote-footer{padding:1rem 1.25rem;background:#fafbfc;display:flex;flex-direction:column;gap:1rem;border-top:2px solid #e5e7eb}.sed-totals{display:flex;flex-direction:column;gap:.5rem}.sed-total-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:#6b7280;font-weight:500}.sed-total-row span:last-child{font-weight:700;color:#1f2937}.sed-grand-total{font-size:1rem;padding-top:.5rem;border-top:2px solid #d1d5db;margin-top:.25rem}.sed-grand-total span:first-child{font-weight:700;color:#374151}.sed-grand-total span:last-child{color:#059669;font-size:1.25rem}.sed-quote-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.sed-btn{padding:.5rem .875rem;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.375rem;transition:all .2s}.sed-btn:disabled{opacity:.6;cursor:not-allowed}.sed-btn-negotiate{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.sed-btn-negotiate:hover:not(:disabled){background:#3b82f6;color:#fff}.sed-btn-reject{background:#fff;color:#dc2626;border:2px solid #dc2626}.sed-btn-reject:hover:not(:disabled){background:#dc2626;color:#fff}.sed-btn-accept{background:#059669;color:#fff;border:2px solid #059669}.sed-btn-accept:hover:not(:disabled){background:#047857;border-color:#047857;transform:translateY(-1px);box-shadow:0 2px 6px #0596694d}.sed-no-quote{background:#fff;border-radius:.75rem;padding:2rem 1.5rem;text-align:center;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.sed-no-quote svg{color:#d1d5db;margin-bottom:.75rem}.sed-no-quote h3{font-size:1rem;font-weight:700;color:#374151;margin:0 0 .375rem}.sed-no-quote p{font-size:.8125rem;color:#6b7280;margin:0}.sed-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sed-modal{background:#fff;border-radius:.75rem;max-width:480px;width:100%;box-shadow:0 20px 25px -5px #0000004d}.sed-modal-negotiate{max-width:520px}.sed-modal-header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fafbfc}.sed-modal-header h3{font-size:1rem;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center}.sed-modal-close{padding:.375rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.sed-modal-close:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.sed-modal-body{padding:1.25rem}.sed-form-field{margin-bottom:1rem}.sed-form-field:last-child{margin-bottom:0}.sed-form-field label{display:block;font-size:.75rem;font-weight:700;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.sed-textarea,.sed-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.8125rem;font-family:inherit;transition:all .2s;background:#f9fafb}.sed-textarea{resize:vertical}.sed-textarea:focus,.sed-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.sed-textarea:disabled,.sed-input:disabled{opacity:.6;cursor:not-allowed}.sed-amount-input{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:.5rem;overflow:hidden;background:#fff;transition:all .2s}.sed-amount-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sed-currency{padding:.75rem .875rem;background:#f3f4f6;border-right:1px solid #d1d5db;font-weight:700;color:#374151;font-size:.8125rem}.sed-amount-input .sed-input{flex:1;border:none;padding:.75rem;font-size:.8125rem;background:transparent}.sed-amount-input .sed-input:focus{outline:none;box-shadow:none}.sed-hint{display:block;font-size:.6875rem;color:#6b7280;margin-top:.375rem;font-style:italic}.sed-modal-actions{padding:1rem 1.25rem;border-top:1px solid #e5e7eb;display:flex;gap:.625rem;justify-content:flex-end;background:#fafbfc}.sed-btn-cancel{padding:.625rem 1.125rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-weight:600;font-size:.8125rem;color:#6b7280;cursor:pointer;transition:all .2s}.sed-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.sed-btn-submit{padding:.625rem 1.125rem;background:#dc2626;border:none;border-radius:.5rem;font-weight:600;font-size:.8125rem;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.375rem}.sed-btn-submit:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.sed-btn-submit-negotiate{background:#3b82f6}.sed-btn-submit-negotiate:hover:not(:disabled){background:#2563eb}.sed-updated-quote-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:12px;padding:24px;margin:24px 0;box-shadow:0 4px 16px #3b82f633;animation:slideIn .4s ease}.sed-banner-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sed-banner-icon{font-size:28px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sed-banner-header h3{margin:0;font-size:20px;font-weight:700;color:#1e40af}.sed-banner-description{margin:0 0 20px;font-size:14px;color:#1e40af;line-height:1.6}.sed-services-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.sed-existing-services,.sed-new-services{background:#fff;border-radius:8px;padding:16px}.sed-existing-services h4{margin:0 0 12px;font-size:14px;font-weight:700;color:#10b981;display:flex;align-items:center;gap:6px}.sed-new-services h4{margin:0 0 12px;font-size:14px;font-weight:700;color:#3b82f6;display:flex;align-items:center;gap:6px}.sed-service-list{display:flex;flex-direction:column;gap:8px}.sed-service-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;font-size:13px}.sed-service-item.sed-existing{background:#ecfdf5;color:#065f46;border:1px solid #6ee7b7}.sed-service-item.sed-new{background:#fef3c7;color:#78350f;border:1px solid #fbbf24}.sed-service-item svg{flex-shrink:0}.sed-service-text{flex:1;font-weight:500}.sed-service-status{padding:2px 8px;background:#10b98133;color:#065f46;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.sed-service-price{font-weight:700;color:#92400e}.sed-updated-cost-summary{background:#fff;border-radius:8px;padding:16px;margin:20px 0}.sed-cost-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#475569}.sed-cost-row.sed-new-cost{color:#d97706;font-weight:600}.sed-cost-row.sed-total-cost{padding-top:12px;margin-top:8px;border-top:2px solid #e2e8f0;font-size:16px;font-weight:700;color:#1e293b}.sed-approve-update-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.sed-approve-update-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.sed-quote-table-wrapper{overflow-x:auto;margin:16px 0;border-radius:8px;border:1px solid #e2e8f0}.sed-quote-table{width:100%;border-collapse:collapse;font-size:14px}.sed-quote-table thead{background:#f8fafc}.sed-quote-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.sed-quote-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;vertical-align:top}.sed-quote-row{transition:background .2s}.sed-quote-row:hover{background:#f9fafb}.sed-quote-row-new{background:linear-gradient(90deg,#fef3c7,#fefce8);border-left:4px solid #f59e0b;animation:highlight-glow 3s ease infinite}@keyframes highlight-glow{0%,to{background:linear-gradient(90deg,#fef3c7,#fefce8)}50%{background:linear-gradient(90deg,#fde68a,#fef3c7)}}.sed-quote-row-new:hover{background:linear-gradient(90deg,#fde68a,#fef3c7)}.sed-service-name-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sed-service-name{font-weight:600;color:#1e293b}.sed-badge-new{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #f59e0b4d;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 2px 4px #f59e0b4d}50%{transform:scale(1.05);box-shadow:0 4px 8px #f59e0b80}}.sed-service-added-date{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;color:#92400e;font-weight:500;font-style:italic}.sed-service-added-date svg{color:#d97706;flex-shrink:0}.sed-status-pending{padding:4px 10px;background:#fef3c7;color:#92400e;border:1px solid #fbbf24;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.sed-status-approved{padding:4px 10px;background:#d1fae5;color:#065f46;border:1px solid #6ee7b7;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.sed-negotiated-banner{background:linear-gradient(135deg,#fef3c7,#fef9e8);border:2px solid #f59e0b;border-radius:8px;padding:16px;margin:16px 0;display:flex;align-items:flex-start;gap:12px}.sed-negotiated-banner svg{color:#d97706;flex-shrink:0;margin-top:2px}.sed-negotiated-banner strong{display:block;color:#78350f;font-size:14px;margin-bottom:4px}.sed-negotiated-banner p{margin:0;color:#92400e;font-size:13px}.sed-original-total{text-decoration:line-through;opacity:.7}.sed-negotiated-total{color:#059669}.sed-negotiated-total span:last-child{color:#059669}.sed-pay-section{margin-top:16px;padding:16px 20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;display:flex;justify-content:flex-end;align-items:center}.sed-btn-pay{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.sed-btn-pay:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.sed-paid-row{color:#059669;font-weight:600;border-top:1px solid #d1d5db;padding-top:8px;margin-top:8px}.sed-paid-amount{color:#059669;font-weight:700}.sed-remaining-row{background:#fbbf241a;padding:8px;border-radius:6px;margin-top:4px}.sed-remaining-amount{color:#d97706;font-weight:700;font-size:16px}.sed-payment-history{margin-top:20px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.sed-payment-history h4{margin:0 0 12px;font-size:14px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px}.sed-payment-list{display:flex;flex-direction:column;gap:10px}.sed-payment-item{padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.sed-payment-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sed-payment-method{font-weight:600;font-size:13px;color:#1f2937}.sed-payment-date{font-size:11px;color:#6b7280}.sed-payment-amount{font-size:16px;font-weight:700;color:#059669;margin:4px 0}.sed-payment-ref{font-size:11px;color:#6b7280;margin-top:4px}.sed-payment-modal{max-width:500px}.sed-payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.sed-payment-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f9fafb;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;font-size:13px;font-weight:600;color:#374151}.sed-payment-option:hover{border-color:#3b82f6;background:#eff6ff}.sed-payment-option.active{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.sed-payment-option:disabled{opacity:.5;cursor:not-allowed}.sed-card-note{padding:12px;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;font-size:13px;color:#1e40af}@media(max-width:992px){.sed-vehicle-layout,.sed-info-grid,.sed-quote-actions,.sed-services-comparison{grid-template-columns:1fr}}@media(max-width:768px){.sed-topbar{padding:.875rem 1rem}.sed-topbar-content{flex-direction:column;align-items:flex-start;gap:.625rem}.sed-order-id{font-size:1.25rem}.sed-content{padding:1rem;gap:1rem}.sed-section{padding:1rem}.sed-quote-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.875rem 1rem}.sed-quote-section,.sed-quote-footer{padding:.875rem 1rem}.sed-negotiation-message{max-width:100%}.sed-btn{font-size:.75rem;padding:.5rem .75rem}.sed-payment-methods{grid-template-columns:1fr}.sed-banner-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.sed-section-title,.sed-quote-header .sed-section-title{font-size:.9375rem}.sed-quote-actions{gap:.5rem}.sed-quote-table{font-size:13px}.sed-quote-table th,.sed-quote-table td{padding:10px 12px}.sed-service-name-cell{flex-direction:column;align-items:flex-start}}.sed-divider{height:1px;background:linear-gradient(90deg,transparent,#e5e7eb 20%,#e5e7eb 80%,transparent);margin:.75rem 0}.sed-advance-row{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:.875rem 1rem!important;border-radius:.5rem;border:1px solid #fbbf24;margin:.5rem 0!important}.sed-advance-label{display:flex;align-items:center;font-weight:600;color:#92400e}.sed-advance-icon{margin-right:.5rem;font-size:1.125rem}.sed-advance-amount{color:#b45309;font-weight:700;font-size:1.0625rem}.sed-balance-row{background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:.875rem 1rem!important;border-radius:.5rem;border:2px solid #3b82f6;margin:.5rem 0!important}.sed-balance-amount{color:#1e40af;font-weight:700;font-size:1.125rem}.sed-accident-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.sed-accident-content{margin-top:16px}.sed-accident-item{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.sed-accident-item:last-child{border-bottom:none;margin-bottom:0}.sed-accident-label{font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.sed-accident-value{color:#6b7280}.sed-download-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4169e1;text-decoration:none;font-weight:500;transition:all .2s}.sed-download-link:hover{background:#eff6ff;border-color:#4169e1;cursor:pointer}.sed-damage-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:8px}.sed-damage-photo-item{position:relative;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease;aspect-ratio:4 / 3}.sed-damage-photo-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.sed-damage-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sed-damage-photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:12px 8px 8px;text-align:center;font-size:12px;opacity:0;transition:opacity .3s ease}.sed-damage-photo-item:hover .sed-damage-photo-overlay{opacity:1}.sed-notes-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;color:#374151;line-height:1.5;white-space:pre-wrap}.sed-no-accident-data{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#6b7280;background:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}.sed-no-accident-data svg{opacity:.5}.free-badge{display:inline-block;padding:2px 8px;background-color:#10b981;color:#fff;border-radius:12px;font-weight:700;font-size:.75rem;text-transform:uppercase}.approval-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:1.5rem}.approval-header{padding:1rem 1.25rem;border-bottom:2px solid #f3f4f6;background:linear-gradient(to bottom,#fafbfc,#fff);display:flex;align-items:center;justify-content:space-between}.approval-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0}.approval-status-pending{padding:.375rem .875rem;background:#fef3c7;color:#92400e;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.approval-content{padding:1.25rem}.approval-info-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.approval-icon{color:#6b7280;flex-shrink:0}.approval-info-label{font-size:.8125rem;font-weight:600;color:#374151}.approval-send-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.625rem;margin-bottom:1rem}.approval-description{font-size:.875rem;color:#6b7280;text-align:center;margin:0}.approval-btn-send-otp{padding:.75rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 2px 8px #3b82f640}.approval-btn-send-otp:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f659}.approval-btn-send-otp:disabled{opacity:.6;cursor:not-allowed;transform:none}.approval-verify-section{padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.625rem;margin-bottom:1rem}.approval-otp-instruction{font-size:.8125rem;color:#6b7280;text-align:center;margin:0 0 1rem;font-weight:500}.approval-otp-wrapper{display:flex;align-items:center;gap:.75rem;justify-content:center}.approval-otp-boxes{display:flex;gap:.5rem}.approval-otp-box{width:2.5rem;height:2.5rem;border:2px solid #d1d5db;border-radius:.5rem;text-align:center;font-size:1.25rem;font-weight:700;font-family:Courier New,monospace;color:#000;transition:all .2s;background:#fff}.approval-otp-box:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;transform:scale(1.05)}.approval-otp-box:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.approval-btn-verify{padding:.75rem 1.25rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px #10b98140}.approval-btn-verify:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98159}.approval-btn-verify:disabled{opacity:.6;cursor:not-allowed;transform:none}.approval-error{margin-top:1rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #ef4444;border-radius:.5rem;color:#991b1b;font-size:.8125rem;font-weight:600;text-align:center}.approval-hint{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:#6b7280;font-style:italic}.approval-resend-btn{margin-top:.75rem;padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.8125rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;display:block;width:100%}.approval-resend-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.approval-resend-btn:disabled{opacity:.5;cursor:not-allowed}.approval-date-row{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;padding:.75rem 0;border-top:1px solid #f3f4f6;margin-top:1rem}.approval-date-label{font-weight:600;color:#374151}.approval-date-value{color:#6b7280}@media(max-width:768px){.approval-otp-wrapper{flex-direction:column}.approval-otp-boxes{gap:.375rem}.approval-otp-box{width:2.25rem;height:2.25rem;font-size:1.125rem}.approval-btn-verify{width:100%;justify-content:center}}@media(max-width:480px){.approval-otp-box{width:2rem;height:2rem;font-size:1rem}}.sps-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;margin:24px 0}.sps-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.sps-section-title{margin:0;font-size:18px;font-weight:700;color:#1e293b}.sps-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;max-width:1200px}.sps-service-card{background:#f8fafc;border:2px solid #cbd5e1;border-radius:8px;padding:16px;transition:all .2s ease;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 3px #00000014}.sps-service-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.sps-card-header{display:flex;flex-direction:column;gap:10px;padding-bottom:12px;border-bottom:2px solid var(--color-card-border, #e2e8f0)}.sps-card-title{margin:0;font-size:16px;font-weight:700;color:#1e293b;line-height:1.3}.sps-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sps-status-badge{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 1px 3px #0003;flex-shrink:0}.sps-timer{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:6px;font-size:11px;font-weight:700;color:#78350f;white-space:nowrap;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.sps-timer.overtime{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#7f1d1d}.sps-timer svg{animation:pulse 2s ease-in-out infinite;flex-shrink:0}.sps-timer-text{font-family:Courier New,monospace;letter-spacing:.5px}.sps-progress-bar-wrapper{display:flex;align-items:center;gap:12px;margin-top:12px}.sps-progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.sps-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.sps-progress-text{font-size:12px;font-weight:700;color:#475569;min-width:40px;text-align:right}@media(max-width:480px){.sps-header-left{flex-direction:column;align-items:flex-start}.sps-card-title{white-space:normal;overflow:visible}}.sps-card-body{padding-top:16px}.sps-field{margin-bottom:12px}.sps-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px}.sps-comments{margin:0;padding:10px 12px;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:4px;font-size:13px;color:#334155;line-height:1.5}.sps-hold-history{margin-top:12px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.sps-hold-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8fafc;border:none;cursor:pointer;font-size:13px;font-weight:600;color:#475569;transition:background .2s}.sps-hold-toggle:hover{background:#f1f5f9}.sps-hold-toggle span{display:flex;align-items:center;gap:6px}.sps-hold-list{padding:12px;background:#fff;border-top:1px solid #e2e8f0}.sps-hold-item{padding:12px;background:#fef2f2;border-left:3px solid #ef4444;border-radius:4px;margin-bottom:10px}.sps-hold-item:last-child{margin-bottom:0}.sps-hold-reason{font-size:13px;color:#7f1d1d;margin-bottom:8px;line-height:1.4}.sps-hold-image{width:100%;max-width:300px;height:auto;border-radius:6px;margin:10px 0;cursor:pointer;transition:transform .2s;box-shadow:0 2px 4px #0000001a}.sps-hold-image:hover{transform:scale(1.02)}.sps-hold-time{font-size:11px;color:#991b1b;font-style:italic}.sps-time-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:#f0fdf4;border-left:3px solid #10b981;border-radius:4px;margin-top:12px}.sps-time-item{display:flex;flex-direction:column;gap:4px}.sps-time-label{font-size:11px;font-weight:600;color:#065f46;text-transform:uppercase;letter-spacing:.5px}.sps-time-value{font-size:13px;font-weight:700;color:#047857}.sps-loading,.sps-error,.sps-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#64748b}.sps-loading svg,.sps-error svg,.sps-empty svg{margin-bottom:16px;color:#94a3b8}.sps-loading span,.sps-error p,.sps-empty p{margin-top:8px;font-size:14px}.sps-empty h3{margin:8px 0;font-size:18px;font-weight:700;color:#475569}.sps-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.sps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.sps-section-title{margin:0;font-size:20px;font-weight:700;color:#1e293b}.sps-auto-refresh{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-style:italic}.sps-content{margin-top:20px}.sps-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.sps-service-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.sps-service-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #0000000d}@media(max-width:768px){.sps-cards-grid{grid-template-columns:1fr}.sps-section{padding:16px}}.sps-road-test-photos{margin-top:1rem;padding:.75rem;background:#f0f9ff;border-radius:8px;border:1px solid #bae6fd}.sps-road-test-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:13px;font-weight:600;color:#0369a1}.sps-road-test-section{margin-bottom:.75rem}.sps-road-test-section:last-child{margin-bottom:0}.sps-road-test-label{display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:.375rem}.sps-road-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.sps-road-test-thumb{position:relative;width:100%;padding-bottom:100%;border-radius:6px;overflow:hidden;background:#fff;border:2px solid #e0f2fe;cursor:pointer;transition:all .2s}.sps-road-test-thumb:hover{border-color:#0284c7;transform:scale(1.05);box-shadow:0 4px 12px #0284c733}.sps-road-test-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sps-road-test-thumb:hover img{opacity:.9}@media(max-width:640px){.sps-road-test-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}.fbv-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:1.5rem;overflow:hidden}.fbv-header{padding:1rem 1.25rem;border-bottom:2px solid #e5e7eb;background:#dbeafe;display:flex;align-items:center;justify-content:space-between}.fbv-title{font-size:.9375rem;font-weight:700;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.025em}.fbv-btn-download{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.8125rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.fbv-btn-download:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.fbv-content{padding:1.25rem}.fbv-bill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.fbv-bill-header h4{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.fbv-bill-header p{font-size:.8125rem;color:#6b7280;margin:0}.fbv-table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.8125rem}.fbv-table thead{background:#3b82f6}.fbv-table th{padding:.75rem .625rem;text-align:left;font-weight:700;color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em}.fbv-table tbody tr{background:#ede9fe;border-bottom:1px solid #e5e7eb}.fbv-table tbody tr:last-child{border-bottom:none}.fbv-table td{padding:.75rem .625rem;color:#000;font-size:.8125rem}.fbv-amount{font-weight:700;text-align:right}.fbv-totals-compact{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1.5rem}.fbv-total-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.8125rem;color:#6b7280;border-bottom:1px solid #e5e7eb}.fbv-total-row:last-child{border-bottom:none}.fbv-total-row.fbv-grand{font-size:.9375rem;font-weight:700;color:#10b981;padding-top:.5rem;margin-top:.25rem;border-top:2px solid #d1d5db}.fbv-total-row span:last-child{font-weight:700;color:#000}.fbv-total-row.fbv-grand span:last-child{color:#10b981;font-size:1.125rem}.fbv-photos-compact{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.fbv-photo-section-compact h4{font-size:.8125rem;font-weight:700;color:#1f2937;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.025em}.fbv-photo-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.fbv-photo-item-compact{position:relative;aspect-ratio:4/3;border-radius:.375rem;overflow:hidden;border:2px solid #e5e7eb;background:#f9fafb}.fbv-photo-item-compact img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fbv-footer{padding:1rem 1.25rem;border-top:2px solid #e5e7eb;background:#fafbfc}.fbv-btn-acknowledge{width:100%;padding:.875rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.625rem;transition:all .2s;box-shadow:0 4px 12px #10b98140}.fbv-btn-acknowledge:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.fbv-btn-acknowledge:disabled{opacity:.6;cursor:not-allowed}.fbv-acknowledged{padding:1rem;background:#d1fae5;border:1px solid #10b981;border-radius:.5rem;color:#065f46;font-weight:600;text-align:center;margin:1rem 1.25rem}.fbv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem;color:#6b7280}.fbv-loading svg{color:#3b82f6}.fbv-printable{background:#fff;max-width:210mm;margin:0 auto;padding:15mm;font-family:Courier New,Courier,monospace;color:#000;line-height:1.4;display:none}.fbv-receipt-header{text-align:center;margin-bottom:15px;padding-bottom:10px}.fbv-receipt-logo{max-width:80px;max-height:60px;margin-bottom:8px;-o-object-fit:contain;object-fit:contain}.fbv-receipt-garage-name{font-size:1.25rem;font-weight:700;margin:8px 0;text-transform:uppercase;letter-spacing:1px;color:#000}.fbv-receipt-garage-info{font-size:.7rem;line-height:1.3;color:#333}.fbv-receipt-garage-info p{margin:2px 0}.fbv-receipt-details{font-size:.75rem;margin-bottom:12px}.fbv-receipt-row{display:grid;grid-template-columns:110px 1fr;padding:3px 0;border-bottom:1px dotted #ddd;gap:8px}.fbv-receipt-row span:first-child{color:#666;text-align:left}.fbv-receipt-row strong{text-align:left;color:#000;font-weight:700}.fbv-receipt-table{width:100%;border-collapse:collapse;font-size:.7rem;margin:12px 0;background:#fff}.fbv-receipt-table th{border-top:1px solid #000;border-bottom:1px solid #000;padding:6px 4px;text-align:left;font-weight:700;text-transform:uppercase;font-size:.65rem;background:#fff;color:#000}.fbv-receipt-table td{padding:5px 4px;border-bottom:1px dotted #ddd;background:#fff;color:#000}.fbv-receipt-table tbody tr{background:#fff;color:#000}.fbv-receipt-table tbody tr:last-child td{border-bottom:1px solid #000}.fbv-receipt-center{text-align:center;color:#000}.fbv-receipt-right{text-align:right;color:#000}.fbv-receipt-table strong{color:#000;font-weight:700}.fbv-receipt-totals{margin:15px 0;font-size:.8rem}.fbv-receipt-total-row{display:flex;justify-content:space-between;padding:3px 0;color:#000}.fbv-receipt-total-row.fbv-receipt-grand{font-size:1rem;font-weight:700;padding-top:8px;margin-top:8px;border-top:1px solid #000;color:#000}.fbv-receipt-footer{text-align:center;margin-top:20px;padding-top:12px;border-top:1px solid #000;font-size:.7rem}.fbv-receipt-footer p{margin:4px 0;color:#000}.fbv-receipt-notice{font-size:.65rem;color:#666;font-style:italic;margin-top:8px}@media print{.fbv-header,.fbv-content,.fbv-footer,.fbv-acknowledged{display:none!important}.fbv-printable{display:block!important;padding:0;margin:0;max-width:100%;background:#fff!important}*{background:#fff!important}.fbv-receipt-table,.fbv-receipt-table th,.fbv-receipt-table td,.fbv-receipt-table strong,.fbv-receipt-totals,.fbv-receipt-row,.fbv-receipt-row strong{color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:10mm}body,html{margin:0!important;padding:0!important;background:#fff!important}a[href]:after{content:none!important}abbr[title]:after{content:none!important}.fbv-receipt-table,.fbv-receipt-footer{page-break-inside:avoid}}@media(max-width:992px){.fbv-photos-compact{grid-template-columns:1fr}}@media(max-width:768px){.fbv-table{font-size:.75rem}.fbv-table th,.fbv-table td{padding:.5rem .375rem}.fbv-photo-grid-compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.fbv-content{padding:1rem}.fbv-table{font-size:.6875rem}.fbv-photo-grid-compact{grid-template-columns:1fr}}.fbv-photos-large{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.fbv-photo-section-large{background:#fff;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.fbv-photo-section-large h4{margin:0 0 16px;font-size:16px;font-weight:700;color:#1f2937;text-transform:uppercase;letter-spacing:.5px;text-align:center}.fbv-photo-grid-large{display:flex;flex-direction:column;gap:16px}.fbv-photo-item-large{width:100%;height:280px;border-radius:8px;overflow:hidden;background:#f9fafb;border:2px solid #e5e7eb;transition:all .3s ease;cursor:pointer}.fbv-photo-item-large:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.fbv-photo-item-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.fbv-photo-item-large:hover img{transform:scale(1.05)}@media(max-width:992px){.fbv-photos-large{grid-template-columns:1fr}}@media(max-width:768px){.fbv-photo-item-large{height:220px}}@media(max-width:480px){.fbv-photo-item-large{height:180px}}.pfs-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.pfs-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.pfs-section{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb;padding:1.25rem}.pfs-section-title{font-size:.875rem;font-weight:700;color:#1f2937;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.025em;display:flex;align-items:center;gap:.5rem}.pfs-feedback{background:#fff}.pfs-label{display:block;font-size:.75rem;font-weight:700;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.pfs-rating-container{margin-bottom:1.25rem}.pfs-stars{display:flex;gap:.375rem;margin-bottom:.625rem}.pfs-star{cursor:pointer;color:#d1d5db;transition:all .15s}.pfs-star.filled{color:#fbbf24;fill:#fbbf24}.pfs-rating-text{font-size:.875rem;color:#6b7280;font-weight:600}.pfs-field{margin-bottom:1rem}.pfs-textarea{width:100%;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.8125rem;font-family:inherit;color:#1f2937;resize:vertical;transition:all .15s}.pfs-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.pfs-textarea::-moz-placeholder{color:#9ca3af}.pfs-textarea::placeholder{color:#9ca3af}.pfs-tags{display:flex;gap:.5rem;flex-wrap:wrap}.pfs-tag{padding:.375rem .875rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;font-size:.75rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s}.pfs-tag:hover{border-color:#3b82f6;color:#3b82f6}.pfs-tag.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pfs-btn-submit{width:100%;padding:.75rem 1rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .15s;margin-top:.5rem}.pfs-btn-submit:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.pfs-btn-submit:disabled{opacity:.5;cursor:not-allowed}.pfs-appointment{background:#f9fafb}.pfs-appointment-info{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:.375rem;margin-bottom:1.25rem}.pfs-info-icon{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.pfs-info-text{margin:0;font-size:.8125rem;color:#1e40af;line-height:1.5}.pfs-appointment-field{margin-bottom:1.25rem}.pfs-readonly-value{padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;font-weight:600;color:#1f2937}.pfs-readonly-remarks{padding:.875rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.8125rem;color:#374151;line-height:1.6;white-space:pre-wrap}.pfs-no-appointment{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#9ca3af;text-align:center}.pfs-no-appointment svg{margin-bottom:.75rem;opacity:.5}.pfs-no-appointment p{margin:0;font-size:.875rem;font-weight:500}.pfs-archive-container{display:flex;justify-content:flex-end;margin-top:.5rem}.pfs-btn-archive{width:auto;max-width:240px;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:.5rem}.pfs-btn-archive:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.pfs-btn-archive:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.pfs-two-columns{grid-template-columns:1fr}}@media(max-width:768px){.pfs-stars{justify-content:center}.pfs-tags{flex-direction:column}.pfs-btn-archive{max-width:100%}}.pfs-scheduled-services-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.pfs-scheduled-service-card{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease}.pfs-scheduled-service-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.pfs-service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.pfs-service-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.pfs-service-status{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.pfs-service-status.scheduled{background:#e0f2fe;color:#0369a1}.pfs-service-status.confirmed{background:#dcfce7;color:#166534}.pfs-service-status.completed{background:#f3e8ff;color:#6b21a8}.pfs-service-status.cancelled{background:#fee2e2;color:#991b1b}.pfs-no-appointment{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#9ca3af}.pfs-no-appointment svg{margin-bottom:16px;opacity:.5}.pfs-no-appointment p{font-size:16px;font-weight:500;color:#6b7280;margin-bottom:8px}.pfs-no-appointment-subtitle{font-size:14px;color:#9ca3af}@media(max-width:768px){.pfs-scheduled-service-card{padding:12px}.pfs-service-header{flex-direction:column;gap:8px;align-items:flex-start}}.floating-chat-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#21808d,#1a646f);color:#fff;border:3px solid white;box-shadow:0 8px 24px #21808d66,0 4px 12px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000}.floating-chat-btn:hover{transform:scale(1.15);box-shadow:0 12px 32px #21808d80,0 6px 16px #00000059}.floating-chat-btn svg{width:28px;height:28px;stroke-width:2.5}.chat-badge{position:absolute;top:-6px;right:-6px;min-width:24px;height:24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;padding:0 7px;border:3px solid white;box-shadow:0 4px 12px #ef444480}.floating-chat-window{position:fixed;bottom:2rem;right:2rem;width:380px;height:550px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000040;border:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;z-index:1000;overflow:hidden;animation:slideUp .3s ease}@media(prefers-color-scheme:dark){.floating-chat-window{background:#1f2121;border:1px solid #3a3c3c}}[data-color-scheme=dark] .floating-chat-window{background:#1f2121;border:1px solid #3a3c3c}.floating-chat-window.minimized{height:52px}.chat-window-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:linear-gradient(135deg,#21808d,#1a646f);color:#fff;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #0000001a}.chat-header-left{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9375rem;color:#fff}.chat-unread-badge{background:#ffffff40;color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .5rem;border-radius:10px;min-width:20px;text-align:center;border:1px solid rgba(255,255,255,.3)}.chat-header-actions{display:flex;gap:.25rem}.chat-header-btn{width:32px;height:32px;border:1px solid rgba(255,255,255,.4);background:#fff3;color:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-header-btn:hover{background:#ffffff59;transform:scale(1.05)}.chat-window-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#f3f4f6}@media(prefers-color-scheme:dark){.chat-window-messages{background:#262828}}[data-color-scheme=dark] .chat-window-messages{background:#262828}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#6b7280;text-align:center}.chat-empty p{margin:0;font-weight:600;font-size:1rem;color:#374151}@media(prefers-color-scheme:dark){.chat-empty p{color:#d1d5db}}.chat-message{max-width:80%;padding:.75rem 1rem;border-radius:12px;font-size:.9375rem;box-shadow:0 1px 3px #0000001a;word-wrap:break-word}.chat-message.sent{align-self:flex-end;background:linear-gradient(135deg,#21808d,#1a646f);color:#fff!important;border-radius:12px 12px 4px}.chat-message.received{align-self:flex-start;background:#fff;color:#1f2937!important;border:1px solid #e5e7eb;border-radius:12px 12px 12px 4px}@media(prefers-color-scheme:dark){.chat-message.received{background:#374151;color:#f3f4f6!important;border-color:#4b5563}}[data-color-scheme=dark] .chat-message.received{background:#374151;color:#f3f4f6!important;border-color:#4b5563}.chat-msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;gap:.75rem}.chat-msg-sender{font-size:.75rem;font-weight:600;opacity:.9}.chat-msg-time{font-size:.6875rem;opacity:.7;white-space:nowrap}.chat-msg-text{word-wrap:break-word;line-height:1.4;color:inherit!important}.chat-window-input{display:flex;gap:.5rem;padding:.875rem 1rem;border-top:2px solid #e5e7eb;background:#fff}@media(prefers-color-scheme:dark){.chat-window-input{background:#1f2121;border-top-color:#3a3c3c}}.chat-window-input input{flex:1;padding:.625rem .875rem;border:2px solid #d1d5db;border-radius:20px;background:#f9fafb;color:#1f2937;font-size:.875rem}@media(prefers-color-scheme:dark){.chat-window-input input{background:#374151;border-color:#4b5563;color:#f3f4f6}}.chat-window-input input:focus{outline:none;border-color:#21808d}.chat-input-btn{width:40px;height:40px;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#f3f4f6;color:#374151;box-shadow:0 2px 6px #00000026}.chat-input-btn:hover{background:#e5e7eb;border-color:#21808d;transform:scale(1.1)}.chat-send-btn{width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background:linear-gradient(135deg,#21808d,#1a646f);color:#fff;box-shadow:0 4px 12px #21808d66}.chat-send-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 16px #21808d80}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-recording-controls{display:flex;flex-direction:column;gap:.625rem;padding:.875rem 1rem;border-top:2px solid #e5e7eb;background:#fff}@media(prefers-color-scheme:dark){.chat-recording-controls{background:#1f2121;border-top-color:#3a3c3c}}.recording-info{display:flex;justify-content:space-between;align-items:center;padding:.375rem .625rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}@media(prefers-color-scheme:dark){.recording-info{background:#374151;border-color:#4b5563}}.recording-indicator{display:flex;align-items:center;gap:.5rem}.recording-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.recording-label{font-size:.8125rem;font-weight:600;color:#374151}@media(prefers-color-scheme:dark){.recording-label{color:#e5e7eb}}.recording-timer{font-size:.9375rem;font-weight:700;color:#1f2937;font-variant-numeric:tabular-nums}@media(prefers-color-scheme:dark){.recording-timer{color:#f3f4f6}}.recording-actions{display:flex;gap:.5rem;justify-content:center}.rec-btn{flex:1;padding:.625rem .75rem;border:1.5px solid;border-radius:18px;font-size:.8125rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.375rem;transition:all .2s;box-shadow:0 2px 4px #00000014}.rec-btn svg{width:16px;height:16px;stroke-width:2.5;flex-shrink:0}.rec-btn:hover{transform:translateY(-1px);box-shadow:0 3px 6px #0000001f}.rec-btn:active{transform:translateY(0)}.rec-btn-cancel{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.rec-btn-cancel:hover{background:#fecaca;border-color:#f87171}@media(prefers-color-scheme:dark){.rec-btn-cancel{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}.rec-btn-cancel:hover{background:#991b1b;border-color:#b91c1c}}.rec-btn-pause{background:#fef3c7;color:#d97706;border-color:#fcd34d}.rec-btn-pause:hover{background:#fde68a;border-color:#fbbf24}@media(prefers-color-scheme:dark){.rec-btn-pause{background:#78350f;color:#fcd34d;border-color:#92400e}.rec-btn-pause:hover{background:#92400e;border-color:#b45309}}.rec-btn-stop{background:#ccf0f3;color:#0f766e;border-color:#5eead4}.rec-btn-stop:hover:not(:disabled){background:#99e6ed;border-color:#2dd4bf}.rec-btn-stop:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:dark){.rec-btn-stop{background:#134e4a;color:#5eead4;border-color:#0f766e}.rec-btn-stop:hover:not(:disabled){background:#0f766e;border-color:#14b8a6}}.roadside-tracking-container{display:flex;flex-direction:column;gap:1rem}.roadside-tracking-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.roadside-tracking-status{padding:1rem;border-radius:12px;border:2px solid;display:flex;align-items:center;gap:1rem}.roadside-status-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roadside-status-info h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.roadside-status-info p{margin:0;font-size:.875rem;color:#6b7280}.roadside-map-wrapper{position:relative;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.roadside-distance-badge{position:absolute;top:1rem;right:1rem;background:#fff;padding:.625rem 1rem;border-radius:999px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.875rem;color:#111827;z-index:10}.roadside-garage-info-card,.roadside-pickup-info{padding:1rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.roadside-garage-info-card h4,.roadside-pickup-info h4{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.5rem}.roadside-garage-info-card p,.roadside-pickup-info p{margin:0 0 .75rem;font-size:.875rem;color:#6b7280}.roadside-call-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#22c55e;color:#fff;border-radius:8px;font-weight:600;font-size:.875rem;text-decoration:none;transition:all .2s}.roadside-call-btn:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.roadside-urgency-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#fef3c7;color:#92400e;border-radius:999px;font-size:.8125rem;font-weight:600}@media(max-width:768px){.roadside-tracking-status{flex-direction:column;align-items:flex-start}.roadside-distance-badge{top:.5rem;right:.5rem;font-size:.75rem;padding:.5rem .75rem}}.roadside-tracking-status.arrived-pulse{animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 12px #22c55e00}}.roadside-arrived-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:.75rem 1.25rem;border-radius:999px;box-shadow:0 4px 16px #22c55e66;display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9375rem;z-index:10;animation:bounce-in .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.roadside-celebration-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.celebration-content{background:#fff;padding:3rem 2rem;border-radius:20px;text-align:center;animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 20px 60px #0000004d}.celebration-content h2{margin:1rem 0 .5rem;font-size:1.75rem;color:#22c55e;font-weight:800}.celebration-content p{margin:0;font-size:1.125rem;color:#6b7280}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.roadside-notification{position:fixed;top:2rem;right:2rem;background:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:.75rem;z-index:10000;transform:translate(400px);opacity:0;transition:all .3s ease;max-width:400px}.roadside-notification.show{transform:translate(0);opacity:1}.roadside-notification.arrived{border-left:4px solid #22c55e}.notification-icon{font-size:1.5rem}.notification-text{font-weight:600;color:#111827;font-size:.9375rem}@media(max-width:640px){.roadside-notification{right:1rem;left:1rem;max-width:none}.celebration-content{padding:2rem 1.5rem}.celebration-content h2{font-size:1.5rem}}.recovery-type-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:12px;font-size:10px;font-weight:500;margin-top:4px;white-space:nowrap}.schedule-cell{min-width:120px}.schedule-info{display:flex;flex-direction:column;gap:4px}.schedule-date{font-size:12px;color:#4b5563;font-weight:500}.immediate-label{font-size:12px;color:#6b7280;font-style:italic}.upcoming-indicator{background:#dcfce7;color:#166534;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;text-align:center}.recovery-row.upcoming-scheduled{background:#f0fdf4!important;border-left:3px solid #22c55e}.recovery-row.upcoming-scheduled:hover{background:#dcfce7!important}.recovery-id{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;max-width:100%}@media(max-width:1024px){.recovery-history-table th:nth-child(6),.recovery-history-table td:nth-child(6){display:none}}@media(max-width:768px){.recovery-history-table th:nth-child(3),.recovery-history-table td:nth-child(3),.recovery-history-table th:nth-child(4),.recovery-history-table td:nth-child(4){display:none}.recovery-id{flex-direction:row;align-items:center;gap:8px}.recovery-type-badge{margin-top:0}}.vehicle-type-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.recovery-type-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:10px;font-size:9px;font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.scheduled-badge{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.priority-badge{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.standard-badge{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.plate-number{font-size:11px;color:#9ca3af;background:#f3f4f6;padding:2px 6px;border-radius:4px;margin-top:4px;display:inline-block}.recovery-history-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.section-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.filters-container{display:flex;gap:12px;align-items:center}.status-filter{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;cursor:pointer}.status-filter:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.recovery-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.recovery-history-table{width:100%;border-collapse:collapse;font-size:14px}.recovery-history-table th{background:#f9fafb;padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.recovery-history-table td{padding:16px;border-bottom:1px solid #f3f4f6;vertical-align:top}.recovery-row{cursor:pointer;transition:background-color .2s}.recovery-row:hover{background:#f9fafb}.recovery-row:last-child td{border-bottom:none}.recovery-id{font-family:Courier New,monospace;font-weight:600;color:#6b7280}.vehicle-info{display:flex;align-items:flex-start;gap:8px;min-width:120px}.vehicle-icon{background:#eff6ff;padding:4px;border-radius:4px;color:#3b82f6;flex-shrink:0}.vehicle-type{font-weight:600;color:#1f2937;font-size:13px}.vehicle-details{font-size:12px;color:#6b7280;margin-top:2px}.plate-number{font-size:11px;color:#9ca3af;background:#f3f4f6;padding:2px 6px;border-radius:4px;margin-top:2px;display:inline-block}.location-cell{max-width:200px}.location-with-icon{display:flex;align-items:flex-start;gap:6px;color:#4b5563}.location-with-icon svg{color:#ef4444;flex-shrink:0;margin-top:1px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-orange{background:#fff7ed;color:#c2410c;border:1px solid #fdba74}.status-blue{background:#eff6ff;color:#1d4ed8;border:1px solid #93c5fd}.status-purple{background:#faf5ff;color:#7c3aed;border:1px solid #c4b5fd}.status-green{background:#f0fdf4;color:#166534;border:1px solid #86efac}.status-red{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.status-gray{background:#f9fafb;color:#6b7280;border:1px solid #d1d5db}.cost-cell{font-weight:600;color:#059669;white-space:nowrap}.date-cell{white-space:nowrap}.date-with-icon{display:flex;align-items:center;gap:6px;color:#6b7280}.date-with-icon svg{color:#6b7280}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.loading-state .spinner{animation:spin 1s linear infinite;color:#3b82f6}.error-state{color:#dc2626}.error-state svg{margin-bottom:12px}.retry-btn{margin-top:12px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.retry-btn:hover{background:#2563eb}.empty-state svg{color:#9ca3af;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#374151}.empty-state p{margin:0 0 20px;color:#6b7280}.schedule-recovery-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.schedule-recovery-btn:hover{background:#2563eb}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.pagination-btn{padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:#6b7280}@media(max-width:768px){.recovery-history-section{padding:16px}.section-header{flex-direction:column;align-items:stretch}.filters-container{justify-content:flex-start}.recovery-history-table{font-size:12px}.recovery-history-table th,.recovery-history-table td{padding:12px 8px}.vehicle-info{flex-direction:column;align-items:flex-start;gap:4px}}.cust-main{background-color:#e8e7f0}.accident-container{max-width:600px;margin:30px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:#1a1a1a}.accident-container h2{font-size:20px;font-weight:700;margin-bottom:16px;margin-top:10px;color:#1a1a1a}.checkbox-group label{display:block;margin-bottom:12px;font-size:14px;font-weight:600;color:#374151;cursor:pointer}.checkbox-group input[type=checkbox]{margin-right:8px;width:16px;height:16px;accent-color:#10b981;cursor:pointer}.emergency-links{list-style:none;padding-left:0;margin:20px 0}.emergency-link{color:#10b981;text-decoration:underline;font-weight:600;font-size:14px}.emergency-link:hover{color:#059669}.buttons-row{margin-top:24px;display:flex;justify-content:space-between;gap:12px}.btn{padding:10px 20px;font-weight:600;border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s;border:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background-color:#10b981!important;color:#fff;border:1px solid #059669}.btn-primary:disabled{background-color:#999;cursor:not-allowed;border:1px solid #999999}.btn-primary:hover:not(:disabled){background-color:#1c5e49!important;border-color:#047857}.btn-secondary{background-color:#f3f4f6;color:#586272;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#5d6c8b!important}@media(max-width:768px){.accident-container{padding:16px;margin:20px}.buttons-row{flex-direction:column}.btn{width:100%}}.checkbox-group{list-style-type:disc!important;padding-left:20px!important;margin-bottom:10px}.accident-container{margin:30px auto;padding:20px;max-width:1150px;background:#fff;border-radius:28px;box-shadow:0 2px 8px #00000014;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:#1a1a1a}.db-search-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.db-search-header{font-size:18px;font-weight:700;margin-bottom:12px;color:#1a1a1a}.db-search-input{width:100%;padding:9px 11px;margin-bottom:12px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;color:#1a1a1a;font-size:14px;box-sizing:border-box;outline:none}.db-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;background:#fff}.db-search-btn{display:inline-flex;align-items:center;gap:8px;background:#10b981;color:#fff;border:1px solid #059669;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;letter-spacing:.2px;transition:background .2s;width:100%;justify-content:center}.db-search-btn:hover{background:#059669}.db-error-message{color:#dc2626;font-size:13px;margin-top:6px}.db-garages-container{margin-top:20px}.db-garages-list{display:flex;flex-wrap:wrap;gap:20px}.db-garage-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d;width:280px;display:flex;flex-direction:column;transition:box-shadow .2s}.db-garage-card:hover{box-shadow:0 4px 12px #0000001a}.db-garage-image{width:100%;height:180px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.db-garage-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.db-garage-name{color:#1a1a1a;margin:12px 16px 8px;font-size:18px;font-weight:700}.db-garage-info{padding:0 16px 16px;color:#6b7280;font-size:14px;flex-grow:1}.db-button-group{padding:16px;display:flex;justify-content:space-between;gap:12px}.db-button{background:#10b981;color:#fff;border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s;flex:1;text-align:center}.db-button:hover{background:#059669}textarea{border:1px solid #2c3e50}.image-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:.5rem}.preview-image{width:100px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #ccc}.db-search-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.db-search-input{flex:1 1 180px;min-width:140px;margin-bottom:0!important}.db-search-btn{flex:0 0 auto;min-width:120px;margin-left:auto}@media(max-width:900px){.db-search-row{flex-direction:column;align-items:stretch;gap:12px}.db-search-btn{width:100%;min-width:unset;margin-left:0}}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{background:#fff;border-radius:.75rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0003}.modal-box.vehicle-modal{max-width:700px}.modal-header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.modal-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.modal-close-btn{padding:.375rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#f3f4f6;border-color:#9ca3af}.modal-body{padding:1.25rem}.photo-upload-section{margin-bottom:1.5rem}.photo-preview{width:100%;height:180px;border-radius:.5rem;background:#f3f4f6;border:2px dashed #d1d5db;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.75rem;position:relative}.photo-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-preview-placeholder{color:#9ca3af;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.photo-upload-btn{width:100%;padding:.625rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-weight:600;font-size:.875rem;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.photo-upload-btn:hover{background:#f3f4f6;border-color:#5b5fc7;color:#5b5fc7}.file-input{display:none}.form-section-title{font-size:.9375rem;font-weight:700;color:#111827;margin:1.5rem 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.form-section-title:first-child{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.form-field{display:flex;flex-direction:column;gap:.375rem}.form-field.full-width{grid-column:1 / -1}.form-label{font-size:.875rem;font-weight:600;color:#374151}.form-input,.form-select{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;background:#f9fafb;transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#5b5fc7;background:#fff;box-shadow:0 0 0 3px #5b5fc71a}.form-select{cursor:pointer}.form-input:disabled,.form-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f9fafb;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;min-height:42px}.dropdown-trigger:hover{border-color:#9ca3af}.dropdown-trigger.open{border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a}.dropdown-trigger.disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.dropdown-value{font-size:.875rem;color:#111827}.dropdown-value.placeholder{color:#9ca3af}.dropdown-arrow{color:#6b7280;transition:transform .2s}.dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:.25rem;overflow:hidden}.dropdown-search{padding:.75rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:.5rem;background:#f9fafb}.search-input{border:none;background:transparent;outline:none;width:100%;font-size:.875rem;color:#111827}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.dropdown-options{max-height:200px;overflow-y:auto}.dropdown-option{padding:.75rem;cursor:pointer;font-size:.875rem;color:#374151;border-bottom:1px solid #f3f4f6;transition:all .2s}.dropdown-option:hover{background:#f3f4f6}.dropdown-option.selected{background:#5b5fc7;color:#fff}.dropdown-option:last-child{border-bottom:none}.dropdown-no-results{padding:.75rem;text-align:center;color:#6b7280;font-size:.875rem}.inline-control-row{display:flex;gap:.5rem;align-items:center}.inline-control-row .custom-dropdown{flex:1}.registration-input-container{display:flex;gap:.5rem;align-items:center}.emirate-code-display{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f3f4f6;min-width:80px;text-align:center;font-weight:600;font-size:1.125rem;display:flex;flex-direction:column;justify-content:center}.emirate-code-arabic{font-size:1.25rem;line-height:1.2}.emirate-code-latin{font-size:.75rem;color:#6b7280;margin-top:2px}.license-plate-display{display:flex;flex-direction:column;gap:.25rem}.license-plate-arabic{font-size:1rem;font-weight:600}.license-plate-latin{font-size:.75rem;color:#6b7280}.error-message{padding:.75rem 1rem;background:#fee2e2;color:#b91c1c;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem;border:1px solid #fecaca}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb;margin-top:1rem}.btn-secondary{padding:.625rem 1.25rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-weight:600;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:.625rem 1.25rem;background:#5b5fc7;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;color:#fff;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#4a4fb5;transform:translateY(-1px);box-shadow:0 2px 8px #5b5fc74d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.modal-backdrop{padding:.5rem}.modal-box{max-height:95vh}.modal-header{padding:.875rem 1rem}.modal-body{padding:1rem}.form-grid{grid-template-columns:1fr}.form-section-title{font-size:.875rem;margin:1.25rem 0 .5rem}.form-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}.registration-input-container{flex-direction:column;align-items:stretch}.emirate-code-display{min-width:auto}.inline-control-row{flex-direction:column}.inline-control-row .custom-dropdown{width:100%}}@media(max-width:480px){.modal-title{font-size:1rem}.photo-preview{height:150px}.form-label,.form-input,.form-select{font-size:.8125rem}}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f3f4f6}.dropdown-options::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-box::-webkit-scrollbar{width:8px}.modal-box::-webkit-scrollbar-track{background:#f9fafb}.modal-box::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-box::-webkit-scrollbar-thumb:hover{background:#9ca3af}.btn-primary:disabled:after{content:"...";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.modal-close-btn:focus-visible,.btn-secondary:focus-visible,.btn-primary:focus-visible,.photo-upload-btn:focus-visible{outline:2px solid #5b5fc7;outline-offset:2px}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.admin-layout-wrapper{display:flex;min-height:100vh;background:#f8f9fa}.admin-sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:800;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;display:none}.admin-sidebar-backdrop--open{opacity:1;visibility:visible}.admin-sidebar{width:260px;height:100vh;background:linear-gradient(180deg,#111827,#1f2937);display:flex;flex-direction:column;box-shadow:0 10px 25px #0003;z-index:900;transition:transform .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0;left:0;min-height:0}.admin-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#111827;border-bottom:1px solid #374151;flex-shrink:0}.admin-sidebar__logo{display:flex;align-items:center;gap:.5rem}.admin-sidebar__logo-text{font-size:1.1rem;font-weight:700;color:#22c55e}.admin-sidebar__close-btn{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:.4rem;border-radius:4px;transition:all .2s ease;display:none;line-height:1}.admin-sidebar__close-btn:hover{background:#374151;color:#fff}.admin-sidebar__nav{flex:1 1 auto;min-height:0;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;overflow-x:hidden}.admin-sidebar__nav::-webkit-scrollbar{width:6px}.admin-sidebar__nav::-webkit-scrollbar-track{background:#1f2937}.admin-sidebar__nav::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.admin-sidebar__nav::-webkit-scrollbar-thumb:hover{background:#4b5563}.admin-sidebar__nav-item{display:flex;align-items:center;width:100%;padding:.65rem .75rem;color:#d1d5db;background:transparent;border:none;text-decoration:none;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;text-align:left;flex-shrink:0}.admin-sidebar__nav-item:hover{background:#374151;color:#fff;transform:translate(3px)}.admin-sidebar__nav-item--active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:600;box-shadow:0 2px 6px #22c55e4d}.admin-sidebar__nav-item--active:hover{transform:translate(2px)}.admin-sidebar__nav-icon{margin-right:.6rem;font-size:1rem;min-width:18px;display:flex;align-items:center;justify-content:center}.admin-sidebar__nav-text{flex:1;white-space:nowrap;font-size:.875rem}.admin-sidebar__footer{padding:.75rem .5rem;border-top:1px solid #374151;background:#111827;flex-shrink:0}.admin-sidebar__user-info{padding:.75rem;background:#1f2937;border-radius:6px;margin-bottom:.75rem}.admin-sidebar__user-email{font-size:.875rem;font-weight:600;color:#22c55e;margin-bottom:.25rem;word-break:break-word}.admin-sidebar__user-role{font-size:.75rem;color:#9ca3af;font-weight:500}.admin-sidebar__logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.65rem .75rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #ef444433}.admin-sidebar__logout-btn:hover{background:linear-gradient(135deg,#dc2626,#ef4444);transform:translateY(-1px);box-shadow:0 3px 6px #ef44444d}.admin-main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.admin-header{background:linear-gradient(135deg,#111827,#1f2937);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100;flex-shrink:0}.admin-header__left{display:flex;align-items:center;gap:1rem}.admin-mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s ease}.admin-mobile-menu-btn:hover{background:#374151}.admin-header__title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.admin-header__right{display:flex;align-items:center;gap:1rem}.admin-header__welcome{color:#d1d5db;font-size:.875rem;font-weight:500}.admin-content-area{flex:1;padding:2rem;overflow-y:auto;background:#f8f9fa}@media(min-width:1025px){.admin-sidebar{transform:translate(0);position:sticky}}@media(max-width:1024px){.admin-sidebar-backdrop{display:block}.admin-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);z-index:900}.admin-sidebar--open{transform:translate(0)}.admin-sidebar__close-btn,.admin-mobile-menu-btn{display:block}.admin-content-area{padding:1.5rem}}@media(max-width:768px){.admin-header{padding:1rem}.admin-header__title{font-size:1.25rem}.admin-header__welcome{display:none}.admin-content-area{padding:1rem}}@media(max-width:480px){.admin-sidebar{width:280px}.admin-sidebar__nav-text{font-size:.8rem}.admin-header__title{font-size:1.1rem}.admin-content-area{padding:.75rem}}@media(prefers-reduced-motion:reduce){.admin-sidebar,.admin-sidebar-backdrop,.admin-sidebar__nav-item,.admin-sidebar__logout-btn{transition:none}}.admin-dashboard-main-wrapper-1056{padding:20px;background:#e8e7f0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#111827;box-sizing:border-box}.admin-dashboard-main-wrapper-1056 *{box-sizing:border-box}.admin-dashboard-header-section-8742{background:#fff;padding:1rem 1.5rem;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1.5rem}.admin-dashboard-title-text-6453{font-size:1.375rem;font-weight:600;color:#111827;margin:0;white-space:nowrap}.admin-dashboard-horizontal-divider-3819{flex:1;border:none;border-top:2px solid #111827;margin:0}.admin-dashboard-loading-container-7829{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#e8e7f0;gap:16px}.admin-dashboard-spinner-circle-4561{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#5b5fc7;border-radius:50%;animation:admin-dashboard-spin-animation-2741 1s linear infinite}@keyframes admin-dashboard-spin-animation-2741{to{transform:rotate(360deg)}}.admin-dashboard-loading-text-3348{font-size:1.125rem;color:#6b7280;font-weight:500;margin:0}.admin-dashboard-error-container-9183{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#e8e7f0;gap:16px;padding:20px;text-align:center}.admin-dashboard-error-container-9183 svg{color:#ef4444}.admin-dashboard-error-message-2764{font-size:1.125rem;color:#111827;font-weight:500;margin:0}.admin-dashboard-retry-button-5927{padding:12px 24px;background:#5b5fc7;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.admin-dashboard-retry-button-5927:hover{background:#4a4fb5;transform:translateY(-2px);box-shadow:0 4px 12px #5b5fc74d}.admin-dashboard-statistics-grid-2947{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.admin-dashboard-stat-card-item-7614{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;align-items:flex-start;transition:all .2s ease}.admin-dashboard-stat-card-item-7614:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.admin-dashboard-stat-icon-box-4928{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-dashboard-stat-content-wrapper-5382{flex:1}.admin-dashboard-stat-label-text-8196{font-size:.875rem;color:#6b7280;margin:0 0 8px;font-weight:500}.admin-dashboard-stat-value-number-3721{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 4px;line-height:1.2}.admin-dashboard-stat-subtext-detail-9547{font-size:.75rem;color:#9ca3af;margin:0;line-height:1.4}.admin-dashboard-quick-actions-section-4183{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.admin-dashboard-section-title-heading-6729{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 16px}.admin-dashboard-action-buttons-grid-8365{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.admin-dashboard-action-button-link-2914{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;text-decoration:none;color:#111827;font-weight:600;font-size:.875rem;transition:all .2s ease}.admin-dashboard-action-button-link-2914:hover{background:#fff;border-color:#5b5fc7;color:#5b5fc7;transform:translateY(-2px);box-shadow:0 4px 12px #5b5fc726}.admin-dashboard-panels-layout-grid-5739{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:24px}.admin-dashboard-panel-card-container-8126{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;transition:all .2s ease}.admin-dashboard-panel-card-container-8126:hover{box-shadow:0 6px 16px #0000001a}.admin-dashboard-panel-header-row-4571{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.admin-dashboard-panel-title-text-9284{font-size:1rem;font-weight:700;color:#111827;margin:0}.admin-dashboard-panel-view-link-7638{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;text-decoration:none;color:#6b7280;font-size:.8125rem;font-weight:600;transition:all .2s ease}.admin-dashboard-panel-view-link-7638:hover{background:#fff;border-color:#5b5fc7;color:#5b5fc7}.admin-dashboard-panel-content-body-3915{flex:1;display:flex;flex-direction:column;gap:12px}.admin-dashboard-list-item-row-6847{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;transition:all .2s ease}.admin-dashboard-list-item-row-6847:hover{background:#f3f4f6}.admin-dashboard-list-item-info-block-2593{flex:1}.admin-dashboard-list-item-name-text-4762{font-size:.9375rem;font-weight:700;color:#111827;margin:0 0 4px}.admin-dashboard-list-item-detail-subtext-8174{font-size:.8125rem;color:#6b7280;margin:0}.admin-dashboard-list-item-value-amount-5921{font-size:1rem;font-weight:700;color:#10b981;margin:0}.admin-dashboard-heatmap-container-7251{display:flex;flex-direction:column;gap:12px}.admin-dashboard-heatmap-row-item-9436{display:flex;align-items:center;gap:12px}.admin-dashboard-heatmap-label-text-3682{font-size:.8125rem;color:#6b7280;font-weight:600;min-width:60px}.admin-dashboard-heatmap-bar-track-5814{flex:1;height:24px;background:#f3f4f6;border-radius:12px;overflow:hidden}.admin-dashboard-heatmap-fill-progress-2978{height:100%;background:linear-gradient(90deg,#5b5fc7,#7c7ff0);border-radius:12px;transition:width .5s ease}.admin-dashboard-heatmap-value-number-6129{font-size:.8125rem;color:#111827;font-weight:700;min-width:45px;text-align:right}.admin-dashboard-financial-grid-layout-4827{display:flex;flex-direction:column;gap:16px}.admin-dashboard-financial-item-block-7593{padding:12px;background:#f9fafb;border-radius:8px}.admin-dashboard-financial-main-highlight-1846{background:linear-gradient(135deg,#5b5fc71a,#5b5fc70d);border:2px solid rgba(91,95,199,.2)}.admin-dashboard-financial-label-text-9264{font-size:.8125rem;color:#6b7280;font-weight:600;margin:0 0 8px}.admin-dashboard-financial-value-amount-8741{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.admin-dashboard-financial-value-large-amount-3517{font-size:1.5rem;font-weight:700;color:#5b5fc7;margin:0}.admin-dashboard-alert-item-row-5287{display:flex;align-items:center;gap:12px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;transition:all .2s ease}.admin-dashboard-alert-item-row-5287:hover{background:#fee2e2}.admin-dashboard-alert-text-message-6942{font-size:.875rem;color:#991b1b;font-weight:500}.admin-dashboard-user-snapshot-grid-3758{display:flex;flex-direction:column;gap:12px}.admin-dashboard-user-stat-row-8452{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px}.admin-dashboard-user-label-text-9176{font-size:.875rem;color:#6b7280;font-weight:600}.admin-dashboard-user-value-number-4683{font-size:1.125rem;font-weight:700;color:#111827}.admin-dashboard-recent-activity-section-6194{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.admin-dashboard-activity-list-container-2835{display:flex;flex-direction:column;gap:8px}.admin-dashboard-activity-item-row-9547{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6;transition:all .2s ease}.admin-dashboard-activity-item-row-9547:hover{background:#fff;border-color:#e5e7eb;box-shadow:0 2px 8px #0000000d}.admin-dashboard-activity-action-text-3762{font-size:.875rem;color:#111827;font-weight:600}.admin-dashboard-activity-time-stamp-7184{font-size:.8125rem;color:#6b7280}@media(max-width:1400px){.admin-dashboard-statistics-grid-2947{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-dashboard-panels-layout-grid-5739{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:1200px){.admin-dashboard-statistics-grid-2947{grid-template-columns:repeat(3,1fr)}.admin-dashboard-panels-layout-grid-5739{grid-template-columns:repeat(2,1fr)}.admin-dashboard-action-buttons-grid-8365{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:992px){.admin-dashboard-statistics-grid-2947{grid-template-columns:repeat(2,1fr)}.admin-dashboard-panels-layout-grid-5739{grid-template-columns:1fr}}@media(max-width:768px){.admin-dashboard-main-wrapper-1056{padding:16px}.admin-dashboard-header-section-8742{flex-direction:column;align-items:flex-start;gap:12px;padding:.875rem 1rem}.admin-dashboard-horizontal-divider-3819{width:100%}.admin-dashboard-title-text-6453{font-size:1.25rem}.admin-dashboard-statistics-grid-2947{grid-template-columns:1fr;gap:12px}.admin-dashboard-action-buttons-grid-8365{grid-template-columns:1fr}.admin-dashboard-stat-value-number-3721{font-size:1.5rem}.admin-dashboard-activity-item-row-9547{flex-direction:column;align-items:flex-start;gap:6px}.admin-dashboard-panel-header-row-4571{flex-wrap:wrap;gap:8px}.admin-dashboard-list-item-row-6847{flex-direction:column;align-items:flex-start;gap:8px}.admin-dashboard-financial-value-large-amount-3517{font-size:1.25rem}.admin-dashboard-heatmap-row-item-9436{flex-wrap:wrap}.admin-dashboard-heatmap-label-text-3682{min-width:100%}.admin-dashboard-heatmap-value-number-6129{text-align:left}}@media(max-width:640px){.admin-dashboard-main-wrapper-1056{padding:12px}.admin-dashboard-stat-card-item-7614{padding:16px;flex-direction:column;gap:12px}.admin-dashboard-stat-icon-box-4928{width:40px;height:40px}.admin-dashboard-stat-value-number-3721{font-size:1.375rem}.admin-dashboard-panel-card-container-8126,.admin-dashboard-quick-actions-section-4183,.admin-dashboard-recent-activity-section-6194{padding:16px}}@media(max-width:480px){.admin-dashboard-header-section-8742{padding:.75rem}.admin-dashboard-title-text-6453{font-size:1.125rem}.admin-dashboard-stat-card-item-7614{padding:14px}.admin-dashboard-stat-value-number-3721{font-size:1.25rem}.admin-dashboard-panel-card-container-8126{padding:14px}.admin-dashboard-action-button-link-2914{padding:12px 14px;font-size:.8125rem}.admin-dashboard-financial-value-large-amount-3517{font-size:1.125rem}}@media(max-width:360px){.admin-dashboard-main-wrapper-1056{padding:10px}.admin-dashboard-stat-card-item-7614,.admin-dashboard-panel-card-container-8126{padding:12px}.admin-dashboard-stat-value-number-3721{font-size:1.125rem}.admin-dashboard-action-button-link-2914{padding:10px 12px}}.admin-dashboard-action-button-link-2914:focus,.admin-dashboard-panel-view-link-7638:focus,.admin-dashboard-retry-button-5927:focus{outline:3px solid rgba(91,95,199,.3);outline-offset:2px}.agent-mgmt-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #E9ECEF;transition:all .3s ease;overflow:hidden;min-height:200px;display:flex;flex-direction:column}.agent-mgmt-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.agent-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #E9ECEF}.agent-card-title{display:flex;align-items:center;gap:.75rem}.agent-card-title h3{font-size:1.125rem;font-weight:600;color:#000;margin:0}.agent-card-icon{color:#22c55e}.agent-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;justify-content:center}.agent-stats-summary{display:flex;align-items:center;justify-content:space-around;gap:1rem}.agent-stat-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:8px;flex:1;transition:all .2s ease}.agent-stat-item:hover{transform:scale(1.02);box-shadow:0 4px 8px #0000001a}.agent-stat-item.new{background:#fff8e1}.agent-stat-item.new svg{color:#f59e0b}.agent-stat-item.verified{background:#f0fdf4}.agent-stat-item.verified svg{color:#22c55e}.agent-stat-item.rejected{background:#fef2f2}.agent-stat-item.rejected svg{color:#ef4444}.agent-stat-info{display:flex;flex-direction:column;gap:.25rem}.agent-stat-value{font-size:1.75rem;font-weight:700;color:#000;line-height:1}.agent-stat-label{font-size:.875rem;color:#6c757d;font-weight:500}.agent-stat-divider{width:1px;height:60px;background:#e9ecef}.agent-card-footer{padding:1rem 1.5rem;border-top:1px solid #E9ECEF;background:#f8f9fa}.agent-view-all-btn{width:100%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#000;border:none;padding:.75rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #22c55e33;display:flex;align-items:center;justify-content:center;gap:.5rem}.agent-view-all-btn:hover{background:linear-gradient(135deg,#16a34a,#22c55e);transform:translateY(-1px);box-shadow:0 4px 8px #22c55e4d}.loading-spinner{text-align:center;padding:2rem;color:#6c757d;font-size:.875rem}@media(max-width:768px){.agent-stats-summary{flex-direction:column}.agent-stat-divider{display:none}.agent-stat-item{width:100%}.agent-card-header,.agent-card-content{padding:1rem}.agent-stat-value{font-size:1.5rem}}@media(max-width:480px){.agent-card-title h3{font-size:1rem}.agent-stat-label{font-size:.75rem}}.agent-compact-card{cursor:pointer;transition:all .3s ease}.agent-compact-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.agent-compact-view-btn{margin-top:.75rem;padding:.5rem 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#000;border:none;border-radius:6px;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #22c55e33;width:100%}.agent-compact-view-btn:hover{background:linear-gradient(135deg,#16a34a,#22c55e);transform:translateY(-1px);box-shadow:0 3px 6px #22c55e4d}@media(max-width:768px){.agent-compact-view-btn{font-size:.7rem;padding:.4rem .8rem}}.user-management-main-container-wrapper-6174{padding:20px;background:#e8e7f0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#111827;box-sizing:border-box}.user-management-main-container-wrapper-6174 *{box-sizing:border-box}.user-management-page-header-section-8295{background:#fff;padding:1rem 1.5rem;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.header-content-block-wrapper-4728 h1{font-size:1.375rem;font-weight:600;color:#111827;margin:0}.add-customer-action-section-9163{margin-bottom:20px;display:flex;justify-content:flex-end}.btn-primary-add-customer-7482{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#5b5fc7;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-primary-add-customer-7482:hover{background:#4a4fb5;transform:translateY(-2px);box-shadow:0 4px 12px #5b5fc74d}.icon-plus-add-symbol-3951:before{content:"+";font-weight:700;font-size:1.125rem}.user-statistics-grid-container-5827{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.stat-card-total-users-item-4196,.stat-card-suspended-users-item-3742{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;align-items:center;transition:all .2s ease;border:2px solid transparent}.stat-card-total-users-item-4196:hover,.stat-card-suspended-users-item-3742:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#5b5fc7}.stat-icon-circle-display-6731{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#5b5fc71a;font-size:1.5rem;flex-shrink:0}.icon-users-group-8942:before{content:"👥"}.icon-suspended-alert-5428:before{content:"⏸"}.stat-content-info-block-2864{flex:1}.stat-content-info-block-2864 h3{font-size:.8125rem;color:#6b7280;font-weight:600;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.stat-number-value-large-7159{font-size:1.875rem;font-weight:700;color:#111827;margin:0;line-height:1}.user-management-main-content-section-9481{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.main-content-card-wrapper-4736{width:100%}.content-header-search-filter-bar-8152{padding:20px 24px;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.search-bar-input-group-container-6394{display:flex;align-items:center;background:#f9fafb;border-radius:8px;padding:8px 16px;border:2px solid #e5e7eb;transition:all .2s ease;flex:1;max-width:400px}.search-bar-input-group-container-6394:focus-within{border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a;background:#fff}.search-btn-icon-action-2975{background:none;border:none;cursor:pointer;padding:4px;color:#9ca3af;font-size:1rem}.search-input-field-element-7841{border:none;outline:none;padding:8px;font-size:.875rem;flex:1;background:transparent;color:#111827}.search-input-field-element-7841::-moz-placeholder{color:#9ca3af}.search-input-field-element-7841::placeholder{color:#9ca3af}.filters-dropdown-container-5269{display:flex;gap:12px}.filter-select-dropdown-element-9173{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;font-size:.875rem;color:#111827;transition:all .2s ease;cursor:pointer;font-weight:500}.filter-select-dropdown-element-9173:focus{outline:none;border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a;background:#fff}.table-container-scrollable-wrapper-3856{position:relative}.users-table-overflow-container-7294{overflow-x:auto}.users-data-table-element-5182{width:100%;border-collapse:collapse;min-width:800px}.users-data-table-element-5182 th,.users-data-table-element-5182 td{padding:16px 20px;text-align:left;border-bottom:1px solid #f3f4f6}.users-data-table-element-5182 th{background:#f9fafb;font-weight:600;color:#6b7280;font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.customer-row-clickable-item-9264{transition:background-color .2s ease;cursor:pointer}.customer-row-clickable-item-9264:hover{background-color:#5b5fc70d}.user-name-display-container-4751{font-weight:600;color:#111827;display:flex;align-items:center;gap:12px}.user-avatar-circle-initials-8362{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#5b5fc7,#7c7ff0);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.user-contact-info-block-6847{font-size:.8125rem}.contact-email-text-display-3925{color:#111827;font-weight:500;margin-bottom:2px}.contact-phone-text-display-7184{color:#6b7280}.user-location-city-display-5729{color:#111827;font-size:.875rem}.user-vehicles-count-display-9413{display:flex}.vehicles-count-badge-pill-2658{background:#5b5fc71a;color:#5b5fc7;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600}.status-badge-pill-base-8146{padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.status-active-badge-3847{background:#22c55e1a;color:#166534;border:1px solid rgba(34,197,94,.3)}.status-suspended-badge-5193{background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.3)}.last-login-timestamp-display-4937{color:#6b7280;font-size:.8125rem;white-space:nowrap}.user-actions-buttons-group-7251{display:flex;gap:6px}.btn-action-suspend-user-5384,.btn-action-activate-user-6192,.btn-action-delete-user-8473{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s ease}.btn-action-suspend-user-5384{background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.2)}.btn-action-suspend-user-5384:hover{background:#ef444433;border-color:#ef4444}.btn-action-activate-user-6192{background:#22c55e1a;color:#166534;border:1px solid rgba(34,197,94,.2)}.btn-action-activate-user-6192:hover{background:#22c55e33;border-color:#22c55e}.btn-action-delete-user-8473{background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.2)}.btn-action-delete-user-8473:hover{background:#ef444433;border-color:#ef4444}.loading-state-display-container-4827{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.loading-spinner-circle-animation-6193{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #5b5fc7;border-radius:50%;animation:user-management-spin-animation-7421 1s linear infinite;margin-bottom:16px}@keyframes user-management-spin-animation-7421{to{transform:rotate(360deg)}}.loading-state-display-container-4827 p{margin:0;font-size:.875rem;font-weight:500}.empty-state-no-data-container-3829{padding:60px 20px;text-align:center;color:#6b7280}.empty-icon-display-symbol-6142{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state-no-data-container-3829 h3{margin:0 0 8px;color:#111827;font-size:1.125rem;font-weight:600}.empty-state-no-data-container-3829 p{margin:0;font-size:.875rem}.modal-overlay-background-layer-9517{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card-container-wrapper-4628{background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 10px 40px #0003}.modal-header-title-section-7193{padding:20px 24px;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.modal-header-title-section-7193 h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.modal-close-button-icon-5846{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:4px;transition:color .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-close-button-icon-5846:hover{color:#111827;background:#f3f4f6}.modal-body-content-section-8274{padding:24px}.form-group-input-wrapper-6351{margin-bottom:18px}.form-group-input-wrapper-6351 label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:.875rem}.form-input-field-element-9182{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#f9fafb;color:#111827}.form-input-field-element-9182:focus{outline:none;border-color:#5b5fc7;background:#fff;box-shadow:0 0 0 3px #5b5fc71a}.form-input-field-element-9182::-moz-placeholder{color:#9ca3af}.form-input-field-element-9182::placeholder{color:#9ca3af}.modal-footer-actions-section-4759{padding:20px 24px;border-top:2px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;background:#f9fafb}.btn-secondary-cancel-action-8261{background:#fff;color:#6b7280;border:2px solid #e5e7eb;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s ease}.btn-secondary-cancel-action-8261:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.btn-primary-submit-action-7395{background:#5b5fc7;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s ease}.btn-primary-submit-action-7395:hover{background:#4a4fb5;transform:translateY(-1px);box-shadow:0 4px 12px #5b5fc74d}@media(max-width:1024px){.user-statistics-grid-container-5827{grid-template-columns:1fr}.stat-number-value-large-7159{font-size:1.625rem}}@media(max-width:768px){.user-management-main-container-wrapper-6174{padding:16px}.content-header-search-filter-bar-8152{flex-direction:column;align-items:stretch;padding:16px 20px}.search-bar-input-group-container-6394{max-width:none}.users-data-table-element-5182 th,.users-data-table-element-5182 td{padding:12px 16px}.modal-card-container-wrapper-4628{width:95%;margin:20px}.modal-footer-actions-section-4759{flex-direction:column}.btn-secondary-cancel-action-8261,.btn-primary-submit-action-7395{width:100%}}@media(max-width:640px){.header-content-block-wrapper-4728 h1{font-size:1.25rem}.stat-icon-circle-display-6731{width:48px;height:48px;font-size:1.25rem}.stat-number-value-large-7159{font-size:1.5rem}.user-actions-buttons-group-7251{flex-direction:column;gap:4px}}@media(max-width:480px){.user-management-main-container-wrapper-6174{padding:12px}.users-data-table-element-5182{font-size:.8125rem}.stat-number-value-large-7159{font-size:1.375rem}.stat-icon-circle-display-6731{width:44px;height:44px}}@media(max-width:360px){.stat-icon-circle-display-6731{width:40px;height:40px;font-size:1.125rem}.stat-number-value-large-7159{font-size:1.25rem}}.btn-primary-add-customer-7482:focus,.btn-action-suspend-user-5384:focus,.btn-action-activate-user-6192:focus,.btn-action-delete-user-8473:focus,.btn-secondary-cancel-action-8261:focus,.btn-primary-submit-action-7395:focus{outline:3px solid rgba(91,95,199,.3);outline-offset:2px}.user-details-main-container-wrapper-5813{padding:20px;background:#e8e7f0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#111827;box-sizing:border-box}.user-details-main-container-wrapper-5813 *{box-sizing:border-box}.user-details-loading-state-container-9472{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#e8e7f0;gap:16px}.loading-spinner-circle-animation-4836{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#5b5fc7;border-radius:50%;animation:user-details-spin-animation-6284 1s linear infinite}@keyframes user-details-spin-animation-6284{to{transform:rotate(360deg)}}.user-details-loading-state-container-9472 p{font-size:1.125rem;color:#6b7280;font-weight:500;margin:0}.user-details-error-state-container-6195{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#e8e7f0;gap:20px;padding:20px}.user-details-error-state-container-6195 h3{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.user-details-page-header-section-9246{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.btn-back-navigation-action-7524{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#f9fafb;color:#111827;border:2px solid #e5e7eb;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-back-navigation-action-7524:hover{background:#fff;border-color:#5b5fc7;color:#5b5fc7;transform:translateY(-1px)}.header-action-buttons-group-3859{display:flex;gap:12px;flex-wrap:wrap}.btn-warning-suspend-action-6472{padding:12px 18px;background:#f59e0b1a;color:#92400e;border:2px solid rgba(245,158,11,.3);border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-warning-suspend-action-6472:hover{background:#f59e0b33;border-color:#f59e0b;transform:translateY(-1px)}.btn-success-activate-action-8154{padding:12px 18px;background:#22c55e1a;color:#166534;border:2px solid rgba(34,197,94,.3);border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-success-activate-action-8154:hover{background:#22c55e33;border-color:#22c55e;transform:translateY(-1px)}.btn-danger-delete-action-4927{padding:12px 18px;background:#ef44441a;color:#991b1b;border:2px solid rgba(239,68,68,.3);border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-danger-delete-action-4927:hover{background:#ef444433;border-color:#ef4444;transform:translateY(-1px)}.customer-profile-card-container-7381{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.profile-header-banner-section-5294{padding:32px;background:linear-gradient(135deg,#5b5fc71a,#5b5fc70d);display:flex;align-items:center;gap:24px;border-bottom:2px solid #f3f4f6}.profile-avatar-circle-initials-8627{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#5b5fc7,#7c7ff0);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;font-weight:700;flex-shrink:0;border:4px solid white;box-shadow:0 4px 12px #5b5fc733}.profile-info-content-block-4163{flex:1}.profile-info-content-block-4163 h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 12px}.profile-metadata-display-group-9528{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.status-badge-pill-customer-6874{padding:6px 14px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge-active-customer-8142{background:#22c55e1a;color:#166534;border:1px solid rgba(34,197,94,.3)}.status-badge-suspended-customer-5937{background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.3)}.member-since-date-text-3749{color:#6b7280;font-size:.875rem;font-weight:500}.tabs-navigation-bar-container-7195{display:flex;border-bottom:2px solid #f3f4f6;background:#f9fafb}.tab-button-item-clickable-5482{padding:16px 24px;border:none;background:none;cursor:pointer;font-weight:600;color:#6b7280;font-size:.875rem;transition:all .2s ease;border-bottom:3px solid transparent;flex:1;text-align:center}.tab-button-item-clickable-5482:hover:not(.tab-active-state-9361){color:#5b5fc7;background:#5b5fc70d}.tab-active-state-9361{color:#5b5fc7;border-bottom-color:#5b5fc7;background:#5b5fc71a}.tab-content-display-section-8246{padding:32px}.details-grid-layout-container-4719{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}.detail-card-info-block-6382{background:#f9fafb;padding:20px;border-radius:12px;border:2px solid #e5e7eb;transition:all .2s ease}.detail-card-info-block-6382:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#5b5fc7}.detail-card-info-block-6382 h3{margin:0 0 16px;font-size:1rem;font-weight:700;color:#5b5fc7;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.detail-item-row-flex-9154{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #e5e7eb;gap:12px}.detail-item-row-flex-9154:last-child{border-bottom:none}.detail-item-row-flex-9154 label{font-weight:600;color:#6b7280;min-width:100px;flex-shrink:0;font-size:.875rem}.detail-item-row-flex-9154 span{color:#111827;text-align:right;flex:1;word-break:break-word;font-size:.875rem}.vehicles-section-content-wrapper-5827 h3{margin:0 0 24px;font-size:1.5rem;font-weight:700;color:#111827}.vehicles-grid-layout-display-7394{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.vehicle-card-item-container-8146{display:flex;gap:16px;background:#f9fafb;padding:18px;border-radius:12px;border:2px solid #e5e7eb;transition:all .2s ease}.vehicle-card-item-container-8146:hover{background:#fff;border-color:#5b5fc7;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.vehicle-image-display-container-4729{position:relative;width:120px;height:90px;flex-shrink:0}.vehicle-image-element-displayed-9263{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb}.vehicle-image-placeholder-icon-6524{width:100%;height:100%;background:#5b5fc71a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:2rem;border:2px dashed #d1d5db;color:#5b5fc7}.vehicle-image-placeholder-hidden-5817{display:none}.vehicle-info-content-block-3841{flex:1}.vehicle-info-content-block-3841 h4{margin:0 0 8px;font-size:1rem;font-weight:700;color:#111827}.vehicle-info-content-block-3841 p{margin:4px 0;color:#6b7280;font-size:.875rem}.vehicle-notes-text-italic-7185{font-style:italic;color:#9ca3af!important;margin-top:8px!important;padding-top:8px;border-top:1px solid #e5e7eb}.activity-subsection-content-block-6193{margin-bottom:32px}.activity-subsection-content-block-6193 h4{margin:0 0 16px;font-size:1.125rem;font-weight:700;color:#5b5fc7;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.activity-list-grid-container-8547{display:grid;gap:16px}.activity-card-item-container-7241{background:#f9fafb;padding:18px;border-radius:12px;border:2px solid #e5e7eb;transition:all .2s ease}.activity-card-item-container-7241:hover{background:#fff;border-color:#5b5fc7;box-shadow:0 2px 8px #0000000f}.activity-header-row-display-5836{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.activity-header-row-display-5836 h5{margin:0;font-size:1rem;font-weight:700;color:#111827}.activity-details-info-content-9428{font-size:.875rem}.activity-details-info-content-9428 p{margin:6px 0;color:#6b7280}.activity-details-info-content-9428 strong{color:#111827;font-weight:600;min-width:100px;display:inline-block}.status-badge-base-common-7416{padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.status-badge-pending-service-4729,.status-badge-pending-enquiry-5182{background:#f59e0b1a;color:#92400e;border:1px solid rgba(245,158,11,.3)}.status-badge-ongoing-service-6281,.status-badge-responded-enquiry-8264{background:#22c55e1a;color:#166534;border:1px solid rgba(34,197,94,.3)}.status-badge-completed-service-9163{background:#10b9811a;color:#047857;border:1px solid rgba(16,185,129,.3)}.status-badge-cancelled-service-3847,.status-badge-cancelled-enquiry-6941{background:#6b72801a;color:#374151;border:1px solid rgba(107,114,128,.3)}.empty-state-no-data-container-4826{padding:60px 20px;text-align:center;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db}.empty-icon-display-symbol-9372{font-size:3rem;margin-bottom:16px;opacity:.4}.empty-state-no-data-container-4826 h4{margin:0 0 8px;color:#111827;font-size:1.125rem;font-weight:600}.empty-state-no-data-container-4826 p{margin:0;color:#6b7280;font-size:.875rem}.empty-state-small-inline-display-3746{text-align:center;padding:20px;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.empty-state-small-inline-display-3746 p{margin:0;color:#6b7280;font-size:.875rem;font-style:italic}@media(max-width:1400px){.details-grid-layout-container-4719{grid-template-columns:repeat(2,1fr)}.vehicles-grid-layout-display-7394{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:1200px){.details-grid-layout-container-4719{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.vehicles-grid-layout-display-7394{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.user-details-main-container-wrapper-5813{padding:16px}.user-details-page-header-section-9246{flex-direction:column;align-items:stretch}.header-action-buttons-group-3859{flex-direction:column}.btn-warning-suspend-action-6472,.btn-success-activate-action-8154,.btn-danger-delete-action-4927{width:100%}.profile-header-banner-section-5294{flex-direction:column;text-align:center;padding:24px}.profile-info-content-block-4163 h1{font-size:1.5rem}.profile-metadata-display-group-9528{justify-content:center}.tabs-navigation-bar-container-7195{flex-direction:column}.tab-content-display-section-8246{padding:20px}.details-grid-layout-container-4719{grid-template-columns:1fr}.detail-item-row-flex-9154{flex-direction:column;align-items:flex-start;gap:4px}.detail-item-row-flex-9154 span{text-align:left}.vehicle-card-item-container-8146{flex-direction:column}.vehicle-image-display-container-4729{width:100%;height:180px}.vehicles-grid-layout-display-7394{grid-template-columns:1fr}}@media(max-width:640px){.profile-avatar-circle-initials-8627{width:64px;height:64px;font-size:1.5rem}.profile-info-content-block-4163 h1{font-size:1.375rem}.detail-card-info-block-6382,.tab-content-display-section-8246{padding:16px}}@media(max-width:480px){.user-details-main-container-wrapper-5813{padding:12px}.profile-header-banner-section-5294{padding:20px}.profile-avatar-circle-initials-8627{width:56px;height:56px;font-size:1.25rem}.profile-info-content-block-4163 h1{font-size:1.25rem}}@media(max-width:360px){.detail-card-info-block-6382,.vehicle-card-item-container-8146{padding:14px}}.btn-back-navigation-action-7524:focus,.btn-warning-suspend-action-6472:focus,.btn-success-activate-action-8154:focus,.btn-danger-delete-action-4927:focus{outline:3px solid rgba(91,95,199,.3);outline-offset:2px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:10px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.close-button:hover{color:#333}.garage-form{padding:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:600;color:#555}.form-group input,.form-group select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input.error,.form-group select.error{border-color:#dc3545}.error-text{color:#dc3545;font-size:12px;margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}@media(max-width:768px){.form-row{grid-template-columns:1fr}.modal-content{width:95%;margin:20px}}.pa-management{padding:16px;background:#e8e7f0;color:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:100vh;width:100%;margin:0;max-width:100%;box-sizing:border-box}@media(min-width:1024px){.pa-management{padding:20px}}.pa-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;background:#fff;padding:16px 20px;border-radius:12px;border:1px solid #e0dfe8;box-shadow:0 2px 4px #0000000f}.pa-header h2{margin:0;font-size:20px;font-weight:700;color:#000;flex:1}.pa-count-badge{background:#5271ff;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.pa-divider{height:1px;background:#d1d5db;margin:16px 0}.pa-btn{border:0;border-radius:8px;color:#fff;padding:8px 16px;font-weight:600;cursor:pointer;transition:all .2s;font-size:13px;display:inline-flex;align-items:center;gap:6px;line-height:1;text-decoration:none;font-family:inherit}.pa-btn:disabled{opacity:.6;cursor:not-allowed}.pa-btn-primary{background:#5271ff}.pa-btn-primary:hover:not(:disabled){background:#3b5de6}.pa-btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.pa-btn-outline:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pa-btn-reject{background:#ef4444}.pa-btn-reject:hover:not(:disabled){background:#dc2626}.pa-btn-small{padding:6px 12px;font-size:12px}.pa-layout{display:grid;grid-template-columns:400px 1fr;gap:20px;align-items:start}@media(max-width:1024px){.pa-layout{grid-template-columns:1fr;gap:16px}}.pa-list-section{background:#fff;border-radius:12px;border:1px solid #e0dfe8;overflow:hidden;box-shadow:0 2px 4px #0000000f}.pa-section-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.pa-section-header h3{margin:0;font-size:16px;font-weight:700;color:#111827}.pa-list-container{max-height:70vh;overflow-y:auto;padding:16px}.pa-list-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.pa-list-item:hover{border-color:#5271ff;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.pa-list-item.pa-selected{border-color:#5271ff;background:#eff6ff;box-shadow:0 2px 8px #5271ff26}.pa-item-content{display:flex;flex-direction:column;gap:12px}.pa-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.pa-item-name{font-weight:700;font-size:16px;color:#111827;line-height:1.3}.pa-item-details{display:flex;flex-direction:column;gap:6px}.pa-detail-row{display:flex;justify-content:flex-start;align-items:center;gap:6px}.pa-detail-label{font-size:12px;color:#6b7280;font-weight:500;min-width:70px}.pa-detail-value{font-size:13px;color:#111827;font-weight:600;flex:1}.pa-details-section{background:#fff;border-radius:12px;border:1px solid #e0dfe8;overflow:hidden;box-shadow:0 2px 4px #0000000f;max-height:80vh;overflow-y:auto}.pa-detail-view{padding:0}.pa-detail-group{padding:20px;border-bottom:1px solid #e5e7eb}.pa-detail-group:last-child{border-bottom:none}.pa-group-title{margin:0 0 16px;font-size:16px;font-weight:700;color:#111827;padding-bottom:8px;border-bottom:2px solid #5271ff}.pa-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.pa-detail-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s}.pa-detail-card:hover{border-color:#5271ff;background:#fff}.pa-detail-item{display:flex;flex-direction:column;gap:4px}.pa-documents-list{display:flex;flex-direction:column;gap:8px}.pa-document-card{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;transition:all .2s}.pa-document-card:hover{border-color:#5271ff;background:#fff}.pa-document-name{font-weight:600;color:#111827;font-size:14px}.pa-actions{padding:20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb}.pa-empty-state{text-align:center;padding:48px 20px;color:#6b7280}.pa-empty-icon{font-size:48px;margin-bottom:16px;opacity:.7}.pa-empty-state h3{margin:0 0 8px;color:#111827;font-size:18px;font-weight:700}.pa-empty-state p{margin:0;font-size:14px;line-height:1.5}.pa-loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px;font-weight:500;background:#e8e7f0;min-height:100vh;display:flex;align-items:center;justify-content:center}.pa-loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #5271ff;border-radius:50%;animation:pa-spin 1s linear infinite;margin-left:12px;vertical-align:middle}@keyframes pa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.pa-management{padding:12px}.pa-header{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.pa-header h2{font-size:18px;text-align:center}.pa-count-badge{text-align:center;align-self:center}.pa-layout{gap:16px}.pa-detail-grid{grid-template-columns:1fr;gap:10px}.pa-actions{flex-direction:column}.pa-btn{width:100%;text-align:center;justify-content:center}.pa-document-card{flex-direction:column;gap:10px;align-items:flex-start}.pa-list-container{padding:12px}.pa-detail-group{padding:16px}.pa-section-header{padding:12px 16px}}@media(max-width:480px){.pa-management{padding:10px}.pa-header{padding:12px}.pa-btn{padding:8px 12px;font-size:12px}.pa-count-badge{padding:6px 12px;font-size:12px}.pa-group-title,.pa-item-name{font-size:15px}.pa-detail-label,.pa-detail-value{font-size:12px}.pa-detail-card{padding:10px}.pa-list-item{padding:12px}}@media(max-width:1024px)and (min-width:769px){.pa-layout{grid-template-columns:350px 1fr}.pa-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pa-list-container{max-height:50vh}.pa-details-section{max-height:60vh}}.pa-btn:focus,.pa-list-item:focus{outline:none;box-shadow:0 0 0 3px #5271ff1a}.pa-btn-outline:focus{border-color:#5271ff}.gm-management{padding:16px;background:#e8e7f0;color:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:0;width:100%;margin:0;max-width:100%;box-sizing:border-box}@media(min-width:1024px){.gm-management{min-height:0;padding:20px}}.gm-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.gm-header h2{margin:0;font-size:20px;font-weight:700;color:#000}.gm-header-buttons{display:flex;gap:8px;flex-wrap:wrap}.gm-btn{border:0;border-radius:8px;color:#fff;padding:8px 14px;font-weight:600;cursor:pointer;transition:all .2s;font-size:13px;display:inline-flex;align-items:center;gap:6px;line-height:1}.gm-btn:disabled{opacity:.6;cursor:not-allowed}.gm-btn-primary{background:#5271ff}.gm-btn-primary:hover:not(:disabled){background:#3b5de6}.gm-btn-secondary{background:#10b981}.gm-btn-secondary:hover:not(:disabled){background:#059669}.gm-btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.gm-btn-outline:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.gm-divider{height:1px;background:#d1d5db;margin:16px 0}.gm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.gm-stat-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:16px;transition:all .2s ease;box-shadow:0 2px 4px #0000000f;display:flex;align-items:center;gap:12px;cursor:pointer;border:2px solid transparent}.gm-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#5271ff}.gm-stat-card.gm-active{border-color:#5271ff;background:#eff6ff}.gm-stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#000;flex-shrink:0}.gm-total{background-color:#5271ff}.gm-active-icon{background-color:#10b981}.gm-suspended{background-color:#f59e0b}.gm-blocked{background-color:#ef4444}.gm-pending{background-color:#8b5cf6}.gm-expiry{background-color:#f97316}.gm-stat-info h3{font-size:24px;margin:0;color:#111827;font-weight:700;line-height:1}.gm-stat-info p{margin:4px 0 0;color:#6b7280;font-size:13px;font-weight:500}.gm-search-filter{display:flex;gap:16px;margin-bottom:20px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;flex-wrap:wrap;box-shadow:0 1px 3px #0000000d}.gm-search-container{position:relative;flex:1;min-width:250px}.gm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;font-size:14px}.gm-search-input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:10px 40px;font-size:13px;transition:all .2s;font-family:inherit;background:#fff;box-sizing:border-box}.gm-search-input:focus{outline:none;border-color:#5271ff;box-shadow:0 0 0 3px #5271ff1a}.gm-search-input::-moz-placeholder{color:#9ca3af}.gm-search-input::placeholder{color:#9ca3af}.gm-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#9ca3af;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:12px}.gm-search-clear:hover{background:#6b7280}.gm-filter-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gm-filter-label{font-weight:600;color:#374151;font-size:13px;white-space:nowrap}.gm-filter-select{border:1px solid #d1d5db;border-radius:6px;padding:8px 32px 8px 12px;font-size:13px;background:#fff;min-width:180px;color:#374151;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}.gm-filter-select:focus{outline:none;border-color:#5271ff;box-shadow:0 0 0 3px #5271ff1a}.gm-btn-clear-filter{background:transparent;border:1px solid #ef4444;color:#ef4444;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px}.gm-btn-clear-filter:hover{background:#fef2f2}.gm-search-results{padding:10px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;text-align:center;font-size:12px;color:#0369a1;font-weight:500;margin-bottom:16px}.gm-empty-state{text-align:center;padding:48px 20px;background:#fff;border-radius:12px;border:2px dashed #d1d5db;margin-top:20px}.gm-empty-icon{font-size:48px;margin-bottom:16px}.gm-empty-state h3{margin:0 0 8px;color:#111827;font-size:20px;font-weight:700}.gm-empty-state p{margin:0 0 20px;color:#6b7280;font-size:14px}.gm-garage-list{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.gm-list-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.gm-list-title{color:#111827;font-weight:700;font-size:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gm-garage-count{font-size:13px;color:#6b7280;font-weight:400}.gm-garage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;padding:20px}.gm-garage-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:14px;transition:all .2s ease;box-shadow:0 2px 4px #0000000f;display:flex;flex-direction:column;gap:10px;cursor:pointer}.gm-garage-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#5271ff}.gm-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:0;padding:0}.gm-garage-name{font-weight:700;font-size:16px;color:#111827;line-height:1.3;text-align:left;margin:0;padding:0;flex:1}.gm-status-badge{padding:3px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:capitalize;flex-shrink:0}.gm-status-active{background-color:#10b98133;color:#059669;border:1px solid rgba(16,185,129,.3)}.gm-status-pending{background-color:#8b5cf633;color:#7c3aed;border:1px solid rgba(139,92,246,.3)}.gm-status-suspended{background-color:#f59e0b33;color:#d97706;border:1px solid rgba(245,158,11,.3)}.gm-status-blocked{background-color:#ef444433;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.gm-garage-position{background:#5271ff;color:#fff;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:600;width:-moz-fit-content;width:fit-content;margin:0;text-align:left;text-transform:capitalize}.gm-garage-details{display:flex;flex-direction:column;gap:7px;margin:2px 0 0;padding:0;background:transparent;flex-grow:1}.gm-detail-row{display:flex;justify-content:flex-start;align-items:center;padding:0;gap:6px;margin:0}.gm-detail-label{font-size:11px;color:#6b7280;font-weight:500;text-align:left;flex-shrink:0;width:80px}.gm-detail-value{font-size:12px;color:#111827;font-weight:600;text-align:left;flex:1}.gm-expiry-date{color:#ef4444!important}.gm-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 0 0;padding:10px 0 0;border-top:1px solid #f3f4f6}.gm-contact-icons{display:flex;gap:6px;align-items:center}.gm-icon-btn{background:transparent;border:1px solid #d1d5db;border-radius:6px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280;padding:0;font-size:14px}.gm-icon-btn:hover{background:#f3f4f6;border-color:#5271ff;color:#5271ff}.gm-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.gm-view-btn,.gm-edit-btn,.gm-delete-btn{border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;border:1px solid;display:inline-flex;align-items:center;justify-content:center;line-height:1}.gm-view-btn{background:#5271ff;border-color:#5271ff;color:#fff;padding:8px 14px}.gm-view-btn:hover{background:#3b5de6;border-color:#3b5de6}.gm-edit-btn,.gm-delete-btn{background:transparent;border-color:#d1d5db;color:#6b7280;padding:8px 10px;min-width:36px;font-size:12px}.gm-edit-btn:hover:not(:disabled){background:#f3f4f6;border-color:#5271ff;color:#5271ff}.gm-delete-btn:hover:not(:disabled){background:#fef2f2;border-color:#dc2626;color:#dc2626}.gm-loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px;font-weight:500}.gm-loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #5271ff;border-radius:50%;animation:gm-spin 1s linear infinite;margin-left:12px;vertical-align:middle}@keyframes gm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.gm-garage-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}}@media(max-width:992px){.gm-garage-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}}@media(max-width:768px){.gm-management{padding:12px}.gm-header{flex-direction:column;align-items:stretch;gap:12px}.gm-header h2{font-size:18px}.gm-header-buttons{justify-content:stretch}.gm-btn{flex:1;text-align:center;font-size:12px;padding:8px 12px;justify-content:center}.gm-search-filter{flex-direction:column;gap:12px;padding:12px}.gm-search-container{min-width:auto}.gm-filter-container{flex-direction:column;align-items:stretch;gap:6px}.gm-filter-select{min-width:auto}.gm-garage-grid{grid-template-columns:1fr;gap:12px}.gm-garage-card{padding:12px}.gm-card-header{flex-direction:row;align-items:flex-start}.gm-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.gm-garage-grid{grid-template-columns:1fr;gap:10px}.gm-garage-card{padding:12px}.gm-garage-name{font-size:15px}.gm-garage-position{font-size:10px;padding:4px 10px}.gm-stats-grid{grid-template-columns:1fr}.gm-card-footer{flex-direction:column;align-items:stretch;gap:10px}.gm-contact-icons{justify-content:flex-start}.gm-card-actions{justify-content:stretch}.gm-view-btn{flex:1}.gm-edit-btn,.gm-delete-btn{flex:0 0 auto}}@media print{.gm-header-buttons,.gm-search-filter,.gm-card-footer{display:none}.gm-garage-card{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #000}}.gm-btn-voucher{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.gm-btn-voucher:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.gm-btn-voucher .gm-btn-icon{font-size:18px}.gd-container{padding:16px;background:#e8e7f0;color:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:100vh;width:100%;margin:0;box-sizing:border-box}@media(min-width:1024px){.gd-container{padding:20px}}.gd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:16px 20px;border-radius:12px;border:1px solid #e0dfe8;box-shadow:0 2px 4px #0000000f;flex-wrap:wrap;gap:12px}.gd-header h1{margin:0;font-size:20px;font-weight:700;color:#111827;flex:1}.gd-btn{border:0;border-radius:8px;color:#fff;padding:8px 14px;font-weight:600;cursor:pointer;transition:all .2s;font-size:13px;display:inline-flex;align-items:center;gap:6px;line-height:1;text-decoration:none}.gd-btn:disabled{opacity:.6;cursor:not-allowed}.gd-btn-back{background:#6b7280;color:#fff}.gd-btn-back:hover:not(:disabled){background:#4b5563}.gd-btn-view{background:#5271ff;color:#fff;border:1px solid #5271ff}.gd-btn-view:hover:not(:disabled){background:#3b5de6;border-color:#3b5de6}.gd-status-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;border:1px solid}.gd-status-active{background:#dcfce7;color:#166534;border-color:#bbf7d0}.gd-status-suspended{background:#fef3c7;color:#92400e;border-color:#fde68a}.gd-status-blocked{background:#fef2f2;color:#991b1b;border-color:#fecaca}.gd-status-pending_approval{background:#fef3c7;color:#92400e;border-color:#fde68a}{}.gd-tabs{display:flex;background:#fff;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:20px;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.gd-tab-button{padding:12px 20px;border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;font-weight:500;color:#6b7280;font-size:13px;transition:all .2s;flex-shrink:0}.gd-tab-button.gd-active{color:#5271ff;border-bottom-color:#5271ff;background:#f8fafc}.gd-tab-button:hover:not(.gd-active){background:#f3f4f6;color:#374151}.gd-tab-content{background:#fff;border-radius:12px;border:1px solid #e0dfe8;padding:20px;min-height:400px;box-shadow:0 2px 4px #0000000f}.gd-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.gd-info-card{border:1px solid #e0dfe8;border-radius:8px;padding:16px;background:#fff;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.gd-info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#5271ff}.gd-info-card h3{margin:0 0 12px;color:#111827;border-bottom:1px solid #f3f4f6;padding-bottom:8px;font-size:14px;font-weight:600}.gd-info-grid{display:flex;flex-direction:column;gap:10px}.gd-info-item{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 0}.gd-info-item label{font-weight:600;color:#6b7280;min-width:140px;font-size:12px;flex-shrink:0}.gd-info-item span{color:#111827;text-align:right;flex:1;font-size:12px;word-break:break-word;margin-left:8px;font-weight:500}.gd-info-item span.gd-expired{color:#dc2626;font-weight:600}.gd-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gd-stat-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f3f4f6;font-size:12px}.gd-stat-item:last-child{border-bottom:none}.gd-stat-item label{font-weight:600;color:#6b7280}.gd-stat-item span{color:#111827;font-weight:600}.gd-employees-tab h3,.gd-customers-tab h3,.gd-documents-tab h3,.gd-workorders-tab h3{margin:0 0 16px;color:#111827;font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.gd-employees-list,.gd-enquiries-list,.gd-documents-list,.gd-workorders-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gd-employee-card,.gd-enquiry-card,.gd-document-card,.gd-workorder-card{border:1px solid #e0dfe8;border-radius:8px;padding:14px;background:#fff;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;height:-moz-fit-content;height:fit-content}.gd-employee-card:hover,.gd-enquiry-card:hover,.gd-document-card:hover,.gd-workorder-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#5271ff}.gd-employee-card h4,.gd-enquiry-card h4,.gd-document-card h4,.gd-workorder-card h4{margin:0 0 8px;color:#111827;font-size:13px;font-weight:600}.gd-employee-card p,.gd-enquiry-card p,.gd-document-card p,.gd-workorder-card p{margin:4px 0;font-size:12px;color:#6b7280;line-height:1.4}.gd-document-card{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}.gd-document-info{width:100%;margin-bottom:8px}.gd-status-pending{color:#92400e;background:#fef3c7;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;display:inline-block;border:1px solid #fde68a}.gd-status-responded,.gd-status-completed,.gd-status-approved{color:#166534;background:#dcfce7;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;display:inline-block;border:1px solid #bbf7d0}.gd-status-pending_approval{color:#92400e;background:#fef3c7;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;display:inline-block;border:1px solid #fde68a}.gd-loading,.gd-error{text-align:center;padding:40px 20px;font-size:16px;color:#6b7280;display:flex;align-items:center;justify-content:center;height:200px;background:#fff;border-radius:12px;border:1px solid #e0dfe8}.gd-error{color:#dc2626;background:#fef2f2;border-color:#fecaca}.gd-empty-message{text-align:center;color:#9ca3af;font-style:italic;padding:40px 20px;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db;margin:0}@media(max-width:1400px){.gd-overview-grid,.gd-employees-list,.gd-enquiries-list,.gd-documents-list,.gd-workorders-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){.gd-tab-content{padding:16px}.gd-overview-grid{gap:12px}.gd-info-card{padding:14px}}@media(max-width:768px){.gd-header{flex-direction:column;gap:12px;align-items:flex-start;padding:12px 16px}.gd-header h1{font-size:18px}.gd-status-actions{width:100%;justify-content:space-between}.gd-tabs{flex-wrap:nowrap;overflow-x:auto}.gd-tab-button{padding:10px 16px;font-size:12px}.gd-tab-content{padding:12px;min-height:auto}.gd-overview-grid{grid-template-columns:1fr}.gd-info-item{flex-direction:column;align-items:flex-start;gap:4px}.gd-info-item span{text-align:left;margin-left:0}.gd-stats-grid,.gd-employees-list,.gd-enquiries-list,.gd-documents-list,.gd-workorders-list{grid-template-columns:1fr}.gd-document-card{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:480px){.gd-container{padding:12px}.gd-tabs{flex-direction:row;overflow-x:auto}.gd-tab-button{white-space:nowrap;min-width:-moz-max-content;min-width:max-content}.gd-status-actions{flex-direction:column;align-items:flex-start;gap:8px}{}.gd-employee-card,.gd-enquiry-card,.gd-document-card,.gd-workorder-card{padding:12px}}.gd-status-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gd-status-label{font-size:14px;font-weight:500;color:var(--color-text-secondary, #626c71)}.gd-status-buttons{display:flex;gap:8px;flex-wrap:wrap}.gd-status-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;background:#777c7c1f;color:#626c71}.gd-status-btn:hover:not(.active){background:#777c7c33;transform:translateY(-1px)}.gd-status-btn:active{transform:translateY(0)}.gd-status-btn.active{cursor:default;box-shadow:0 2px 4px #0000001a}.gd-status-btn[data-status=active].active{background:#21808d26;color:#21808d;border-color:#21808d40}.gd-status-btn[data-status=suspended].active{background:#a84b2f26;color:#a84b2f;border-color:#a84b2f40}.gd-status-btn[data-status=blocked].active{background:#c0152f26;color:#c0152f;border-color:#c0152f40}.gd-status-btn[data-status=pending_approval].active{background:#3b82f626;color:#3b82f6;border-color:#3b82f640}@media(prefers-color-scheme:dark){.gd-status-label{color:#a7a9a9b3}.gd-status-btn{background:#777c7c26;color:#a7a9a9}.gd-status-btn:hover:not(.active){background:#777c7c40}.gd-status-btn[data-status=active].active{background:#32b8c626;color:#32b8c6;border-color:#32b8c640}.gd-status-btn[data-status=suspended].active{background:#e6816126;color:#e68161;border-color:#e6816140}.gd-status-btn[data-status=blocked].active{background:#ff545926;color:#ff5459;border-color:#ff545940}.gd-status-btn[data-status=pendingapproval].active{background:#60a5fa26;color:#60a5fa;border-color:#60a5fa40}}.wo-management{padding:16px;background:#e8e7f0;color:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:100vh;width:100%;margin:0;max-width:100%;box-sizing:border-box}@media(min-width:1024px){.wo-management{padding:20px}}.wo-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;flex-wrap:wrap}.wo-title-section h2{margin:0;font-size:20px;font-weight:700;color:#000}.wo-title-section p{margin:4px 0 0;color:#6b7280;font-size:14px}.wo-divider{height:1px;background:#d1d5db;margin:16px 0}.wo-alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;display:flex;align-items:center;gap:8px}.wo-alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.wo-btn{border:0;border-radius:8px;color:#fff;padding:8px 14px;font-weight:600;cursor:pointer;transition:all .2s;font-size:13px;display:inline-flex;align-items:center;gap:6px;line-height:1;font-family:inherit}.wo-btn:disabled{opacity:.6;cursor:not-allowed}.wo-btn-primary{background:#5271ff}.wo-btn-primary:hover:not(:disabled){background:#3b5de6}.wo-btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.wo-btn-outline:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.wo-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.wo-stat-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:16px;transition:all .2s ease;box-shadow:0 2px 4px #0000000f;display:flex;flex-direction:column;gap:8px}.wo-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#5271ff}.wo-stat-label{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.wo-stat-value{font-size:24px;font-weight:700;color:#111827}.wo-search-filter{display:flex;gap:16px;margin-bottom:20px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;flex-wrap:wrap;box-shadow:0 1px 3px #0000000d;align-items:center}.wo-search-container{position:relative;flex:1;min-width:300px}.wo-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.wo-search-input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px 10px 36px;font-size:13px;transition:all .2s;font-family:inherit;background:#fff;box-sizing:border-box}.wo-search-input:focus{outline:none;border-color:#5271ff;box-shadow:0 0 0 3px #5271ff1a}.wo-result-info{font-size:13px;color:#6b7280;font-weight:500;white-space:nowrap}.wo-table-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000f}.wo-table-wrapper{overflow-x:auto;max-width:100%}.wo-table{width:100%;border-collapse:collapse;min-width:800px}.wo-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.wo-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.wo-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;font-size:13px;color:#374151}.wo-table tbody tr:hover{background:#f9fafb}.wo-table tbody tr:last-child td{border-bottom:none}.wo-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#f3f4f6;color:#374151}.wo-badge-new{background:#22d3ee1a;color:#06b6d4;border:1px solid rgba(6,182,212,.2)}.wo-badge-progress{background:#fbbf241a;color:#d97706;border:1px solid rgba(217,119,6,.2)}.wo-badge-closed{background:#4ade801a;color:#059669;border:1px solid rgba(5,150,105,.2)}.wo-empty-state{text-align:center;padding:48px 20px;background:#fff;border-radius:12px;border:2px dashed #d1d5db}.wo-empty-icon{font-size:48px;margin-bottom:16px}.wo-empty-state h3{margin:0 0 8px;color:#111827;font-size:20px;font-weight:700}.wo-empty-state p{margin:0 0 20px;color:#6b7280;font-size:14px}.wo-loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px;font-weight:500}.wo-loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #5271ff;border-radius:50%;animation:wo-spin 1s linear infinite;margin-left:12px;vertical-align:middle}@keyframes wo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wo-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.wo-page-info{font-size:13px;color:#6b7280;font-weight:500}@media(max-width:1200px){.wo-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:768px){.wo-management{padding:12px}.wo-header{flex-direction:column;align-items:stretch;gap:12px}.wo-title-section h2{font-size:18px}.wo-btn{width:100%;justify-content:center}.wo-search-filter{flex-direction:column;gap:12px;padding:12px}.wo-search-container{min-width:auto;width:100%}.wo-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.wo-stat-card{padding:14px}.wo-stat-value{font-size:20px}.wo-pagination{flex-direction:column;gap:12px}.wo-page-info{order:-1}.wo-btn-outline{width:100%;justify-content:center}}@media(max-width:480px){.wo-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.wo-stat-card{padding:12px}.wo-stat-value{font-size:18px}.wo-table{min-width:600px}.wo-table th,.wo-table td{padding:12px 14px;font-size:12px}.wo-empty-state{padding:36px 16px}.wo-empty-icon{font-size:36px}.wo-empty-state h3{font-size:18px}}@media(max-width:360px){.wo-stats-grid{grid-template-columns:1fr}.wo-stat-card{padding:10px}.wo-stat-value{font-size:16px}}.reports-main-container-wrapper-8924{padding:20px;background:#e8e7f0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#111827;box-sizing:border-box}.reports-main-container-wrapper-8924 *{box-sizing:border-box}.reports-page-header-section-5736{background:#fff;padding:1.25rem 1.5rem;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.reports-page-header-section-5736 h1{font-size:1.5rem;font-weight:600;color:#111827;margin:0;white-space:nowrap}.report-controls-group-container-4182{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.date-range-select-dropdown-7849,.export-format-select-dropdown-9461{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;font-size:.875rem;color:#111827;transition:all .2s ease;cursor:pointer;font-weight:500}.date-range-select-dropdown-7849:focus,.export-format-select-dropdown-9461:focus{outline:none;border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a;background:#fff}.export-action-button-primary-6273{padding:10px 20px;background:#5b5fc7;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.export-action-button-primary-6273:hover{background:#4a4fb5;transform:translateY(-1px);box-shadow:0 4px 12px #5b5fc74d}.reports-content-grid-layout-3847{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.report-section-card-container-5194{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;border:2px solid transparent}.report-section-card-container-5194:hover{box-shadow:0 6px 16px #0000001a;border-color:#e5e7eb}.report-section-full-width-span-2741{grid-column:1 / -1}.report-section-card-container-5194 h2{color:#111827;margin:0 0 20px;font-size:1.25rem;font-weight:700;border-bottom:2px solid #f3f4f6;padding-bottom:12px}.metrics-grid-display-layout-7628{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.metric-card-item-block-4913{background:linear-gradient(135deg,#5b5fc71a,#5b5fc70d);padding:20px;border-radius:12px;border-left:4px solid #5b5fc7;text-align:center;transition:all .2s ease}.metric-card-item-block-4913:hover{background:linear-gradient(135deg,#5b5fc726,#5b5fc714);transform:translateY(-2px);box-shadow:0 4px 12px #5b5fc726}.metric-value-number-large-8246{font-size:1.875rem;font-weight:700;color:#5b5fc7;margin-bottom:8px;line-height:1}.metric-label-text-display-6581{color:#6b7280;font-size:.875rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.metric-trend-indicator-positive-9372{font-size:.8125rem;font-weight:600;color:#22c55e}.metric-trend-indicator-negative-5847{font-size:.8125rem;font-weight:600;color:#ef4444}.table-container-overflow-wrapper-8364{overflow-x:auto;border-radius:8px;border:2px solid #f3f4f6}.reports-data-table-element-6192{width:100%;border-collapse:collapse;background:#fff;min-width:600px}.reports-data-table-element-6192 th{background:#f9fafb;padding:14px 16px;text-align:left;font-weight:700;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px}.reports-data-table-element-6192 td{padding:14px 16px;border-bottom:1px solid #f3f4f6;color:#111827;font-size:.875rem}.reports-data-table-element-6192 tbody tr:last-child td{border-bottom:none}.reports-data-table-element-6192 tbody tr{transition:background-color .2s ease}.reports-data-table-element-6192 tbody tr:hover{background:#5b5fc70d}.status-badge-pill-base-9284{padding:5px 12px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.status-badge-completed-success-6738{background:#22c55e1a;color:#166534;border:1px solid rgba(34,197,94,.3)}.status-badge-pending-warning-4152{background:#f59e0b1a;color:#92400e;border:1px solid rgba(245,158,11,.3)}.progress-bar-container-display-4527{width:80px;height:8px;background:#f3f4f6;border-radius:4px;display:inline-block;margin-right:8px;vertical-align:middle;overflow:hidden}.progress-fill-bar-indicator-7931{height:100%;background:linear-gradient(90deg,#5b5fc7,#7c7ff0);border-radius:4px;transition:width .5s ease}.performance-grid-layout-container-5827{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.performance-card-item-display-8146{text-align:center;padding:20px;background:#f9fafb;border-radius:12px;border:2px solid #e5e7eb;transition:all .2s ease}.performance-card-item-display-8146:hover{background:#fff;border-color:#5b5fc7;transform:translateY(-2px);box-shadow:0 4px 12px #5b5fc726}.performance-card-item-display-8146 h3{margin:0 0 12px;color:#6b7280;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.performance-value-number-highlight-4719{font-size:2rem;font-weight:700;color:#5b5fc7;margin-bottom:8px;line-height:1}.performance-description-text-muted-9361{color:#9ca3af;font-size:.8125rem;font-weight:500}@media(max-width:1400px){.reports-content-grid-layout-3847{grid-template-columns:1fr}.metrics-grid-display-layout-7628,.performance-grid-layout-container-5827{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.reports-content-grid-layout-3847{grid-template-columns:1fr}}@media(max-width:768px){.reports-main-container-wrapper-8924{padding:16px}.reports-page-header-section-5736{flex-direction:column;align-items:flex-start;padding:1rem}.reports-page-header-section-5736 h1{font-size:1.375rem}.report-controls-group-container-4182{width:100%;flex-direction:column}.date-range-select-dropdown-7849,.export-format-select-dropdown-9461,.export-action-button-primary-6273{width:100%}.metrics-grid-display-layout-7628,.performance-grid-layout-container-5827{grid-template-columns:1fr 1fr}.report-section-card-container-5194{padding:20px}.reports-data-table-element-6192{font-size:.8125rem}.reports-data-table-element-6192 th,.reports-data-table-element-6192 td{padding:10px 12px}}@media(max-width:640px){.reports-main-container-wrapper-8924{padding:12px}.reports-page-header-section-5736 h1{font-size:1.25rem}.metric-card-item-block-4913{padding:16px}.metric-value-number-large-8246{font-size:1.5rem}.performance-value-number-highlight-4719{font-size:1.625rem}.report-section-card-container-5194{padding:16px}.report-section-card-container-5194 h2{font-size:1.125rem}}@media(max-width:480px){.metrics-grid-display-layout-7628,.performance-grid-layout-container-5827{grid-template-columns:1fr}.metric-card-item-block-4913{padding:14px}.metric-value-number-large-8246{font-size:1.375rem}.performance-card-item-display-8146{padding:16px}.performance-value-number-highlight-4719{font-size:1.5rem}.reports-data-table-element-6192{font-size:.75rem}.reports-data-table-element-6192 th,.reports-data-table-element-6192 td{padding:8px 10px}}@media(max-width:360px){.report-section-card-container-5194{padding:14px}.metric-value-number-large-8246{font-size:1.25rem}.performance-value-number-highlight-4719{font-size:1.375rem}}.export-action-button-primary-6273:focus,.date-range-select-dropdown-7849:focus,.export-format-select-dropdown-9461:focus{outline:3px solid rgba(91,95,199,.3);outline-offset:2px}.admin-settings-main-container-wrapper-7294{padding:20px;background:#e8e7f0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#111827;box-sizing:border-box;max-width:1600px;margin:0 auto}.admin-settings-main-container-wrapper-7294 *{box-sizing:border-box}.settings-page-header-section-8536{background:#fff;padding:1.25rem 1.5rem;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.settings-page-header-section-8536 h1{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.save-settings-button-primary-6147{padding:12px 28px;background:#5b5fc7;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #5b5fc733}.save-settings-button-primary-6147:hover{background:#4a4fb5;transform:translateY(-1px);box-shadow:0 4px 12px #5b5fc74d}.settings-grid-layout-container-4829{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.settings-column-group-wrapper-9163{display:flex;flex-direction:column;gap:20px}.settings-card-container-block-5748{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:2px solid transparent;transition:all .2s ease;position:relative}.settings-card-container-block-5748:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#5b5fc7,#7c7ff0);border-radius:12px 12px 0 0}.settings-card-container-block-5748:hover{border-color:#e5e7eb;box-shadow:0 6px 16px #0000001a}.card-header-title-row-display-3921{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header-title-row-display-3921 h2{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.card-icon-symbol-display-7684{font-size:1.5rem;opacity:.8}.card-divider-horizontal-line-4562{height:2px;background:linear-gradient(90deg,#e5e7eb,transparent);margin:0 -24px 20px}.setting-input-group-container-8215{margin-bottom:20px}.setting-input-group-container-8215:last-child{margin-bottom:0}.setting-input-group-container-8215 label{display:block;color:#374151;font-weight:600;margin-bottom:8px;font-size:.875rem;letter-spacing:.3px}.setting-input-field-element-6931,.setting-select-dropdown-element-4728{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#f9fafb;color:#111827;font-weight:500}.setting-input-field-element-6931:focus,.setting-select-dropdown-element-4728:focus{outline:none;border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a;background:#fff}.setting-input-field-element-6931::-moz-placeholder{color:#9ca3af;font-weight:400}.setting-input-field-element-6931::placeholder{color:#9ca3af;font-weight:400}.setting-select-dropdown-element-4728{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b5fc7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-with-suffix-wrapper-display-4926,.input-with-prefix-wrapper-display-5182{position:relative;display:flex;align-items:center}.input-suffix-symbol-text-7351{position:absolute;right:14px;color:#5b5fc7;font-weight:600;pointer-events:none;font-size:.875rem}.input-prefix-symbol-text-9473{position:absolute;left:14px;color:#5b5fc7;font-weight:600;pointer-events:none;font-size:.875rem}.setting-input-field-with-prefix-element-8164{width:100%;padding:12px 14px 12px 36px;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#f9fafb;color:#111827;font-weight:500}.setting-input-field-with-prefix-element-8164:focus{outline:none;border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a;background:#fff}.toggle-switch-group-container-7395{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f3f4f6}.toggle-switch-group-container-7395:last-child{border-bottom:none}.toggle-label-content-block-4816{flex:1;display:flex;flex-direction:column;gap:4px}.toggle-title-text-display-9124{display:block;color:#111827;font-weight:600;font-size:.875rem}.toggle-description-text-muted-6283{display:block;color:#6b7280;font-size:.8125rem;line-height:1.4}.toggle-switch-slider-container-5847{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0;cursor:pointer}.toggle-switch-slider-container-5847 input{opacity:0;width:0;height:0}.slider-track-element-display-8192{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:28px}.slider-track-element-display-8192:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch-slider-container-5847 input:checked+.slider-track-element-display-8192{background-color:#5b5fc7}.toggle-switch-slider-container-5847 input:checked+.slider-track-element-display-8192:before{transform:translate(24px)}.channel-settings-options-container-6729{margin-bottom:0}.section-label-header-text-display-4193{display:block;color:#374151;font-weight:600;margin-bottom:12px;font-size:.875rem;letter-spacing:.3px}.channel-options-list-wrapper-8516{display:flex;flex-direction:column;gap:12px}.channel-option-item-clickable-7392{display:flex;align-items:center;gap:12px;cursor:pointer;padding:14px;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease;background:#f9fafb}.channel-option-item-clickable-7392:hover{border-color:#5b5fc7;background:#5b5fc70d}.channel-option-item-clickable-7392 input[type=checkbox]{display:none}.checkmark-indicator-box-display-5281{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;background:#fff}.channel-option-item-clickable-7392 input:checked+.checkmark-indicator-box-display-5281{background:#5b5fc7;border-color:#5b5fc7}.channel-option-item-clickable-7392 input:checked+.checkmark-indicator-box-display-5281:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.channel-info-content-block-9647{display:flex;flex-direction:column;gap:2px;flex:1}.channel-name-title-text-4825{font-weight:600;color:#111827;font-size:.875rem}.channel-description-text-muted-6174{font-size:.8125rem;color:#6b7280;line-height:1.3}.setting-input-field-element-6931[type=number]{-moz-appearance:textfield}.setting-input-field-element-6931[type=number]::-webkit-outer-spin-button,.setting-input-field-element-6931[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.setting-input-field-element-6931[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.setting-input-field-element-6931[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:12px;padding:0;background:transparent;cursor:pointer;opacity:.7;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;filter:invert(.3) sepia(1) saturate(5) hue-rotate(220deg)}.setting-input-field-element-6931[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}@media(max-width:1400px){.settings-grid-layout-container-4829{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.settings-grid-layout-container-4829{grid-template-columns:1fr}.admin-settings-main-container-wrapper-7294{max-width:100%}}@media(max-width:768px){.admin-settings-main-container-wrapper-7294{padding:16px}.settings-page-header-section-8536{flex-direction:column;align-items:stretch;text-align:center;padding:1rem}.settings-page-header-section-8536 h1{font-size:1.375rem}.save-settings-button-primary-6147{width:100%}.settings-card-container-block-5748{padding:20px}.card-divider-horizontal-line-4562{margin:0 -20px 16px}.card-header-title-row-display-3921{flex-direction:column;gap:8px;align-items:flex-start}}@media(max-width:640px){.admin-settings-main-container-wrapper-7294{padding:12px}.settings-page-header-section-8536 h1{font-size:1.25rem}.settings-card-container-block-5748{padding:18px}.card-header-title-row-display-3921 h2{font-size:1.125rem}.toggle-switch-group-container-7395{flex-direction:column;align-items:flex-start;gap:12px}.toggle-switch-slider-container-5847{align-self:flex-end}}@media(max-width:480px){.settings-card-container-block-5748{padding:16px}.save-settings-button-primary-6147{padding:14px}.setting-input-field-element-6931,.setting-select-dropdown-element-4728{padding:14px 12px}.channel-option-item-clickable-7392{padding:16px 12px}.card-divider-horizontal-line-4562{margin:0 -16px 16px}}@media(max-width:360px){.admin-settings-main-container-wrapper-7294{padding:10px}.settings-card-container-block-5748{padding:14px}.card-header-title-row-display-3921 h2{font-size:1rem}.setting-input-group-container-8215 label{font-size:.8125rem}.setting-input-field-element-6931,.setting-select-dropdown-element-4728{font-size:.8125rem;padding:12px}}.save-settings-button-primary-6147:focus,.setting-input-field-element-6931:focus,.setting-select-dropdown-element-4728:focus,.setting-input-field-with-prefix-element-8164:focus{outline:3px solid rgba(91,95,199,.3);outline-offset:2px}@media(prefers-reduced-motion:reduce){.settings-card-container-block-5748,.save-settings-button-primary-6147,.setting-input-field-element-6931,.setting-select-dropdown-element-4728,.slider-track-element-display-8192,.checkmark-indicator-box-display-5281{transition:none}.settings-card-container-block-5748:hover{transform:none}}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:calc(100vw - 32px);background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1001;animation:slideDown .2s ease-out;overflow:hidden;border:1px solid #e5e7eb}.notif-header{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.notif-header h3{margin:0;font-size:16px;font-weight:700;color:#111827}.notif-mark-all{background:none;border:none;color:#5271ff;font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.notif-mark-all:hover{background:#e5e7eb}.notif-list{max-height:400px;overflow-y:auto;background:#fff}.notif-list::-webkit-scrollbar{width:6px}.notif-list::-webkit-scrollbar-track{background:#f9fafb}.notif-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notif-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.notif-item{padding:12px 16px;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;cursor:pointer;transition:background .2s;position:relative}.notif-item:hover{background:#f9fafb}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:#eff6ff}.notif-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#5271ff}.notif-icon-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justifyContent:center;flex-shrink:0;background:#f3f4f6}.notif-item.unread .notif-icon-wrapper{background:#dbeafe}.notif-icon{color:#6b7280}.notif-item.unread .notif-icon{color:#5271ff}.notif-content{flex:1;min-width:0}.notif-title{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.notif-message{font-size:13px;color:#6b7280;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.notif-time{font-size:12px;color:#9ca3af}.notif-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:all .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.notif-item:hover .notif-close{opacity:1}.notif-close:hover{background:#f3f4f6;color:#ef4444}.notif-loading{padding:40px 20px;text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center;gap:12px}.spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top-color:#5271ff;border-radius:50%;animation:spin .8s linear infinite}.notif-loading p{font-size:14px;margin:0}.notif-empty{padding:40px 20px;text-align:center;color:#9ca3af}.notif-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.notif-empty-text{font-size:14px;margin:0;font-weight:500}@media(max-width:480px){.notification-dropdown{width:calc(100vw - 16px);right:8px}.notif-header{padding:12px}.notif-header h3{font-size:14px}.notif-mark-all{font-size:12px}.notif-item{padding:10px 12px}.notif-icon-wrapper{width:36px;height:36px}.notif-title{font-size:13px}.notif-message{font-size:12px}.notif-time{font-size:11px}}.garage-sidebar-backdrop{position:fixed;inset:64px 0 0;background:#00000080;z-index:800;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;display:none}.garage-sidebar-backdrop--open{opacity:1;visibility:visible}.garage-sidebar{width:260px;height:calc(100vh - 64px);background:linear-gradient(180deg,#fdfdfd,#fff);display:flex;flex-direction:column;box-shadow:0 10px 25px #0003;z-index:1;transition:transform .3s cubic-bezier(.4,0,.2,1);position:sticky;top:64px;left:0;min-height:0}.garage-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;flex-shrink:0}.garage-sidebar__logo{display:flex;align-items:center;gap:.5rem}.garage-sidebar__logo-text{font-size:1.1rem;font-weight:700;color:#b4f2b2}.garage-sidebar__close-btn{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:.4rem;border-radius:4px;transition:all .2s ease;display:none;line-height:1}.garage-sidebar__close-btn:hover{background:#374151;color:#fff}.garage-sidebar__nav{flex:1 1 auto;min-height:0;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;overflow-x:hidden;border:none;border-top:none;border-bottom:none}.garage-sidebar__nav-item{display:flex;align-items:center;width:100%;padding:.65rem .75rem;color:#0e0e0e;background:transparent;border:none;text-decoration:none;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;text-align:left;flex-shrink:0}.garage-sidebar__nav-item:hover{background:#b4f2b2;color:#fff;transform:translate(3px)}.garage-sidebar__nav-item--active{background:linear-gradient(135deg,#b4f2b2 0% 100%);color:#fff;font-weight:600;box-shadow:0 2px 6px #22c55e4d}.garage-sidebar__nav-item--active:hover{transform:translate(2px)}.garage-sidebar__nav-icon{margin-right:.6rem;font-size:1rem;min-width:18px;display:flex;align-items:center;justify-content:center}.garage-sidebar__nav-text{flex:1;white-space:nowrap;font-size:.875rem}.garage-sidebar__footer{padding:.75rem .5rem;background:#fff;flex-shrink:0}.garage-sidebar__primary-btn{width:100%;background:linear-gradient(135deg,#b4f2b2 0% 100%);color:#fff;border:none;padding:.65rem .75rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;margin-bottom:.75rem;transition:all .2s ease;box-shadow:0 2px 4px #22c55e33}.garage-sidebar__primary-btn:hover{background:linear-gradient(135deg,#b4f2b2 0% 100%);transform:translateY(-1px);box-shadow:0 3px 6px #22c55e4d}.garage-sidebar__footer-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.garage-sidebar__footer-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.6rem .3rem;border:none;border-radius:8px;font-size:.65rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;position:relative}.garage-sidebar__footer-btn svg{width:16px;height:16px}.garage-sidebar__footer-btn span{display:block;text-align:center;line-height:1.2}.garage-sidebar__footer-btn--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.garage-sidebar__footer-btn--purple:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 3px 10px #8b5cf64d}.garage-sidebar__footer-btn--orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.garage-sidebar__footer-btn--orange:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 3px 10px #f59e0b4d}.garage-sidebar__footer-btn--blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.garage-sidebar__footer-btn--blue:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 3px 10px #3b82f64d}@media(max-width:1200px){.garage-sidebar__footer-btn{font-size:.7rem;padding:.55rem .3rem;gap:.25rem}.garage-sidebar__footer-btn svg{width:12px;height:12px}}@media(max-width:768px){.garage-sidebar__footer-buttons{gap:.3rem}.garage-sidebar__footer-btn{font-size:.65rem;padding:.5rem .25rem}}@media(max-width:380px){.garage-sidebar__footer-buttons{grid-template-columns:1fr;gap:.5rem}.garage-sidebar__footer-btn{font-size:.75rem;padding:.6rem .5rem}}.garage-sidebar__footer-btn--blue{background:#3b82f6}.garage-sidebar__footer-btn--purple{background:#8b5cf6}.garage-sidebar__footer-btn--orange{background:#f97316}.garage-sidebar__help-links{display:flex;justify-content:space-around;gap:.25rem}.garage-sidebar__help-link{color:#9ca3af;text-decoration:none;font-size:.75rem;font-weight:500;transition:color .2s ease;padding:.2rem .4rem;border-radius:3px}.garage-sidebar__help-link:hover{color:#b4f2b2;background:#374151}@media(min-width:1025px){.garage-sidebar{transform:translate(0);position:sticky}}@media(max-width:1024px){.garage-sidebar-backdrop{display:block}.garage-sidebar{position:fixed;top:64px;left:0;height:calc(100vh - 64px);transform:translate(-100%);z-index:900}.garage-sidebar--open{transform:translate(0)}.garage-sidebar__close-btn{display:block}}@media(max-width:480px){.garage-sidebar{width:280px}.garage-sidebar__nav-text{font-size:.8rem}.garage-sidebar__footer-buttons{grid-template-columns:1fr 1fr;gap:.3rem}.garage-sidebar__help-links{flex-direction:column;gap:.3rem;text-align:center}}.asm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.asm-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.asm-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.asm-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.asm-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;color:#6b7280;transition:all .2s}.asm-close:hover{background:#f3f4f6;color:#111827}.asm-body{overflow-y:auto;padding:1.5rem}.asm-image-upload{margin-bottom:1.5rem}.asm-image-upload>label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.asm-image-preview{position:relative;width:150px;height:150px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb}.asm-image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.asm-remove-image{position:absolute;top:.5rem;right:.5rem;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.asm-remove-image:hover{background:#dc2626}.asm-image-upload-box{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;background:#f9fafb}.asm-upload-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#6b7280;font-size:.875rem;text-align:center;padding:1rem}.asm-upload-icon svg{color:#9ca3af}.asm-upload-icon span{font-weight:500}.asm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.asm-field{display:flex;flex-direction:column}.asm-field label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.asm-field input,.asm-field select{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s;background:#fff;color:#111827;font-family:inherit}.asm-field input::-moz-placeholder,.asm-field-full textarea::-moz-placeholder{color:#9ca3af;opacity:1}.asm-field input::placeholder,.asm-field-full textarea::placeholder{color:#9ca3af;opacity:1}.asm-field input:focus,.asm-field select:focus,.asm-field-full textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.asm-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;cursor:pointer}.asm-field select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.asm-field-full{margin-bottom:1rem}.asm-field-full label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.asm-field-full textarea{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s;background:#fff;color:#111827;font-family:inherit;resize:vertical}.asm-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.asm-btn-cancel{padding:.625rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.asm-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.asm-btn-submit{padding:.625rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.asm-btn-submit:hover:not(:disabled){background:#2563eb}.asm-btn-submit:disabled{opacity:.5;cursor:not-allowed}.asm-field input[type=number]::-webkit-inner-spin-button,.asm-field input[type=number]::-webkit-outer-spin-button{opacity:1}@media(max-width:768px){.asm-grid{grid-template-columns:1fr}.asm-modal{max-width:100%;margin:.5rem}}.asm-image-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:200px;margin:0 auto}.asm-image-preview img{width:100%;height:auto;border-radius:8px;border:2px solid #e5e7eb;-o-object-fit:cover;object-fit:cover}.asm-image-badge{position:absolute;top:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.asm-remove-image{position:absolute;top:8px;left:8px;background:#ef4444e6;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0}.asm-image-preview:hover .asm-remove-image{opacity:1}.asm-remove-image:hover{background:#dc2626;transform:scale(1.1)}.asm-remove-image:disabled{opacity:.5;cursor:not-allowed}.asm-image-upload-box{display:flex;align-items:center;justify-content:center;width:100%;padding:32px;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#f9fafb}.asm-image-upload-box:hover{border-color:#3b82f6;background:#eff6ff}.asm-upload-icon{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280}.asm-upload-icon span{font-weight:500;font-size:14px}.asm-upload-icon small{font-size:12px;color:#9ca3af}.asm-image-input{display:none}.asm-field input:disabled,.asm-field select:disabled,.asm-field textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.asm-btn-submit:disabled{background-color:#d1d5db;cursor:not-allowed;opacity:.6}.asm-btn-cancel:disabled{cursor:not-allowed;opacity:.6}.db-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0dfe8}.db-header h1{margin:0 0 4px;font-size:24px;font-weight:700;color:#111827}.db-header p{margin:0;font-size:13px;color:#6b7280}.db-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:8px;margin-bottom:16px}@media(min-width:1200px){.db-quick-actions{grid-template-columns:repeat(5,minmax(0,1fr))}}.db-action-btn{padding:8px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:11.5px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.db-action-btn:hover{background:#b4f2b2;color:#fff;border-color:#b4f2b2}.card-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-top h3{margin:0;font-size:14px;font-weight:700;color:#111827}.dashboard-card svg{margin:0 -8px}.card-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.stat-box{display:flex;flex-direction:column;padding:8px;background:#f9fafb;border-radius:6px;text-align:center}.stat-label{font-size:11px;color:#6b7280;font-weight:500;margin-bottom:4px}.stat-val{font-size:13px;font-weight:700;color:#111827}.summary-stats{display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f9fafb;border-radius:6px;font-size:12px}.summary-item span{color:#6b7280;font-weight:500}.summary-item strong{font-weight:700;color:#111827}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dashboard-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000f}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:#b4f2b2}.recent-activities-card{grid-column:span 2;cursor:pointer;padding:16px;transition:all .2s ease}.recent-activities-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:#b4f2b2}.activities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #e5e7eb;pointer-events:none}.activities-header h3{margin:0;font-size:14px;font-weight:700;color:#111827}.activities-horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;pointer-events:auto}.activity-item-horizontal{display:flex;flex-direction:column;gap:8px;padding:10px;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6;transition:all .2s;pointer-events:none}.activity-item-horizontal:hover{background:#f3f4f6;border-color:#e5e7eb}.activity-icon-h{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}.activity-content-h{display:flex;flex-direction:column;gap:3px}.activity-title-h{font-size:12px;font-weight:600;color:#111827;line-height:1.3}.activity-desc-h{font-size:11px;color:#6b7280;line-height:1.3}.activity-time-h{font-size:10px;color:#9ca3af;margin-top:2px}@media(max-width:1400px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.recent-activities-card{grid-column:span 2}.activities-horizontal{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr;gap:12px}.recent-activities-card{grid-column:span 1}.activities-horizontal{grid-template-columns:1fr}.activity-item-horizontal{flex-direction:row;gap:10px;align-items:flex-start}.activity-content-h{flex:1}.activities-header h3{font-size:13px}}.calendar-card-mini{display:flex;flex-direction:column;gap:12px;cursor:default!important;min-height:480px;padding-bottom:14px}.calendar-card-mini:hover{border-color:#e0dfe8!important;transform:none!important}.cal-nav-mini{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#f9fafb;border-radius:6px}.cal-nav-mini button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .2s;color:#6b7280;padding:0}.cal-nav-mini button:hover{background:#5271ff;border-color:#5271ff;color:#fff}.cal-nav-mini span{font-size:11px;font-weight:600;color:#374151}.cal-grid-mini{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:12px;position:relative}.cal-weekday-mini{text-align:center;font-size:9px;font-weight:600;color:#9ca3af;padding:4px 0;text-transform:uppercase}.cal-day-mini{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;color:#374151;background:#f9fafb;border-radius:4px;cursor:pointer;transition:all .15s;position:relative}.cal-day-mini:empty{cursor:default;background:transparent}.cal-day-mini:not(:empty):hover{background:#eff6ff;color:#3b82f6;transform:scale(1.02)}.cal-day-mini.today{background:#3b82f6;color:#fff;font-weight:600}.cal-day-mini.selected{background:#22c55e;color:#fff;font-weight:600;box-shadow:0 0 0 2px #dcfce7}.cal-day-mini.active:after{content:"";position:absolute;bottom:2px;width:3px;height:3px;background:#22c55e;border-radius:50%}.cal-day-mini.selected.active:after,.cal-day-mini.today.active:after{background:#fff}.cal-activities-preview{display:flex;flex-direction:column;gap:6px;padding:8px;background:#f9fafb;border-radius:6px;margin-top:4px}.cal-activity-mini{display:flex;align-items:center;gap:6px}.cal-activity-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.cal-activity-title{font-size:11px;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-activity-time{display:flex;align-items:center;gap:3px;font-size:9px;color:#6b7280}.cal-more{font-size:10px;color:#6b7280;text-align:center;padding:4px;background:#fff;border-radius:4px;font-weight:500}@media(max-width:1400px){.cal-grid-mini{gap:2px}.cal-day-mini{font-size:9px}}@media(max-width:768px){.calendar-card-mini{grid-column:span 1}}.cal-day-mini{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.day-num{font-size:10px;font-weight:500;line-height:1}.event-dots{display:flex;gap:2px;margin-top:1px}.dot{width:3px;height:3px;border-radius:50%}.dot.scheduled{background:#3b82f6}.dot.deadline{background:#f59e0b}.dot.next{background:#8b5cf6}.cal-day-mini.overdue{background:#fee2e2!important;color:#991b1b!important;font-weight:600!important}.cal-day-mini.overdue .day-num{color:#991b1b}.cal-legend-mini{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;-moz-column-gap:12px;column-gap:12px;row-gap:8px;padding:6px 8px;background:#f9fafb;border-radius:6px;margin:8px 0 10px;width:100%;box-sizing:border-box}.legend-item-mini{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#6b7280;font-weight:600;padding:3px 6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;white-space:nowrap}.legend-item-mini svg{flex-shrink:0}.legend-item-mini span{line-height:1}.legend-item-mini .dot{width:5px;height:5px}.event-icon-mini{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cal-activity-meta{display:flex;align-items:center;gap:4px;font-size:9px}.event-type{font-weight:600}.event-time{color:#6b7280}.sep{color:#d1d5db;font-weight:700}.cal-day-mini.has-attendance{border:1px solid #e5e7eb}.attendance-indicator{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1)}.cal-attendance-section{margin-top:10px;padding:8px 10px;background:#fdfdfd;border-radius:8px;border:1px solid #e5e7eb;flex-shrink:0}.cal-attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cal-attendance-title{font-size:12px;font-weight:600;color:#374151}.cal-attendance-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.05em}.cal-attendance-actions{display:flex;gap:6px}.cal-attendance-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;flex:1;justify-content:center}.cal-attendance-btn:disabled{opacity:.6;cursor:not-allowed}.cal-attendance-btn.present{background:#16a34a;color:#fff}.cal-attendance-btn.present:hover:not(:disabled){background:#15803d}.cal-attendance-btn.late{background:#ea580c;color:#fff}.cal-attendance-btn.late:hover:not(:disabled){background:#c2410c}.cal-attendance-marked,.cal-attendance-info{display:flex;justify-content:center}.spinner-small{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.footer{background:#fff;border-top:1px solid #e2e8f0;padding:15px 20px;margin-top:auto}.footer-content{text-align:center}.footer-content p{font-size:14px;color:#6b7280;margin:0}.ssm-container{padding:0}.ssm-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;margin-bottom:20px;box-shadow:0 4px 12px #667eea33}.ssm-selection-summary{display:flex;align-items:center;gap:12px;color:#fff}.ssm-check-icon{color:#22c55e}.ssm-selection-count{font-size:16px;font-weight:600;color:#fff}.ssm-header-actions{display:flex;gap:10px}.ssm-btn{padding:8px 16px;border-radius:6px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.ssm-btn-secondary{background:#fff;color:#667eea}.ssm-btn-secondary:hover{background:#f0f4ff;transform:translateY(-1px)}.ssm-btn-outline{background:transparent;color:#fff;border:2px solid white}.ssm-btn-outline:hover{background:#ffffff1a}.ssm-btn-small{padding:4px 10px;font-size:12px;background:#fff;color:#667eea;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.ssm-btn-small:hover{background:#f0f4ff;transform:scale(1.05)}.ssm-categories{max-height:500px;overflow-y:auto;padding-right:8px}.ssm-categories::-webkit-scrollbar{width:8px}.ssm-categories::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.ssm-categories::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.ssm-categories::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ssm-category-group{margin-bottom:20px;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s}.ssm-category-group:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.ssm-category-header{padding:14px 18px;background:linear-gradient(to right,#f8fafc,#fff);border-left:4px solid #667eea;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.ssm-category-header:hover{background:linear-gradient(to right,#f1f5f9,#f8fafc)}.ssm-category-left{display:flex;align-items:center;gap:12px;flex:1}.ssm-category-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#667eea;color:#fff;box-shadow:0 4px 8px #667eea4d}.ssm-category-name{font-size:16px;font-weight:700;color:#1e293b;margin:0}.ssm-service-count{padding:4px 12px;background:#e0e7ff;color:#4f46e5;border-radius:20px;font-size:12px;font-weight:600}.ssm-category-actions{display:flex;align-items:center;gap:8px}.ssm-chevron{color:#64748b;transition:transform .2s}.ssm-services-list{padding:12px;background:#fafbfc;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.ssm-service-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:16px;cursor:pointer;transition:all .3s;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ssm-service-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-2px)}.ssm-service-card.ssm-selected{background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#667eea;border-width:2px;box-shadow:0 8px 20px #667eea33}.ssm-service-info{flex:1}.ssm-service-name{font-size:15px;font-weight:700;color:#1e293b;margin:0 0 8px;line-height:1.3}.ssm-service-description{font-size:13px;color:#64748b;margin:0 0 10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ssm-service-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.ssm-price{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;font-size:12px;font-weight:700;box-shadow:0 2px 6px #10b9814d}.ssm-hours{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:12px;font-weight:600}.ssm-service-check{flex-shrink:0}.ssm-check-icon-selected{color:#667eea;animation:scaleIn .2s ease-out}.ssm-check-circle{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:50%;transition:all .2s}.ssm-service-card:hover .ssm-check-circle{border-color:#667eea;border-width:3px}.ssm-loading{text-align:center;padding:60px 20px;color:#64748b}.ssm-loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}.ssm-empty{text-align:center;padding:60px 20px;color:#64748b}.ssm-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.ssm-empty h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}.ssm-empty p{font-size:14px;color:#64748b;margin:0}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:768px){.ssm-header{flex-direction:column;gap:12px;align-items:stretch}.ssm-header-actions{width:100%;justify-content:space-between}.ssm-services-list{grid-template-columns:1fr}.ssm-category-header{flex-direction:column;gap:12px;align-items:stretch}.ssm-category-actions{width:100%;justify-content:space-between}}.garage-layout{display:flex;flex-direction:column;min-height:100vh;background:#e8e7f0;margin:0;padding:0}.content-wrapper{display:flex;flex:1;position:relative;min-height:0;margin:0}.main-content{flex:1;padding:0;background:#e8e7f0!important;overflow-y:auto;min-height:0;margin:0!important;width:100%}.hr-management{padding:16px;background:#e8e7f0;color:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:0;width:100%;margin:0;max-width:100%;box-sizing:border-box}@media(min-width:1024px){.hr-management{min-height:0;padding:20px}}.hr-alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;display:flex;align-items:center;gap:8px}.hr-alert-success{background:#dcfce7;color:#b4f2b2;border:1px solid #bbf7d0}.hr-alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.hr-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.hr-header h2{margin:0;font-size:20px;font-weight:700;color:#000}.hr-header-buttons{display:flex;gap:8px;flex-wrap:wrap}.hr-btn{border:0;border-radius:8px;color:#fff;padding:8px 14px;font-weight:600;cursor:pointer;transition:all .2s;font-size:13px;display:inline-flex;align-items:center;gap:6px;line-height:1}.hr-btn:disabled{opacity:.6;cursor:not-allowed}.hr-btn-primary{background:#b4f2b2}.hr-btn-primary:hover:not(:disabled){background:#b4f2b2}.hr-btn-secondary{background:#b4f2b2}.hr-btn-secondary:hover:not(:disabled){background:#b4f2b2}.hr-btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.hr-btn-outline:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.hr-btn-small{background:#b4f2b2;color:#fff;border:0;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px}.hr-btn-small:hover{background:#b4f2b2}.hr-divider{height:1px;background:#d1d5db;margin:16px 0}.hr-search-filter{display:flex;gap:16px;margin-bottom:20px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;flex-wrap:wrap;box-shadow:0 1px 3px #0000000d}.hr-search-container{position:relative;flex:1;min-width:250px}.hr-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.hr-search-input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:10px 40px;font-size:13px;transition:all .2s;font-family:inherit;background:#fff;box-sizing:border-box}.hr-search-input:focus{outline:none;border-color:#b4f2b2;box-shadow:0 0 0 3px #5271ff1a}.hr-search-input::-moz-placeholder{color:#9ca3af}.hr-search-input::placeholder{color:#9ca3af}.hr-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#9ca3af;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.hr-search-clear:hover{background:#6b7280}.hr-filter-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hr-filter-label{font-weight:600;color:#374151;font-size:13px;white-space:nowrap}.hr-filter-select{border:1px solid #d1d5db;border-radius:6px;padding:8px 32px 8px 12px;font-size:13px;background:#fff;min-width:200px;color:#374151;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}.hr-filter-select:focus{outline:none;border-color:#b4f2b2;box-shadow:0 0 0 3px #5271ff1a}.hr-permission-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px}.hr-permission-count{font-size:12px;font-weight:600;color:#4b5563;background:#f3f4f6;border-radius:999px;padding:4px 10px}.hr-permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.hr-permission-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a0d;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;cursor:pointer}.hr-permission-card input{position:absolute;opacity:0;pointer-events:none}.hr-permission-card:hover{border-color:#cbd5f5;box-shadow:0 8px 16px #5271ff14;transform:translateY(-2px)}.hr-permission-card.selected{border-color:#526fff;box-shadow:0 10px 18px #5271ff26}.hr-permission-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#f8fafc;color:#526fff}.hr-permission-card.selected .hr-permission-icon{background:#5271ff1f}.hr-permission-content{display:flex;flex-direction:column;gap:4px}.hr-permission-title{font-size:14px;font-weight:600;color:#1f2937}.hr-permission-description{font-size:12px;color:#6b7280;line-height:1.4}.hr-permission-toggle .toggle{position:relative;width:38px;height:20px;border-radius:999px;background:#e5e7eb;transition:background .2s ease;display:inline-flex;align-items:center;padding:0 2px}.hr-permission-toggle .toggle-knob{width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 2px 4px #0f172a26}.hr-permission-toggle .toggle.on{background:#526fff}.hr-permission-toggle .toggle.on .toggle-knob{transform:translate(18px)}@media(max-width:640px){.hr-permission-grid{grid-template-columns:1fr}}.hr-empty-state{text-align:center;padding:48px 20px;background:#fff;border-radius:12px;border:2px dashed #d1d5db;margin-top:20px}.hr-empty-icon{font-size:48px;margin-bottom:16px}.hr-empty-state h3{margin:0 0 8px;color:#111827;font-size:20px;font-weight:700}.hr-empty-state p{margin:0 0 20px;color:#6b7280;font-size:14px}.hr-department-section{margin-bottom:24px}.hr-department-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;flex-wrap:wrap;gap:8px}.hr-department-title{color:#111827;font-weight:700;font-size:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hr-employee-count{font-size:13px;color:#6b7280;font-weight:400}.hr-department-actions{display:flex;align-items:center;gap:8px}.hr-toggle-btn{background:#b4f2b2;color:#fff;border:0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.hr-toggle-btn:hover{background:#b4f2b2}.hr-btn-delete-dept{background:transparent;border:1px solid #ef4444;color:#ef4444;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px}.hr-btn-delete-dept:hover:not(:disabled){background:#fef2f2}.hr-btn-delete-dept:disabled{opacity:.5;cursor:not-allowed;border-color:#d1d5db;color:#9ca3af}.hr-employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-bottom:16px}.hr-employee-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:14px;transition:all .2s ease;box-shadow:0 2px 4px #0000000f;display:flex;flex-direction:column;gap:10px}.hr-employee-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#b4f2b2}.hr-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:0;padding:0}.hr-employee-name{font-weight:700;font-size:16px;color:#111827;line-height:1.3;text-align:left;margin:0;padding:0;flex:1}.hr-employee-status{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:capitalize;margin:0;padding:0;flex-shrink:0}.hr-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hr-employee-position{background:#b4f2b2;color:#fff;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:600;width:-moz-fit-content;width:fit-content;margin:0;text-align:left;text-transform:capitalize}.hr-employee-details{display:flex;flex-direction:column;gap:7px;margin:2px 0 0;padding:0;background:transparent;flex-grow:1}.hr-detail-row{display:flex;justify-content:flex-start;align-items:center;padding:0;gap:6px;margin:0}.hr-detail-label{font-size:11px;color:#6b7280;font-weight:500;text-align:left;flex-shrink:0}.hr-detail-value{font-size:12px;color:#111827;font-weight:600;text-align:left;flex:1}.hr-employee-rating{display:flex;align-items:center;gap:4px;margin:4px 0 0;padding:8px 0 0;border-top:1px solid #f3f4f6}.hr-rating-stars{display:flex;gap:2px;align-items:center}.hr-rating-stars svg{flex-shrink:0}.hr-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 0 0;padding:10px 0 0;border-top:1px solid #f3f4f6}.hr-contact-icons{display:flex;gap:6px;align-items:center}.hr-icon-btn{background:transparent;border:1px solid #d1d5db;border-radius:6px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280;padding:0}.hr-icon-btn:hover{background:#f3f4f6;border-color:#b4f2b2;color:#b4f2b2}.hr-icon-btn svg{flex-shrink:0}.hr-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.hr-view-btn,.hr-edit-btn,.hr-delete-btn{border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;border:1px solid;display:inline-flex;align-items:center;justify-content:center;line-height:1}.hr-view-btn{background:#b4f2b2;border-color:#b4f2b2;color:#fff;padding:8px 14px}.hr-view-btn:hover{background:#b4f2b2;border-color:#b4f2b2}.hr-edit-btn,.hr-delete-btn{background:transparent;border-color:#d1d5db;color:#6b7280;padding:8px 10px;min-width:36px}.hr-edit-btn:hover:not(:disabled){background:#f3f4f6;border-color:#b4f2b2;color:#b4f2b2}.hr-delete-btn:hover:not(:disabled){background:#fef2f2;border-color:#dc2626;color:#dc2626}.hr-delete-btn:disabled,.hr-edit-btn:disabled{opacity:.4;cursor:not-allowed}.hr-empty-card{background:#fff;border:2px dashed #d1d5db;border-radius:10px;padding:24px 16px;color:#6b7280;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;grid-column:1 / -1;min-height:120px}.hr-empty-card-icon{display:flex;align-items:center;justify-content:center;margin-bottom:0}.hr-empty-card p{margin:0;font-size:13px;color:#6b7280}.hr-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;padding:20px;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hr-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;overflow:hidden;max-height:90vh;overflow-y:auto}.hr-modal-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.hr-modal-title{margin:0;font-size:18px;font-weight:700;color:#111827}.hr-modal-close{background:transparent;border:0;cursor:pointer;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.hr-modal-close:hover{background:#e5e7eb;color:#374151}.hr-modal-body{padding:20px;max-height:calc(90vh - 140px);overflow-y:auto}.hr-modal-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb}.hr-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.hr-form-label{font-size:13px;color:#374151;font-weight:600;margin-bottom:4px}.hr-form-input,.hr-form-select,.hr-form-textarea{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:9px 12px;font-size:13px;transition:all .2s;font-family:inherit;background:#fff;box-sizing:border-box}.hr-form-input:focus,.hr-form-select:focus,.hr-form-textarea:focus{outline:none;border-color:#b4f2b2;box-shadow:0 0 0 3px #5271ff1a}.hr-form-input::-moz-placeholder,.hr-form-textarea::-moz-placeholder{color:#9ca3af}.hr-form-input::placeholder,.hr-form-textarea::placeholder{color:#9ca3af}.hr-form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.hr-form-textarea{resize:vertical;min-height:80px}.hr-form-help{font-size:11px;color:#6b7280;margin-top:4px;line-height:1.4}.hr-suggestions{margin-top:12px}.hr-suggestions-label{font-size:12px;color:#6b7280;font-weight:600;margin-bottom:8px;display:block}.hr-suggestion-chips{display:flex;flex-wrap:wrap;gap:6px}.hr-suggestion-chip{background:#eff6ff;border:1px solid #b4f2b2;border-radius:16px;padding:5px 12px;font-size:11px;color:#1e40af;cursor:pointer;transition:all .2s;font-weight:500}.hr-suggestion-chip:hover{background:#b4f2b2;color:#fff;border-color:#b4f2b2}.hr-services-selection{display:flex;flex-direction:column;gap:12px}.hr-service-summary{padding:10px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;text-align:center;font-size:12px;color:#0369a1;font-weight:500}.hr-service-actions{display:flex;gap:8px;justify-content:flex-end}.hr-services-grid{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding:2px}.hr-service-card{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.hr-service-card:hover{border-color:#b4f2b2;background:#f9fafb}.hr-service-info{flex:1}.hr-service-name{font-weight:600;color:#111827;margin-bottom:6px;font-size:14px}.hr-service-details{display:flex;gap:12px;font-size:12px;color:#6b7280;margin-bottom:4px;flex-wrap:wrap}.hr-service-duration,.hr-service-category{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:11px;color:#374151}.hr-service-description{font-size:12px;color:#6b7280;line-height:1.4;margin-top:4px}.hr-service-checkbox{margin-left:12px;flex-shrink:0}.hr-service-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:#b4f2b2}.hr-loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px;font-weight:500}.hr-loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #b4f2b2;border-radius:50%;animation:hr-spin 1s linear infinite;margin-left:12px;vertical-align:middle}@keyframes hr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.hr-employee-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}}@media(max-width:992px){.hr-employee-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}}@media(max-width:768px){.hr-management{padding:12px}.hr-header{flex-direction:column;align-items:stretch;gap:12px}.hr-header h2{font-size:18px}.hr-header-buttons{justify-content:stretch}.hr-btn{flex:1;text-align:center;font-size:12px;padding:8px 12px;justify-content:center}.hr-search-filter{flex-direction:column;gap:12px;padding:12px}.hr-search-container{min-width:auto}.hr-filter-container{flex-direction:column;align-items:stretch;gap:6px}.hr-filter-select{min-width:auto}.hr-employee-grid{grid-template-columns:1fr;gap:12px}.hr-employee-card{padding:12px}.hr-card-header{flex-direction:row;align-items:flex-start}.hr-modal{margin:0;max-height:100vh;border-radius:0}.hr-modal-overlay{padding:0}.hr-department-title{flex-direction:column;align-items:flex-start;gap:4px;font-size:16px}.hr-department-actions{flex-direction:row;gap:6px;align-items:center}.hr-card-actions{flex-direction:row;gap:6px}.hr-service-card{flex-direction:column;gap:10px}.hr-service-checkbox{margin-left:0;align-self:flex-end}.hr-service-details{flex-direction:column;gap:4px}}@media(max-width:480px){.hr-employee-grid{grid-template-columns:1fr;gap:10px}.hr-employee-card{padding:12px}.hr-employee-name{font-size:15px}.hr-employee-position{font-size:10px;padding:4px 10px}.hr-modal-body{padding:16px}.hr-modal-header,.hr-modal-footer{padding:12px 16px}.hr-modal-footer{flex-direction:column}.hr-btn-outline,.hr-btn-primary{width:100%}.hr-suggestion-chips{justify-content:flex-start}.hr-card-footer{flex-direction:column;align-items:stretch;gap:10px}.hr-contact-icons{justify-content:flex-start}.hr-card-actions{justify-content:stretch}.hr-view-btn{flex:1}.hr-edit-btn,.hr-delete-btn{min-width:36px;padding:8px 10px}}@media(max-width:360px){.hr-employee-card{padding:10px}.hr-employee-name{font-size:14px}.hr-employee-position{font-size:9px}.hr-employee-details{gap:6px}.hr-detail-label,.hr-detail-value{font-size:10px}}@media(min-width:1025px){.content-wrapper{margin-top:0;margin-left:0}.main-content{margin-left:0!important;width:100%}}.main-content{margin-left:0!important;margin-right:0!important;width:100%!important}.main-content *{box-sizing:border-box}.garage-layout>*{flex-shrink:0}.content-wrapper>*{min-height:0}.hr-modal-large{max-width:900px;max-height:85vh}.hr-services-by-category{display:flex;flex-direction:column;gap:20px;max-height:500px;overflow-y:auto;padding:10px}.hr-category-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.hr-category-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s}.hr-category-header:hover{background:#f3f4f6}.hr-category-title{display:flex;align-items:center;gap:12px;flex:1}.hr-category-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px}.hr-category-name{font-weight:600;font-size:15px;color:#111827}.hr-category-count{font-size:13px;color:#6b7280;margin-left:4px}.hr-category-actions{display:flex;align-items:center;gap:8px}.hr-btn-small{padding:4px 10px;font-size:12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.hr-btn-small:hover{background:#f3f4f6;border-color:#9ca3af}.hr-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:16px}.hr-service-card{border:2px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:flex-start;background:#fff}.hr-service-card:hover{border-color:#b4f2b2;box-shadow:0 2px 8px #3b82f61a}.hr-service-card.hr-selected{border-color:#b4f2b2;background:#eff6ff}.hr-service-info{flex:1;display:flex;flex-direction:column;gap:8px}.hr-service-name{font-weight:600;font-size:14px;color:#111827}.hr-service-details{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.hr-service-price{color:#b4f2b2;font-weight:600}.hr-service-duration{color:#6b7280}.hr-service-category{padding:2px 8px;background:#f3f4f6;border-radius:4px;color:#374151}.hr-service-description{font-size:12px;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hr-service-checkbox{margin-left:12px}.hr-service-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.hr-service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.hr-form-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:2px solid #d1d5db;border-radius:8px;font-size:.9375rem;color:#111827;background:#fff;font-family:inherit;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer}.hr-form-select option{color:#111827;background:#fff;padding:.5rem}.hr-form-select:focus{outline:none;border-color:#b4f2b2;box-shadow:0 0 0 3px #3b82f61a}.hr-form-select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.hr-form-help{display:block;font-size:.8125rem;color:#6b7280;margin-top:.375rem;font-style:italic}.hr-form-group:first-child{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.emp-detail-container{padding:20px;max-width:1400px;margin:0 auto}.emp-detail-header{background:#1e293b;color:#fff;padding:24px;border-radius:12px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.emp-detail-header-left{flex:1;min-width:300px}.emp-detail-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:background .2s;margin-bottom:16px}.emp-detail-back-btn:hover{background:#ffffff26}.emp-detail-title-section h1{margin:0 0 8px;font-size:28px;font-weight:700}.emp-detail-position{margin:0 0 12px;font-size:15px;opacity:.9}.emp-detail-badge{display:inline-block;padding:4px 12px;background:#22c55e;color:#fff;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.emp-detail-contact{margin-top:12px;display:flex;flex-direction:column;gap:6px}.emp-detail-contact p{margin:0;font-size:13px;display:flex;align-items:center;gap:6px}.emp-detail-attendance-section{background:#ffffff1a;padding:16px;border-radius:8px;min-width:260px}.emp-detail-attendance-section h4{margin:0 0 12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.emp-detail-attendance-buttons{display:flex;gap:6px;margin-bottom:10px}.emp-detail-attendance-btn{flex:1;padding:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.emp-detail-attendance-btn:hover:not(:disabled){background:#fff3}.emp-detail-attendance-btn:disabled{opacity:.5;cursor:not-allowed}.emp-detail-attendance-btn.emp-active{background:#fff;color:#1e293b;border-color:#fff}.emp-detail-attendance-btn.emp-present.emp-active{color:#22c55e}.emp-detail-attendance-btn.emp-late.emp-active{color:#f59e0b}.emp-detail-attendance-btn.emp-absent.emp-active{color:#ef4444}.emp-detail-today-status{text-align:center;font-size:12px;font-weight:600;padding:6px;background:#ffffff1a;border-radius:4px}.emp-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px;margin-bottom:20px}.emp-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px;box-shadow:0 1px 3px #0000001a}.emp-detail-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #f3f4f6}.emp-detail-card-header h3{margin:0;font-size:16px;font-weight:700;color:#1f2937}.emp-detail-stats-list{display:flex;flex-direction:column;gap:10px}.emp-detail-stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:13px}.emp-detail-stat-label{color:#6b7280;font-weight:500}.emp-detail-stat-value{color:#1f2937;font-weight:700}.emp-detail-divider{height:1px;background:#e5e7eb;margin:16px 0}.emp-detail-weekly-holiday-card{margin-top:16px}.emp-detail-weekly-header h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937}.emp-detail-weekly-subtitle{font-size:12px;color:#6b7280}.emp-weekly-checkbox-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.emp-weekly-checkbox-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f1f5ff;border:1px solid #cbd5f5;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.emp-weekly-checkbox-item input{cursor:pointer}.emp-weekly-checkbox-item:has(input:checked){background:#5271ff;border-color:#3b5de6;color:#fff;box-shadow:0 6px 14px #5271ff40}.emp-detail-weekly-summary{font-size:12px;color:#6b7280;margin:8px 0}.emp-detail-weekly-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.emp-detail-weekly-feedback{margin-top:12px;padding:10px;border-radius:6px;font-size:12px;font-weight:500}.emp-detail-weekly-feedback.success{background:#f0fdf4;color:#065f46;border:1px solid #bbf7d0}.emp-detail-weekly-feedback.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.emp-detail-weekly-note{font-size:11px;color:#9ca3af;margin-top:8px;font-style:italic}.emp-detail-tasks-list{display:flex;flex-direction:column;gap:10px}.emp-detail-task-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.emp-detail-task-info{flex:1;display:flex;flex-direction:column;gap:4px}.emp-detail-task-title{font-size:13px;font-weight:600;color:#1f2937}.emp-detail-task-due{font-size:11px;color:#6b7280}.emp-detail-finance-list{display:flex;flex-direction:column;gap:10px}.emp-detail-finance-label{color:#6b7280;font-weight:500}.emp-detail-finance-value{color:#1f2937;font-weight:700}.emp-detail-performance-list{display:flex;flex-direction:column;gap:10px}.emp-detail-perf-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:13px}.emp-detail-perf-label{color:#6b7280;font-weight:500}.emp-detail-perf-value{color:#1f2937;font-weight:700}.emp-detail-stars{color:#f59e0b;font-size:16px}.emp-detail-training-list{display:flex;flex-direction:column;gap:10px}.emp-detail-training-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.emp-detail-training-info{flex:1;display:flex;flex-direction:column;gap:4px}.emp-detail-training-course{font-size:13px;font-weight:600;color:#1f2937}.emp-detail-training-status{font-size:11px;padding:3px 8px;border-radius:12px;display:inline-block;width:-moz-fit-content;width:fit-content}.emp-detail-training-status.emp-completed{background:#dcfce7;color:#065f46}.emp-detail-training-status.emp-upcoming{background:#fef3c7;color:#92400e}.emp-detail-notices-list{display:flex;flex-direction:column;gap:10px}.emp-detail-notice-item,.emp-detail-comment-item,.emp-detail-employee-note{padding:10px;background:#f9fafb;border-radius:6px;font-size:13px;color:#374151;border-left:3px solid #3b82f6}.emp-detail-comment-item{border-left-color:#10b981}.emp-detail-employee-note{border-left-color:#f59e0b}.emp-detail-calendar-wrapper{margin-top:12px}.emp-detail-calendar-day-names{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.emp-detail-calendar-day-names span{text-align:center;font-size:11px;font-weight:600;color:#6b7280;padding:4px}.emp-detail-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px}.emp-detail-calendar-day-wrapper{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;position:relative}.emp-detail-calendar-day-number{font-size:11px;font-weight:600;color:#374151;margin-bottom:4px}.emp-detail-calendar-day-indicator{width:8px;height:8px;border-radius:50%}.emp-detail-calendar-day-indicator.emp-present{background:#22c55e}.emp-detail-calendar-day-indicator.emp-absent{background:#ef4444}.emp-detail-calendar-day-indicator.emp-late{background:#f59e0b}.emp-detail-calendar-day-indicator.emp-on-leave{background:#6366f1}.emp-detail-calendar-day-indicator.emp-weekend{background:#9ca3af}.emp-detail-calendar-day-indicator.emp-future{background:#d1d5db;opacity:.3}.emp-detail-calendar-day-indicator.emp-today{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6}.emp-detail-calendar-empty{background:transparent;border:none}.emp-detail-calendar-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.emp-detail-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#6b7280}.emp-detail-legend-color{width:10px;height:10px;border-radius:50%}.emp-detail-legend-color.emp-present{background:#22c55e}.emp-detail-legend-color.emp-absent{background:#ef4444}.emp-detail-legend-color.emp-late{background:#f59e0b}.emp-detail-legend-color.emp-on-leave{background:#6366f1}.emp-detail-legend-color.emp-weekend{background:#9ca3af}.emp-detail-calendar-summary{font-size:11px;color:#6b7280;text-align:center;padding:8px;background:#f9fafb;border-radius:6px}.emp-detail-docs-list{display:flex;flex-direction:column;gap:10px}.emp-detail-doc-row{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.emp-detail-doc-label{font-size:13px;font-weight:600;color:#1f2937}.emp-detail-doc-actions{display:flex;align-items:center;gap:8px}.emp-detail-doc-status{font-size:10px;padding:3px 8px;border-radius:12px;font-weight:600;text-transform:uppercase}.emp-detail-doc-status.emp-verified{background:#dcfce7;color:#065f46}.emp-detail-doc-status.emp-pending{background:#fef3c7;color:#92400e}.emp-detail-doc-status.emp-expired{background:#fee2e2;color:#991b1b}.emp-detail-doc-date{font-size:11px;color:#6b7280}.emp-detail-view-doc-btn,.emp-detail-delete-doc-btn{padding:6px;border:none;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.emp-detail-view-doc-btn{color:#3b82f6;border:1px solid #3b82f6}.emp-detail-view-doc-btn:hover{background:#eff6ff}.emp-detail-delete-doc-btn{color:#ef4444;border:1px solid #ef4444}.emp-detail-delete-doc-btn:hover{background:#fef2f2}.emp-detail-work-list{display:flex;flex-direction:column;gap:10px}.emp-detail-work-item{padding:10px;background:#f9fafb;border-radius:6px;border-left:3px solid #3b82f6;display:flex;justify-content:space-between;align-items:center;font-size:12px}.emp-detail-work-order{font-weight:600;color:#1f2937}.emp-detail-work-role{color:#6b7280}.emp-detail-work-hours{color:#3b82f6;font-weight:600}.emp-detail-services-list{display:flex;flex-direction:column;gap:10px}.emp-detail-service-item{padding:10px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.emp-detail-service-info{display:flex;flex-direction:column;gap:4px}.emp-detail-service-name{font-size:13px;font-weight:600;color:#1f2937}.emp-detail-service-details{font-size:11px;color:#6b7280}.emp-detail-no-services{text-align:center;padding:20px;color:#9ca3af;font-size:13px}.emp-detail-salary-table-wrapper{overflow-x:auto}.emp-detail-salary-table{width:100%;border-collapse:collapse;font-size:12px}.emp-detail-salary-table th{background:#f9fafb;font-weight:600;color:#374151}.emp-detail-salary-label{font-weight:600;color:#1f2937;text-align:left!important}.emp-detail-salary-total{font-weight:700;color:#3b82f6}.emp-detail-salary-receipt-total{font-weight:700;color:#10b981}.emp-detail-add-btn{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background .2s}.emp-detail-add-btn:hover{background:#2563eb}.emp-detail-nav-btn{padding:6px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.emp-detail-nav-btn:hover{background:#f9fafb;border-color:#d1d5db}.emp-detail-btn{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.emp-detail-btn-primary{background:#3b82f6;color:#fff;border:none}.emp-detail-btn-primary:hover{background:#2563eb}.emp-detail-btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.emp-detail-btn-secondary{background:#fff;color:#3b82f6;border:1px solid #3b82f6}.emp-detail-btn-secondary:hover{background:#eff6ff}.emp-detail-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.emp-detail-btn-outline{background:#fff;color:#6b7280;border:1px solid #d1d5db}.emp-detail-btn-outline:hover{background:#f9fafb}.emp-detail-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:20px;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.emp-detail-empty-state{text-align:center;padding:30px 20px;color:#9ca3af;font-size:13px}.emp-detail-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.emp-detail-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.emp-detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.emp-detail-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#1f2937}.emp-detail-close-btn{background:#f3f4f6;border:none;border-radius:6px;padding:6px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s}.emp-detail-close-btn:hover{background:#e5e7eb;color:#374151}.emp-detail-modal-body{padding:20px 24px}.emp-detail-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.emp-detail-form-group{margin-bottom:16px}.emp-detail-form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.emp-detail-form-group input,.emp-detail-form-group select,.emp-detail-form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;transition:border-color .2s}.emp-detail-form-group input:focus,.emp-detail-form-group select:focus,.emp-detail-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.emp-detail-form-group textarea{resize:vertical;min-height:80px}.emp-detail-loading,.emp-detail-error{text-align:center;padding:40px 20px;font-size:15px;color:#6b7280}.emp-detail-error{color:#ef4444;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}@media(max-width:1024px){.emp-detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.emp-detail-container{padding:12px}.emp-detail-header{flex-direction:column;padding:20px}.emp-detail-attendance-section{width:100%}.emp-detail-actions{flex-direction:column}.emp-detail-btn{width:100%}}.emp-detail-salary-card{grid-column:1 / -1}.emp-detail-salary-table-wrapper{overflow-x:auto;margin-top:12px}.emp-detail-salary-table{width:100%;border-collapse:collapse;font-size:12px;min-width:1200px}.emp-detail-salary-table th,.emp-detail-salary-table td{padding:10px;text-align:center;border:1px solid #e5e7eb}.emp-detail-salary-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.emp-detail-salary-label{font-weight:600;color:#1f2937;text-align:left!important;padding-left:16px!important}.emp-detail-salary-total{font-weight:700;color:#3b82f6;background:#eff6ff}.emp-detail-salary-receipt-total{font-weight:700;color:#10b981;background:#f0fdf4}.emp-detail-tasks-list{display:flex;flex-direction:column;gap:8px}.emp-detail-task-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.emp-detail-task-info{flex:1;display:flex;flex-direction:column;gap:2px}.emp-detail-task-title{font-size:13px;font-weight:600;color:#1f2937;line-height:1.3}.emp-detail-task-due{font-size:11px;color:#6b7280;line-height:1.2}.emp-detail-empty-state{text-align:center;padding:20px;color:#9ca3af;font-size:13px}.emp-detail-finance-list{display:flex;flex-direction:column;gap:8px}.emp-detail-finance-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:13px}.emp-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0000001a}.emp-detail-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f3f4f6}@media(max-width:768px){.emp-detail-salary-table{font-size:10px}.emp-detail-salary-table th,.emp-detail-salary-table td{padding:6px}}.wo-container{min-height:100vh;background:#e8e7f0}.wo-main{display:flex;min-height:100vh}.wo-content{flex:1;padding:20px;transition:margin-left .3s ease}.wo-content.desktop-offset{margin-left:30px}.wo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.wo-title{font-size:28px;font-weight:700;color:#111827;margin:0}.wo-add-btn{background:#b4f2b2;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.wo-add-btn:hover{background:#b4f2b2;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.wo-layout{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.wo-categories-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:sticky;top:20px;max-height:calc(100vh - 140px);display:flex;flex-direction:column}.wo-panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e5e7eb;background:#b4f2b2}.wo-panel-title{font-size:18px;font-weight:700;color:#fff;margin:0}.wo-panel-add-btn{display:flex;align-items:center;gap:6px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.wo-panel-add-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.wo-left-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f9fafb}.wo-left-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.wo-left-tab:hover{color:#111827;background:#f3f4f6}.wo-left-tab.active{color:#b4f2b2;border-bottom-color:#3b82f6;background:#fff}.wo-cat-list{flex:1;overflow-y:auto;padding:12px}.wo-cat-card{margin-bottom:8px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;transition:all .2s}.wo-cat-card:hover{box-shadow:0 2px 8px #00000014}.wo-cat-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.wo-cat-header:hover{background:#f9fafb}.wo-cat-header.active{background:#f0f9ff;border-left-color:var(--cat-color, #b4f2b2)}.wo-cat-main{display:flex;align-items:center;gap:12px;flex:1}.wo-cat-icon{font-size:24px;line-height:1}.wo-cat-origin{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:9999px;border:1px solid transparent;background:#eef2ff;color:#4338ca}.wo-cat-origin--garage{background:#ecfdf5;color:#047857;border-color:#04785733}.wo-cat-origin--master{background:#eef2ff;color:#4338ca;border-color:#4338ca33}.wo-cat-name{font-size:14px;font-weight:600;color:#111827}.wo-subcat-count{background:#e5e7eb;color:#6b7280;font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;margin-left:8px}.wo-cat-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.wo-cat-header:hover .wo-cat-actions{opacity:1}.wo-cat-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.wo-cat-action-btn:hover{background:#b4f2b2;border-color:#b4f2b2;color:#fff}.wo-cat-action-add:hover{background:#b4f2b2;border-color:#b4f2b2}.wo-cat-action-delete:hover{background:#ef4444;border-color:#ef4444}.wo-subcat-list{background:#f9fafb;padding:8px 12px;border-top:1px solid #e5e7eb}.wo-subcat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:6px;margin-bottom:6px;border:1px solid #e5e7eb;transition:all .2s}.wo-subcat-item:last-child{margin-bottom:0}.wo-subcat-item:hover{box-shadow:0 1px 4px #00000014}.wo-subcat-main{display:flex;align-items:center;gap:10px}.wo-subcat-icon{font-size:18px}.wo-subcat-name{font-size:13px;font-weight:500;color:#374151}.wo-subcat-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.wo-subcat-item:hover .wo-subcat-actions{opacity:1}.wo-subcat-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.wo-subcat-action-btn:hover{background:#b4f2b2;border-color:#b4f2b2;color:#fff}.wo-subcat-action-delete:hover{background:#ef4444;border-color:#ef4444}.wo-add-subcat-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:#fff;border:1px dashed #d1d5db;border-radius:6px;margin-top:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.wo-add-subcat-btn:hover{background:#f9fafb;border-color:#b4f2b2;color:#b4f2b2}.wo-services-list{flex:1;overflow-y:auto;padding:12px}.wo-srv-card{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:10px;transition:all .2s}.wo-srv-card:hover{box-shadow:0 2px 8px #00000014;border-color:#b4f2b2}.wo-srv-main{display:flex;gap:12px;flex:1}.wo-srv-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#eff6ff;border-radius:8px;color:#b4f2b2;flex-shrink:0}.wo-srv-info{flex:1}.wo-srv-name{font-size:14px;font-weight:600;color:#111827;margin:0 0 8px}.wo-srv-category{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;margin-bottom:8px}.wo-srv-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.wo-srv-detail{display:flex;align-items:center;font-size:12px;color:#6b7280}.wo-srv-detail strong{margin-right:4px;color:#374151}.wo-srv-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s}.wo-srv-card:hover .wo-srv-actions{opacity:1}.wo-srv-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.wo-srv-edit-btn:hover{background:#b4f2b2;border-color:#b4f2b2;color:#fff}.wo-srv-delete-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.wo-empty-services{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:#9ca3af;text-align:center}.wo-empty-services p{margin-top:12px;font-size:14px}.wo-loading-small{display:flex;justify-content:center;align-items:center;padding:48px 20px;color:#b4f2b2}.wo-master-request{margin-top:20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0f172a14;overflow:hidden;display:flex;flex-direction:column}.wo-master-request-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;border-bottom:1px solid #f3f4f6;background:linear-gradient(180deg,#3b82f61f,#3b82f600)}.wo-master-request-header h4{font-size:14px;font-weight:700;color:#1f2937;margin:0 0 4px}.wo-master-request-hint{font-size:12px;color:#6b7280;margin:0}.wo-master-request-refresh{padding:6px 12px;background:#fff;border:1px solid #cbd5f5;border-radius:999px;font-size:12px;font-weight:600;color:#1d4ed8;cursor:pointer;transition:all .2s ease}.wo-master-request-refresh:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.wo-master-request-refresh:disabled{opacity:.6;cursor:not-allowed}.wo-master-request-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:16px}.wo-master-request-group{display:flex;flex-direction:column;gap:10px}.wo-master-request-group label{font-size:12px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.04em}.wo-master-request-row{display:flex;gap:10px}.wo-master-request-selects{display:flex;gap:10px;flex-wrap:wrap}.wo-master-request-input{flex:1;min-width:0;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font-size:13px;color:#111827;background:#f9fafb;transition:border-color .2s,box-shadow .2s}.wo-master-request-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background:#fff}.wo-master-request-input:disabled{background:#f3f4f6;cursor:not-allowed;color:#9ca3af}.wo-master-request-btn{padding:10px 16px;border-radius:10px;background:#2563eb;color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}.wo-master-request-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 14px #2563eb40}.wo-master-request-btn:disabled{opacity:.6;cursor:not-allowed}.wo-master-request-status{margin-top:4px;font-size:12px;color:#2563eb}.wo-orders-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;min-height:600px}.wo-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb;padding-bottom:0;background:#fff;border-radius:12px}.wo-tab{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;margin-bottom:-2px}.wo-tab:hover{color:#111827}.wo-tab.active{color:#b4f2b2;border-bottom-color:#b4f2b2}.wo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px 0}.wo-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);padding:14px;transition:all var(--duration-normal) var(--ease-standard);cursor:pointer}.wo-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:8px}.wo-card-customer{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:1.2}.wo-card-vehicle{font-size:13px;color:var(--color-text-secondary);margin:0 0 4px;line-height:1.3}.wo-card-body{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.wo-service-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-weight-medium);color:#fff;margin-bottom:4px;width:-moz-fit-content;width:fit-content}.wo-card-status-details{display:flex;flex-direction:column;gap:4px;font-size:12px;margin-top:4px}.wo-card-info{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--color-text-secondary)}.wo-info-item{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.wo-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.wo-view-btn{padding:6px 12px;background:#b4f2b2;color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.wo-view-btn:hover{background:#059669;transform:translateY(-1px)}.wo-view-btn:active{background:#047857;transform:translateY(0)}.wo-customer-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-medium);white-space:nowrap}.wo-customer-type-badge--chasi{background-color:rgba(var(--color-teal-500-rgb),.15);color:var(--color-teal-500);border:1px solid rgba(var(--color-teal-500-rgb),.25)}.wo-customer-type-badge--walkin{background-color:rgba(var(--color-orange-500-rgb),.15);color:var(--color-orange-500);border:1px solid rgba(var(--color-orange-500-rgb),.25)}.wo-progress-compact{margin-top:8px}.wo-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:11px}.wo-progress-track{width:100%;height:5px;background-color:var(--color-secondary);border-radius:var(--radius-full);overflow:hidden}.wo-status-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-medium);white-space:nowrap}.wo-service-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-weight-medium);color:#fff}.wo-card-status-details{display:flex;flex-direction:column;gap:5px;font-size:12px;margin-top:6px}.wo-status-detail{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.wo-status-label{color:#6b7280;font-weight:500}.wo-status-value{color:#111827;font-weight:600}.wo-payment-status{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.wo-walkin-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#fef3c7;color:#92400e;border-radius:6px;font-size:11px;font-weight:600;border:1px solid #fcd34d}.wo-progress-label{font-size:11px;color:#6b7280;margin-top:6px;text-align:right;font-weight:500}.wo-progress{margin-top:16px}.wo-progress-bar{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;position:relative}.wo-progress-fill{height:100%;background:linear-gradient(90deg,currentColor,currentColor);transition:width .4s ease,background-color .3s ease;border-radius:4px;position:relative}.wo-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.wo-card[data-status=pending]{border-left:3px solid #22c55e}.wo-card[data-status=quoted]{border-left:3px solid #8b5cf6}.wo-card[data-status=accepted]{border-left:3px solid #10b981}.wo-card[data-status=in-progress]{border-left:3px solid #f59e0b}.wo-card[data-status=completed]{border-left:3px solid #6b7280}.wo-card[data-status=rejected]{border-left:3px solid #ef4444}.wo-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.wo-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.wo-card:hover .wo-progress-fill{opacity:.9}@media(max-width:768px){.wo-card-header{flex-direction:column;align-items:flex-start;gap:10px}.wo-status-badge{align-self:flex-start}.wo-card-status-details{font-size:12px}}@media(max-width:480px){.wo-status-detail{flex-direction:column;align-items:flex-start;gap:4px}.wo-status-value{font-size:14px}}.wo-time-input-group{display:grid;grid-template-columns:2fr 1fr;gap:12px}.wo-time-display{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;font-size:12px;color:#0c4a6e;font-weight:500}.wo-time-display svg{color:#0284c7}.wo-form-select[name=timeUnit]{background-color:#f9fafb;font-weight:500}@media(max-width:768px){.wo-time-input-group{grid-template-columns:1fr}}.wo-search-container{position:relative;padding:12px;border-bottom:1px solid #e5e7eb;background:#fff}.wo-search-input{width:100%;padding:8px 32px 8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151;background:#fff;transition:all .2s;outline:none}.wo-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.wo-search-input::-moz-placeholder{color:#9ca3af}.wo-search-input::placeholder{color:#9ca3af}.wo-search-clear{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.wo-search-clear:hover{background:#f3f4f6;color:#374151}@media(max-width:1024px){.wo-content.desktop-offset{margin-left:0}.wo-layout{grid-template-columns:1fr}.wo-categories-panel{position:relative;top:0;max-height:none}.wo-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.wo-add-btn,.wo-panel-add-btn,.wo-cat-action-btn,.wo-subcat-action-btn,.wo-srv-action-btn,.wo-view-btn,.wo-btn-submit,.wo-btn-cancel,.wo-modal-close{min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent}.wo-content{padding:16px}.wo-header{flex-direction:column;align-items:stretch;gap:16px}.wo-title{font-size:24px}.wo-add-btn{width:100%;justify-content:center}.wo-panel-header{flex-direction:column;gap:12px;align-items:stretch}.wo-panel-add-btn{width:100%;justify-content:center}.wo-cat-header{flex-direction:column;align-items:flex-start;gap:12px}.wo-cat-actions{opacity:1!important;width:100%;justify-content:flex-end}.wo-subcat-item{flex-direction:column;align-items:flex-start;gap:12px}.wo-subcat-actions{opacity:1!important;width:100%;justify-content:flex-end}.wo-srv-card{flex-direction:column;gap:16px}.wo-srv-actions{opacity:1!important;width:100%;justify-content:flex-end}.wo-tabs{flex-direction:column;gap:4px;border-bottom:none}.wo-tab{border-bottom:none;border-left:2px solid transparent;text-align:left;padding:12px 16px;margin-bottom:0}.wo-tab.active{border-bottom-color:transparent;border-left-color:#b4f2b2;background:#eff6ff}.wo-grid{grid-template-columns:1fr}.wo-card-header{flex-direction:column;align-items:flex-start;gap:10px}.wo-status-badge{align-self:flex-start}.wo-status-detail{font-size:12px}.wo-modal-overlay{align-items:flex-end;padding:0}.wo-modal{max-width:100%;border-radius:16px 16px 0 0;margin:0;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wo-modal-actions{flex-direction:column;gap:12px}.wo-btn-cancel,.wo-btn-submit{width:100%}.wo-add-type-buttons,.wo-form-grid,.wo-time-input-group{grid-template-columns:1fr}.wo-cat-list,.wo-services-list,.wo-modal{-webkit-overflow-scrolling:touch}.wo-form-field input,.wo-form-field textarea,.wo-form-select,.wo-search-input,.wo-status-select{min-height:44px;font-size:16px}.wo-form-field textarea{min-height:100px}}@media(max-width:480px){.wo-content{padding:12px}.wo-title{font-size:20px}.wo-card,.wo-orders-panel{padding:16px}.wo-cat-header,.wo-subcat-item{padding:12px}.wo-cat-icon{font-size:22px}.wo-subcat-icon{font-size:18px}.wo-add-btn,.wo-panel-add-btn,.wo-view-btn{font-size:14px;padding:12px 16px}.wo-status-detail{flex-direction:column;align-items:flex-start;gap:4px}.wo-status-value{font-size:14px}.wo-modal-header,.wo-modal-body,.wo-modal-actions{padding:16px}.wo-modal-header h2,.wo-modal-header h3{font-size:18px}.wo-icon-picker{gap:8px}.wo-icon-option{width:44px;height:44px;font-size:22px}.wo-color-picker{gap:8px}.wo-color-option{width:40px;height:40px}}@media(max-width:768px)and (max-height:500px)and (orientation:landscape){.wo-modal{max-height:95vh}.wo-categories-panel{max-height:400px}.wo-cat-list,.wo-services-list{max-height:300px}}@media(hover:none)and (pointer:coarse){.wo-cat-actions,.wo-subcat-actions,.wo-srv-actions{opacity:1!important}button,.wo-cat-action-btn,.wo-subcat-action-btn,.wo-srv-action-btn,.wo-icon-option,.wo-color-option{min-width:44px;min-height:44px}.wo-add-btn:hover,.wo-view-btn:hover,.wo-btn-submit:hover{transform:none;box-shadow:none}.wo-add-btn:active,.wo-view-btn:active,.wo-btn-submit:active{transform:scale(.97)}.wo-cat-header,.wo-subcat-item,.wo-srv-card,.wo-tab,.wo-left-tab{-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media(min-resolution:192dpi){.wo-card,.wo-cat-card,.wo-srv-card,.wo-subcat-item{border-width:.5px}}@media(prefers-reduced-motion:reduce){.wo-modal,.wo-add-btn,.wo-view-btn,.wo-progress-fill{animation:none!important;transition:none!important}.wo-progress-fill:after{animation:none!important}}@supports (-webkit-touch-callout: none){.wo-form-field input,.wo-form-field textarea,.wo-form-select,.wo-search-input{font-size:16px!important}.wo-modal-overlay{position:fixed;overflow:hidden}.wo-modal{overscroll-behavior:contain}}.wo-orders-search-wrapper{margin-bottom:1.5rem;position:relative}.wo-orders-search-input{width:100%;padding:.875rem 3rem .875rem 1rem!important;font-size:.9375rem!important;border:1.5px solid #d1d5db!important;border-radius:8px!important;background-color:#fff!important;color:var(--color-text)!important;transition:all .2s ease!important;box-shadow:0 1px 3px #0000001a!important;font-family:var(--font-family-base)!important}.wo-orders-search-input:hover{border-color:#9ca3af!important;box-shadow:0 2px 4px #0000001f!important}.wo-orders-search-input:focus{outline:none!important;border-color:#21808d!important;box-shadow:0 0 0 3px #21808d1a,0 2px 4px #00000026!important}.wo-orders-search-input::-moz-placeholder{color:#9ca3af!important;font-weight:400!important}.wo-orders-search-input::placeholder{color:#9ca3af!important;font-weight:400!important}.wo-orders-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:#f3f4f6!important;border:1.5px solid #d1d5db!important;color:#6b7280!important;cursor:pointer;padding:.375rem!important;display:flex;align-items:center;justify-content:center;border-radius:6px!important;transition:all .2s ease!important}.wo-orders-search-clear:hover{background-color:#e5e7eb!important;border-color:#21808d!important;color:#21808d!important;transform:translateY(-50%) scale(1.05)}.wo-orders-search-clear:active{transform:translateY(-50%) scale(.95)}.wo-orders-results-count{margin-top:.625rem;padding:.5rem .75rem;font-size:.875rem;color:#21808d;font-weight:500;background-color:#21808d14;border-radius:6px;display:inline-block;border:1.5px solid rgba(33,128,141,.25)}@media(max-width:768px){.wo-orders-search-input{font-size:.875rem!important;padding:.75rem 2.75rem .75rem .875rem!important}.wo-orders-search-input::-moz-placeholder{font-size:.8125rem!important}.wo-orders-search-input::placeholder{font-size:.8125rem!important}.wo-orders-search-clear{right:.625rem;padding:.3125rem!important}}.wo-progress-compact{margin-top:.875rem;margin-bottom:.75rem}.wo-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.wo-progress-status{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wo-progress-percent{font-size:.875rem;font-weight:700;min-width:40px;text-align:right}.wo-progress-track{width:100%;height:8px;background-color:rgba(var(--color-brown-600-rgb),.1);border-radius:4px;overflow:hidden;position:relative;border:1px solid rgba(var(--color-brown-600-rgb),.12)}.wo-progress-indicator{height:100%;border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;min-width:2px}.wo-progress-indicator:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.wo-progress-status{font-size:.75rem}.wo-progress-percent{font-size:.8125rem;min-width:35px}.wo-progress-track{height:6px}}.wo-accident-indicator{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:4px 8px;font-size:10px;font-weight:700;text-align:center;border-radius:4px;box-shadow:0 2px 4px #dc262666;border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-left:8px;flex-shrink:0}.wo-card{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);padding:14px;transition:all var(--duration-normal) var(--ease-standard);cursor:pointer;overflow:hidden}.wo-roadside-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:.75rem;font-weight:700;border-radius:999px;border:1.5px solid #f59e0b;white-space:nowrap;animation:pulse-roadside 2s ease-in-out infinite}@keyframes pulse-roadside{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b00}}.wo-roadside-indicator-static{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:.75rem;font-weight:700;border-radius:999px;border:1.5px solid #f59e0b;white-space:nowrap}@media(max-width:640px){.wo-roadside-indicator{font-size:.6875rem;padding:.1875rem .625rem}}.wo-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.wo-modal{display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .25s ease-out}.wo-modal-compact{max-width:550px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#fff;border-radius:12px 12px 0 0;flex-shrink:0}.wo-modal-header h2,.wo-modal-header h3{font-size:18px;font-weight:700;color:#22c55e;margin:0;line-height:1.3}.wo-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s;flex-shrink:0;padding:4px}.wo-modal-close:hover{background:#f3f4f6}.wo-modal-body{overflow-y:auto;flex:1;padding:20px;min-height:0;max-height:calc(90vh - 140px)}.wo-modal-body::-webkit-scrollbar{display:none}.wo-modal-actions{position:sticky;bottom:0;background:#fff;padding:15px 20px;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;flex-shrink:0}.wo-btn-cancel,.wo-btn-submit{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.wo-btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.wo-btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.wo-btn-submit{background:#22c55e;color:#fff;min-width:120px;justify-content:center}.wo-btn-submit:hover:not(:disabled){background:#16a34a}.wo-btn-submit:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af}.wo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wo-form-field{display:flex;flex-direction:column;gap:8px}.wo-form-field.full-width{grid-column:1 / -1}.wo-form-field label{display:block;margin-bottom:6px;font-weight:600;font-size:13px;color:#374151}.wo-form-field input,.wo-form-field textarea,.wo-form-select{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;transition:all .2s;font-family:inherit;outline:none}.wo-form-field input:focus,.wo-form-field textarea:focus,.wo-form-select:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.wo-form-field input::-moz-placeholder,.wo-form-field textarea::-moz-placeholder{color:#9ca3af}.wo-form-field input::placeholder,.wo-form-field textarea::placeholder{color:#9ca3af}.wo-form-field textarea{resize:vertical;min-height:80px}.wo-input-group{display:flex;align-items:stretch;gap:8px}.wo-toggle-btn{padding:0 12px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;color:#374151;cursor:pointer;transition:all .2s}.wo-toggle-btn:hover{background:#f3f4f6}.wo-suggest-menu{position:absolute;top:100%;left:0;z-index:30;width:100%;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:6px;box-shadow:0 10px 40px #0000001a,0 2px 8px #0000000f}.wo-suggest-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(to bottom,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb}.wo-suggest-header .wo-title{font-size:12px;font-weight:600;color:#475569;letter-spacing:.05em;text-transform:uppercase}.wo-count-badge{font-size:11px;font-weight:600;color:#fff;background:#16a34a;padding:2px 8px;border-radius:12px}.wo-suggest-item{padding:10px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;border-bottom:1px solid #f3f4f6;background:#fff;transition:all .15s ease}.wo-suggest-item:hover{background:#f9fafb}.wo-suggest-item.selected{background:#f0fdf4}.wo-suggest-footer{position:sticky;bottom:0;display:flex;gap:8px;padding:10px 14px;background:#f9fafb;border-top:2px solid #e5e7eb}.wo-suggest-select-all{font-size:12px;font-weight:600;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.wo-suggest-select-all:hover{background:#dcfce7;border-color:#86efac}.wo-suggest-clear{font-size:12px;font-weight:600;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.wo-suggest-clear:hover{background:#fee2e2;border-color:#fca5a5}.wo-link-button{background:none;border:none;color:#22c55e;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;border-radius:4px;padding:4px 8px;transition:background .2s,color .2s}.wo-link-button:hover{background:#ecfdf5;color:#16a34a}.wo-icon-picker{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.wo-icon-option{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:24px;cursor:pointer;transition:all .2s}.wo-icon-option:hover{border-color:#22c55e;background:#f0fdf4;transform:scale(1.05)}.wo-icon-option.active{border-color:#22c55e;background:#f0fdf4;box-shadow:0 0 0 3px #22c55e33;transform:scale(1.08)}.wo-color-picker{display:flex;flex-wrap:wrap;gap:10px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.wo-color-option{width:44px;height:44px;border:3px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s;position:relative}.wo-color-option:after{content:"";position:absolute;inset:-6px;border:2px solid transparent;border-radius:12px;transition:all .2s}.wo-color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.wo-color-option.active{border-color:#fff;transform:scale(1.15);box-shadow:0 4px 16px #0003}.wo-color-option.active:after{border-color:#111827}.wo-time-display{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#eff6ff;border:1px solid #bae6fd;border-radius:8px;font-size:13px;color:#0c4a6e;font-weight:500}.wo-time-display svg{color:#0284c7;flex-shrink:0}.wo-time-display span{line-height:1.4}.wo-add-type-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a;animation:modalSlideIn .3s ease-out}.wo-add-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}.wo-add-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:36px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:600;color:#374151;position:relative;overflow:hidden}.wo-add-type-btn:before{content:"";position:absolute;inset:0;background:#3b82f60d;opacity:0;transition:opacity .3s}.wo-add-type-btn:hover:before{opacity:1}.wo-add-type-btn:hover{border-color:#22c55e;color:#22c55e;transform:translateY(-3px);box-shadow:0 8px 20px #22c55e40}.wo-add-type-icon{font-size:52px;line-height:1;transition:transform .3s}.wo-add-type-btn:hover .wo-add-type-icon{transform:scale(1.1)}@media(max-width:768px){.wo-modal-overlay{padding:0;align-items:flex-end}.wo-modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;margin:0;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.wo-modal-header{padding:20px}.wo-modal-header h2,.wo-modal-header h3{font-size:18px}.wo-modal-body{padding:20px}.wo-modal-actions{padding:16px 20px;flex-direction:column-reverse}.wo-btn-cancel,.wo-btn-submit{width:100%;justify-content:center}.wo-form-grid{grid-template-columns:1fr;gap:16px}.wo-icon-picker,.wo-color-picker{padding:10px;gap:8px}.wo-icon-option{width:44px;height:44px;font-size:22px}.wo-color-option{width:40px;height:40px}.wo-add-type-buttons{grid-template-columns:1fr;gap:12px;padding:20px}.wo-add-type-btn{padding:28px 20px}.wo-add-type-icon{font-size:46px}}@media(max-width:480px){.wo-modal-header{padding:16px}.wo-modal-header h2,.wo-modal-header h3{font-size:16px}.wo-modal-close{width:32px;height:32px}.wo-modal-body{padding:16px}.wo-modal-actions{padding:12px 16px}.wo-btn-cancel,.wo-btn-submit{padding:12px 20px;font-size:13px}.wo-form-field label{font-size:12px}.wo-form-field input,.wo-form-field textarea,.wo-form-select{padding:9px 12px;font-size:13px}.wo-icon-picker,.wo-color-picker{padding:8px;gap:6px}.wo-icon-option{width:40px;height:40px;font-size:20px}.wo-color-option{width:36px;height:36px}.wo-time-display{padding:10px 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.wo-modal-overlay,.wo-modal,.wo-add-type-modal,.wo-modal-close,.wo-icon-option,.wo-color-option,.wo-add-type-btn{animation:none;transition:none}}.wo-modal-close:focus-visible,.wo-btn-cancel:focus-visible,.wo-btn-submit:focus-visible,.wo-icon-option:focus-visible,.wo-color-option:focus-visible,.wo-add-type-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media print{.wo-modal-overlay,.wo-add-type-modal{display:none!important}}.ms-combobox{position:relative;display:flex;flex-direction:column;gap:8px}.ms-label{font-weight:600;color:#1f2937;font-size:14px}.ms-helper{font-size:12px;color:#6b7280;line-height:1.5}.ms-trigger{position:relative;display:flex;align-items:center;min-height:50px;border:1px solid #d8dee6;border-radius:10px;padding:10px 16px;background:#fff;cursor:text;transition:border-color .2s,box-shadow .2s,background .2s}.ms-trigger.open{border-color:#16a34a;box-shadow:0 14px 34px #0f172a24}.ms-trigger.disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.ms-trigger:hover:not(.open):not(.disabled),.ms-trigger:focus-within:not(.open):not(.disabled){border-color:#a7f3d0;box-shadow:0 8px 22px #0f172a1c;background:#fbfefc}.ms-tags{display:flex;flex-wrap:wrap;gap:8px;flex:1;align-items:center;min-height:28px}.ms-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;background:#eefbf3;color:#15803d;font-size:12px;font-weight:600;border:1px solid #c6f6d5;transition:border-color .2s,background .2s;line-height:1}.ms-tag-overflow{background:#e3f7ee;color:#166534;border:1px solid #c6f6d5}.ms-tag-remove{border:none;background:transparent;padding:0;display:flex;align-items:center;color:#16a34a;cursor:pointer;transition:color .2s}.ms-tag-remove:hover{color:#15803d}.ms-tag-remove:focus-visible{outline:2px solid rgba(34,197,94,.35);outline-offset:2px}.ms-input{border:none;outline:none;flex:1;min-width:160px;font-size:14px;font-family:inherit;background:transparent;caret-color:#16a34a}.ms-input::-moz-placeholder{color:#9ca3af}.ms-input::placeholder{color:#9ca3af}.ms-caret{color:#475569;transition:transform .2s}.ms-caret.open{transform:rotate(-180deg)}.ms-panel{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d8f5e4;border-radius:12px;box-shadow:0 22px 48px #0f172a29;z-index:50;display:flex;flex-direction:column;overflow:hidden;animation:ms-panel-in .16s ease-out}.ms-options{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;padding:6px 0}.ms-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px 18px;background:transparent;border:none;font-size:14px;color:#1f2937;text-align:left;cursor:pointer;transition:background .15s,color .15s,border-left-color .15s;border-left:3px solid transparent}.ms-option:hover,.ms-option.active{background:#f3fbf6}.ms-option.selected{background:#e8fcef;color:#166534;font-weight:600;border-left-color:#16a34a}.ms-option-label{flex:1}.ms-checkbox{width:18px;height:18px;border-radius:6px;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;transition:all .2s}.ms-checkbox.checked{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a;box-shadow:0 6px 16px #22c55e40}.ms-checkbox.ghost{border-style:dashed;color:#16a34a}.ms-empty{padding:18px;text-align:center;color:#64748b;font-size:13px;font-weight:500}.ms-add-option,.ms-add-option-row{color:#15803d;font-weight:600;gap:8px;display:inline-flex;align-items:center;transition:color .2s,transform .2s}.ms-add-option:hover,.ms-add-option-row:hover{color:#166534;transform:translate(2px)}.ms-trigger.disabled .ms-tag-remove,.ms-trigger.disabled .ms-input{pointer-events:none}.ms-options::-webkit-scrollbar{width:6px}.ms-options::-webkit-scrollbar-thumb{background:#22c55e59;border-radius:999px}.ms-options::-webkit-scrollbar-track{background:#f0fdf4cc}@keyframes ms-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.ms-trigger{min-height:52px;padding:8px 12px}.ms-option{padding:14px}}.sps-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-top:24px;margin-bottom:24px}.sps-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:2px solid #e5e7eb;background:#f9fafb}.sps-header-left{display:flex;align-items:center;gap:.75rem;color:#374151}.sps-title{font-size:.9375rem;font-weight:700;color:#111827;margin:0;text-transform:uppercase;letter-spacing:.025em}.sps-status{display:flex;align-items:center}.sps-status-success,.sps-status-warning{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:600}.sps-status-success{background:#d1fae5;color:#065f46}.sps-status-warning{background:#fef3c7;color:#92400e}.sps-content{padding:1.5rem}.sps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.sps-photo-item{position:relative;aspect-ratio:4/3;border-radius:.5rem;overflow:hidden;border:2px solid #e5e7eb;background:#f9fafb}.sps-photo-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sps-delete-btn{position:absolute;top:.375rem;right:.375rem;padding:.375rem;background:#ef4444f2;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.sps-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.sps-required-badge{position:absolute;bottom:.375rem;left:.375rem;padding:.25rem .5rem;background:#3b82f6f2;color:#fff;font-size:.6875rem;font-weight:700;border-radius:.25rem;text-transform:uppercase}.sps-upload-box{aspect-ratio:4/3;border:2px dashed #d1d5db;border-radius:.5rem;background:#fafbfc;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;color:#6b7280}.sps-upload-box:hover{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.sps-upload-box span{font-size:.875rem;font-weight:600}.sps-upload-hint{font-size:.75rem!important;font-weight:400!important;color:#9ca3af!important}.sps-warning{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;color:#92400e}.sps-warning p{margin:0;font-size:.875rem;font-weight:500}.sps-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#6b7280}@media(max-width:768px){.sps-header{flex-direction:column;align-items:flex-start;gap:.75rem}.sps-grid{grid-template-columns:repeat(2,1fr)}.sps-content{padding:1rem}}@media(max-width:480px){.sps-grid{grid-template-columns:1fr}}.sps-status-readonly{display:flex;align-items:center;gap:4px;padding:4px 12px;background:#f3f4f6;color:#6b7280;border-radius:999px;font-size:12px;font-weight:600}.sps-no-photos{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;text-align:center}.sps-no-photos svg{margin-bottom:12px;opacity:.5}.sps-no-photos p{margin:0;font-size:14px;color:#6b7280}.qbs-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:1.5rem;overflow:hidden}.qbs-status-bar{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:2px solid;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.qbs-walkin-badge{margin-left:auto;padding:.25rem .75rem;background:#f59e0b;color:#fff;font-size:.75rem;font-weight:600;border-radius:.375rem}.qbs-header{padding:1rem 1.5rem;border-bottom:2px solid #e5e7eb;background:#dbeafe;display:flex;align-items:center;justify-content:space-between}.qbs-title{font-size:.9375rem;font-weight:700;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.025em}.qbs-completed-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:#10b981;color:#fff;font-size:.75rem;font-weight:600;border-radius:.375rem;margin-left:.75rem}.qbs-header-actions{display:flex;gap:.75rem}.qbs-btn-download{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;background:#fff;color:#374151}.qbs-btn-download:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.qbs-payment-section{padding:1.5rem;background:#f9fafb;border-bottom:2px solid #e5e7eb}.qbs-payment-section-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.025em}.qbs-payment-controls{display:flex;flex-direction:column;gap:1.25rem}.qbs-payment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.qbs-payment-option{display:flex;align-items:center;padding:1rem;background:#fff;border:2px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:all .2s}.qbs-payment-option:hover{border-color:#4169e1;background:#eff6ff}.qbs-payment-option.active{border-color:#10b981;background:#d1fae5}.qbs-payment-option input[type=radio]{margin-right:.75rem;width:20px;height:20px;cursor:pointer}.qbs-payment-label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#374151;flex:1}.qbs-partial-payment-input{padding:1rem;background:#fef3c7;border:2px solid #f59e0b;border-radius:.5rem}.qbs-partial-payment-input label{display:block;font-size:.875rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.qbs-amount-input-wrapper{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.qbs-amount-input{flex:1;padding:.75rem;border:2px solid #f59e0b;border-radius:.5rem;font-size:1.125rem;font-weight:600;color:#111827}.qbs-amount-input:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #f59e0b1a}.qbs-amount-total{font-size:.9375rem;font-weight:600;color:#6b7280;white-space:nowrap}.qbs-remaining-amount{font-size:.875rem;color:#92400e;font-weight:500}.qbs-remaining-amount strong{font-weight:700;color:#78350f}.qbs-payment-method label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.qbs-payment-method-select{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;font-weight:600;color:#111827;background:#fff;cursor:pointer}.qbs-payment-method-select:focus{outline:none;border-color:#4169e1;box-shadow:0 0 0 3px #4169e11a}.qbs-payment-complete,.qbs-payment-partial{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.qbs-payment-complete{background:#d1fae5;border:2px solid #10b981;color:#065f46}.qbs-payment-complete svg{color:#10b981;flex-shrink:0}.qbs-payment-partial{background:#fef3c7;border:2px solid #f59e0b;color:#92400e}.qbs-payment-partial svg{color:#f59e0b;flex-shrink:0}.qbs-quote-content{padding:1.5rem}.qbs-info-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.qbs-info-header h4{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.qbs-info-header p{font-size:.8125rem;color:#6b7280;margin:0}.qbs-services-section,.qbs-spareParts-section{margin-bottom:1.5rem}.qbs-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.qbs-section-header h4{font-size:.875rem;font-weight:700;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.025em}.qbs-table-wrapper{position:relative}.qbs-services-table{width:100%;border-collapse:collapse;font-size:.8125rem}.qbs-services-table thead{background:#3b82f6}.qbs-services-table th{padding:.75rem .5rem;text-align:left;font-weight:700;color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em}.qbs-services-table tbody tr{background:#ede9fe;border-bottom:1px solid #e5e7eb}.qbs-services-table tbody tr:last-child{border-bottom:none}.qbs-services-table td{padding:.75rem .5rem;vertical-align:middle}.qbs-table-input{width:100%;padding:.5rem .625rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;color:#111827;background:#fff;transition:all .2s}.qbs-table-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.qbs-input-compact{text-align:center;padding:.5rem .375rem}.qbs-search-dropdown,.qbs-search-input-wrapper{position:relative}.qbs-search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.qbs-search-input-wrapper .qbs-table-input{padding-left:2rem}.qbs-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1000}.qbs-dropdown-item{padding:.75rem;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .15s}.qbs-dropdown-item:hover{background:#f9fafb}.qbs-dropdown-item:last-child{border-bottom:none}.qbs-dropdown-item-main{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem}.qbs-dropdown-item-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#6b7280;margin-left:1.5rem}.qbs-dropdown-hours{display:flex;align-items:center;gap:.25rem}.qbs-dropdown-stock{padding:.125rem .375rem;background:#dbeafe;color:#1e40af;border-radius:.25rem;font-weight:600}.qbs-dropdown-empty{padding:1rem;text-align:center;color:#9ca3af;font-size:.8125rem}.qbs-employee-selector-wrapper{position:relative}.qbs-employee-trigger{padding:.5rem .625rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;display:flex;align-items:center;justify-content:space-between;transition:all .2s;min-height:38px}.qbs-employee-trigger:hover{border-color:#3b82f6}.qbs-selected-employees{display:flex;align-items:center;gap:.5rem;flex:1}.qbs-employee-count{font-size:.8125rem;font-weight:600;color:#10b981}.qbs-employee-badges{display:flex;gap:.25rem;flex-wrap:wrap}.qbs-employee-badge{padding:.125rem .5rem;background:#dbeafe;color:#1e40af;border-radius:.25rem;font-size:.75rem;font-weight:600}.qbs-employee-placeholder{font-size:.8125rem;color:#9ca3af}.qbs-dropdown-icon{color:#6b7280;flex-shrink:0}.qbs-employee-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:280px;overflow:hidden;display:flex;flex-direction:column}.qbs-employee-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;font-size:.8125rem;font-weight:600;color:#374151}.qbs-clear-btn{padding:.25rem .5rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.25rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.qbs-clear-btn:hover{background:#fecaca}.qbs-employee-list{overflow-y:auto;max-height:220px}.qbs-employee-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .15s}.qbs-employee-item:hover{background:#f9fafb}.qbs-employee-item.selected{background:#eff6ff}.qbs-employee-item:last-child{border-bottom:none}.qbs-employee-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.qbs-employee-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.qbs-employee-name{font-size:.8125rem;font-weight:600;color:#111827}.qbs-employee-meta{font-size:.75rem;color:#6b7280}.qbs-btn-delete{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:.375rem;cursor:pointer;transition:all .2s}.qbs-btn-delete:hover{background:#fecaca;border-color:#dc2626;transform:scale(1.05)}.qbs-btn-add-row{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.75rem}.qbs-btn-add-row:hover{background:#059669;transform:translateY(-1px)}.qbs-notes-section{margin-bottom:1.5rem}.qbs-notes-section h4{font-size:.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.qbs-notes-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;color:#111827;background:#f9fafb;resize:vertical;transition:all .2s}.qbs-notes-textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.qbs-vat-section{margin-bottom:1.5rem;padding:1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem}.qbs-vat-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer}.qbs-vat-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#10b981}.qbs-vat-checkbox span{font-size:.9375rem;font-weight:600;color:#166534}.qbs-totals{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1.5rem}.qbs-total-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.8125rem;color:#6b7280;border-bottom:1px solid #e5e7eb}.qbs-total-row:last-child{border-bottom:none}.qbs-total-row.qbs-grand{font-size:.9375rem;font-weight:700;color:#10b981;padding-top:.5rem;margin-top:.25rem;border-top:2px solid #d1d5db}.qbs-total-row span:last-child{font-weight:700;color:#000}.qbs-total-row.qbs-grand span:last-child{color:#10b981;font-size:1.125rem}.qbs-btn-submit{width:100%;padding:.875rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.625rem;transition:all .2s;box-shadow:0 4px 12px #3b82f640;margin-top:1rem}.qbs-btn-submit:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.qbs-btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.qbs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem;color:#6b7280}.qbs-loading svg{color:#3b82f6}.qbs-printable{background:#fff;max-width:210mm;margin:0 auto;padding:15mm;font-family:Courier New,Courier,monospace;line-height:1.4}.qbs-invoice-header{text-align:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #000}.qbs-invoice-logo{max-width:80px;max-height:60px;margin-bottom:8px;-o-object-fit:contain;object-fit:contain}.qbs-invoice-garage-name{font-size:1.25rem;font-weight:700;margin:8px 0;text-transform:uppercase;letter-spacing:1px;color:#000}.qbs-invoice-garage-info{font-size:.7rem;line-height:1.3;color:#333}.qbs-invoice-garage-info p{margin:2px 0}.qbs-invoice-details{font-size:.75rem;margin-bottom:15px}.qbs-invoice-details h3{font-size:1rem;font-weight:700;text-align:center;margin:10px 0;text-transform:uppercase;letter-spacing:1px}.qbs-invoice-row{display:grid;grid-template-columns:110px 1fr;padding:3px 0;border-bottom:1px dotted #ddd;gap:8px}.qbs-invoice-row span:first-child{color:#666;text-align:left}.qbs-invoice-row strong{text-align:left;color:#000;font-weight:700}.qbs-invoice-section-title{font-size:.875rem;font-weight:700;text-transform:uppercase;margin:15px 0 8px;color:#000;border-bottom:1px solid #000;padding-bottom:4px}.qbs-invoice-table{width:100%;border-collapse:collapse;font-size:.7rem;margin:10px 0;background:#fff}.qbs-invoice-table th{border-top:1px solid #000;border-bottom:1px solid #000;padding:6px 4px;text-align:left;font-weight:700;text-transform:uppercase;font-size:.65rem;background:#fff;color:#000}.qbs-invoice-table td{padding:5px 4px;border-bottom:1px dotted #ddd;background:#fff;color:#000}.qbs-invoice-table tbody tr:last-child td{border-bottom:1px solid #000}.qbs-invoice-center{text-align:center;color:#000}.qbs-invoice-right{text-align:right;color:#000;font-weight:700}.qbs-invoice-totals{margin:15px 0;font-size:.8rem;border-top:2px solid #000;padding-top:8px}.qbs-invoice-total-row{display:flex;justify-content:space-between;padding:3px 0;color:#000}.qbs-invoice-total-row.qbs-invoice-grand{font-weight:700;font-size:1rem;padding-top:6px;border-top:1px solid #000;margin-top:6px}.qbs-invoice-footer{text-align:center;margin-top:20px;padding-top:12px;border-top:2px solid #000;font-size:.7rem}.qbs-invoice-footer p{margin:4px 0;color:#000}.qbs-invoice-notice{font-size:.65rem;color:#666;font-style:italic;margin-top:8px}@media print{.qbs-status-bar,.qbs-header,.qbs-payment-section,.qbs-quote-content,.no-print{display:none!important}.qbs-printable{display:block!important;padding:0;margin:0;max-width:100%;background:#fff!important}*{background:#fff!important}.qbs-invoice-table,.qbs-invoice-table th,.qbs-invoice-table td{color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:10mm}body,html{margin:0!important;padding:0!important;background:#fff!important}a[href]:after{content:none!important}.qbs-invoice-table,.qbs-invoice-footer{page-break-inside:avoid}.qbs-invoice-footer~*{display:none!important}}@media(max-width:992px){.qbs-payment-options{grid-template-columns:1fr}.qbs-services-table{font-size:.75rem}.qbs-services-table th,.qbs-services-table td{padding:.625rem .375rem}}@media(max-width:768px){.qbs-header{flex-direction:column;gap:.75rem;align-items:flex-start;padding:.875rem 1rem}.qbs-header-actions{width:100%}.qbs-btn-download{width:100%;justify-content:center}.qbs-quote-content,.qbs-payment-section{padding:1rem}.qbs-status-bar{padding:.875rem 1rem;font-size:.75rem}.qbs-completed-badge{margin-left:0;margin-top:.5rem}.qbs-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.qbs-services-table{min-width:800px}.qbs-employee-badges{flex-direction:column}.qbs-dropdown-menu{max-height:200px}.qbs-employee-dropdown{max-height:220px}.qbs-totals{padding:.5rem .75rem}.qbs-total-row{font-size:.75rem}.qbs-total-row.qbs-grand{font-size:.875rem}.qbs-total-row.qbs-grand span:last-child{font-size:1rem}}@media(max-width:480px){.qbs-quote-content{padding:.75rem}.qbs-info-header h4{font-size:.9375rem}.qbs-info-header p{font-size:.75rem}.qbs-section-header h4{font-size:.8125rem}.qbs-services-table{font-size:.6875rem;min-width:700px}.qbs-table-input{font-size:.75rem;padding:.375rem .5rem}.qbs-btn-add-row{width:100%;justify-content:center}.qbs-notes-textarea{font-size:.8125rem}.qbs-vat-checkbox{font-size:.875rem}.qbs-btn-submit{padding:.75rem;font-size:.875rem}.qbs-dropdown-item{padding:.5rem}.qbs-dropdown-item-main{font-size:.8125rem}.qbs-dropdown-item-meta{font-size:.6875rem}.qbs-employee-item{padding:.5rem}.qbs-employee-name{font-size:.75rem}.qbs-employee-meta{font-size:.6875rem}}.qbs-dropdown-menu::-webkit-scrollbar,.qbs-employee-list::-webkit-scrollbar{width:6px}.qbs-dropdown-menu::-webkit-scrollbar-track,.qbs-employee-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.qbs-dropdown-menu::-webkit-scrollbar-thumb,.qbs-employee-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.qbs-dropdown-menu::-webkit-scrollbar-thumb:hover,.qbs-employee-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.qbs-table-input:focus-visible,.qbs-notes-textarea:focus-visible,.qbs-btn-submit:focus-visible,.qbs-btn-add-row:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.qbs-employee-item input[type=checkbox]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.qbs-dropdown-menu,.qbs-employee-dropdown{animation:slideDown .2s ease-out}.qbs-no-data{text-align:center;padding:2rem;color:#9ca3af;font-size:.875rem;background:#f9fafb;border-radius:.5rem;border:1px dashed #d1d5db}@media(prefers-color-scheme:dark){.qbs-printable,.qbs-printable *{background:#fff!important;color:#000!important}}@media(prefers-contrast:high){.qbs-table-input,.qbs-notes-textarea,.qbs-btn-submit,.qbs-btn-add-row,.qbs-btn-delete,.qbs-dropdown-menu,.qbs-employee-dropdown{border-width:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-spin{animation:none}}.qbs-loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}.qbs-input-error{border-color:#dc2626!important}.qbs-error-message{color:#dc2626;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.qbs-input-success{border-color:#10b981!important}.qbs-success-message{color:#10b981;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.qbs-generate-bill-section{margin-top:2rem;padding:1.5rem;background:#f0fdf4;border:2px solid #10b981;border-radius:12px}.qbs-alert{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.qbs-alert-success{color:#065f46}.qbs-alert strong{display:block;margin-bottom:.25rem;font-size:1rem}.qbs-alert p{font-size:.875rem;margin:0}.qbs-btn-generate-bill{width:100%;padding:1rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.qbs-btn-generate-bill:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.qbs-send-bill-section{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:12px;box-shadow:0 2px 8px #10b9811a}.qbs-send-bill-section .qbs-alert{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;color:#065f46}.qbs-send-bill-section .qbs-alert-info{color:#1e40af;background:#dbeafe;border-left:4px solid #3b82f6;padding:1rem;border-radius:8px}.qbs-send-bill-section .qbs-alert strong{display:block;font-size:1rem;font-weight:700;margin-bottom:.25rem}.qbs-send-bill-section .qbs-alert p{font-size:.875rem;margin:0;opacity:.9}.qbs-btn-generate-bill,.qbs-btn-send-bill{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.qbs-btn-send-bill{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.qbs-btn-generate-bill:hover,.qbs-btn-send-bill:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.qbs-btn-send-bill:hover{box-shadow:0 6px 16px #3b82f666}.qbs-btn-generate-bill:disabled,.qbs-btn-send-bill:disabled{opacity:.6;cursor:not-allowed;transform:none}.qbs-btn-generate-bill svg,.qbs-btn-send-bill svg{flex-shrink:0}.qbs-invoice-section{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;box-shadow:0 2px 8px #f59e0b1a}.qbs-invoice-section .qbs-alert{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;color:#92400e;background:#fff;padding:1rem;border-radius:8px;border-left:4px solid #f59e0b}.qbs-invoice-section .qbs-alert strong{display:block;font-size:1rem;font-weight:700;margin-bottom:.25rem}.qbs-invoice-section .qbs-alert p{font-size:.875rem;margin:0;opacity:.9}.qbs-btn-download-invoice{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 12px #f59e0b4d}.qbs-btn-download-invoice:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.qbs-btn-download-invoice svg{flex-shrink:0}.qbs-send-bill-section,.qbs-invoice-section{animation:slideIn .3s ease-out}.qbs-btn-add-modal{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f64d}.qbs-btn-add-modal:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.qbs-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.qbs-section-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.qbs-platform-fee{border-top:1px dashed #e2e8f0;border-bottom:1px dashed #e2e8f0;padding:12px 0!important;margin:8px 0}.qbs-platform-fee span:first-child{display:flex;align-items:center;gap:10px}.qbs-fee-badge{display:inline-flex;align-items:center;padding:2px 10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;border-radius:12px;text-transform:uppercase;box-shadow:0 2px 4px #10b9814d;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{box-shadow:0 2px 4px #10b9814d}50%{box-shadow:0 2px 8px #10b98180}}.qbs-fee-value{color:#10b981;font-weight:600;text-decoration:line-through;opacity:.6}.qbs-actions{margin-top:24px;padding-top:24px;border-top:2px solid #e2e8f0}.qbs-split-buttons{display:flex;gap:12px;width:100%}.qbs-btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #3b82f633}.qbs-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.qbs-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.qbs-btn-send{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #10b98133}.qbs-btn-send:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.qbs-btn-send:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:640px){.qbs-split-buttons{flex-direction:column}.qbs-btn-half{width:100%}}.qbs-final-bill-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.qbs-btn-download-pdf{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#1e293b;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.qbs-btn-download-pdf:hover{background:#f8fafc;border-color:#94a3b8}.qbs-split-buttons{display:flex;gap:1rem;align-items:center}.qbs-btn-half{flex:1;min-width:0}.qbs-btn-submit,.qbs-btn-send{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;cursor:pointer;border:none}.qbs-btn-send{background:#10b981;color:#fff}.qbs-btn-send:hover:not(:disabled){background:#059669}.qbs-btn-submit:disabled,.qbs-btn-send:disabled{opacity:.5;cursor:not-allowed}.qbs-advance-payment-section{margin:1.5rem 0;padding:1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:.75rem}.qbs-advance-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9375rem;font-weight:600;color:#065f46}.qbs-advance-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#10b981}.qbs-advance-input-group{margin-top:1rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #d1fae5}.qbs-advance-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.qbs-advance-input{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;font-weight:600;color:#1f2937;transition:all .2s}.qbs-advance-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.qbs-advance-helper{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.qbs-advance-helper span{font-size:.875rem;color:#6b7280;font-weight:600}.qbs-btn-percentage{padding:.375rem .75rem;background:#10b981;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.qbs-btn-percentage:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.qbs-btn-percentage:active{transform:translateY(0)}.qbs-advance-input:invalid:focus{box-shadow:0 0 0 3px #ef44441a}.qbs-divider{height:1px;background:linear-gradient(90deg,transparent,#e5e7eb 20%,#e5e7eb 80%,transparent);margin:.75rem 0}.qbs-advance-deduction{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:.75rem 1rem!important;border-radius:.375rem;border:1px solid #fbbf24}.qbs-advance-deduction span{color:#92400e;font-weight:600}.qbs-advance-icon{margin-right:.5rem;font-size:1.125rem}.qbs-advance-amount{color:#b45309!important;font-weight:700!important}.qbs-balance-due{background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:.875rem 1rem!important;border-radius:.375rem;border:2px solid #3b82f6;margin-top:.5rem}.qbs-balance-due span{color:#1e40af;font-weight:700;font-size:1.0625rem}.qbs-advance-payment-section{margin:1rem 0;padding:.875rem 1rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.qbs-advance-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;color:#065f46;white-space:nowrap}.qbs-advance-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#10b981;flex-shrink:0}.qbs-advance-checkbox span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.qbs-advance-input-wrapper{display:flex;align-items:center;gap:.75rem;flex:1;min-width:250px}.qbs-advance-input{flex:1;padding:.5rem .75rem;border:1.5px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:600;color:#1f2937;background:#fff;transition:all .2s}.qbs-advance-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.qbs-advance-input::-moz-placeholder{color:#9ca3af;font-weight:500}.qbs-advance-input::placeholder{color:#9ca3af;font-weight:500}.qbs-remaining-badge{display:inline-flex;align-items:center;font-size:.8125rem;color:#065f46;font-weight:700;padding:.375rem .75rem;background:#fff;border:1px solid #bbf7d0;border-radius:.375rem;white-space:nowrap}.qbs-advance-input:invalid{border-color:#ef4444}.qbs-advance-input:invalid:focus{box-shadow:0 0 0 2px #ef44441a}@media(max-width:768px){.qbs-advance-payment-section{flex-direction:column;align-items:stretch}.qbs-advance-input-wrapper{flex-direction:column;align-items:stretch;min-width:100%}.qbs-remaining-badge{text-align:center}}.sed-negotiation-thread{display:flex;flex-direction:column;gap:.75rem;max-height:350px;overflow-y:auto;padding:.5rem;background:#f9fafb;border-radius:.5rem}.sed-negotiation-message{padding:.75rem;border-radius:.5rem;max-width:70%;width:100%;align-self:flex-start}.sed-message-customer{background:#eff6ff;border:1px solid #bfdbfe}.sed-message-garage{background:#fff;border:1px solid #e5e7eb}.sed-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.sed-message-sender{font-size:.6875rem;font-weight:700;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em}.sed-message-garage .sed-message-sender{color:#6b7280}.sed-message-time{font-size:.625rem;color:#9ca3af}.sed-message-content{font-size:.8125rem;color:#1f2937;line-height:1.5}.sed-message-amount{font-size:.75rem;color:#3b82f6;padding:.375rem .5rem;background:#fff;border-radius:.3125rem;margin-top:.375rem;border:1px solid #bfdbfe;display:inline-block;width:-moz-fit-content;width:fit-content}.sed-message-garage .sed-message-amount{color:#059669;border-color:#a7f3d0}.qbs-negotiated-amount-box{margin-bottom:1rem;display:flex;flex-direction:column;width:48%;padding:.875rem}.qbs-negotiated-label{font-weight:600;margin-bottom:.3rem;color:#374151}.qbs-negotiated-input{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:1rem;outline:none;transition:border-color .2s}.qbs-negotiated-input:focus{border-color:#4169e1}.qbs-negotiation-container textarea{resize:vertical;font-family:inherit}.qbs-negotiation-container input,.qbs-negotiation-container textarea{box-sizing:border-box}.qbs-platform-fee{font-weight:500;color:#374151}.qbs-fee-badge{display:inline-block;padding:2px 10px;background-color:#10b981;color:#fff;border-radius:12px;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.qbs-fee-value{font-weight:600;color:#1f2937}.qbs-total-row.qbs-platform-fee{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.qbs-fee-value{font-weight:600;color:#166534;text-decoration:none;background:none}.qbs-fee-badge{display:inline-block;padding:3px 12px;background-color:#10b981;color:#fff;border-radius:12px;font-size:.9em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.qbs-fee-value,.qbs-fee-badge,.qbs-total-row.qbs-platform-fee span{text-decoration:none!important}*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%}.wod-page{min-height:100vh;background:#f3f4f6;padding-bottom:2rem}.wod-topbar{display:flex;align-items:left;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;gap:10px}.wod-topbar>div:last-child{margin-left:auto}.contract-button-container{display:flex;justify-content:flex-end;margin-left:auto}.contract-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.contract-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.contract-button:hover:before{width:300px;height:300px}.contract-button svg,.contract-button span{position:relative;z-index:1}.wod-back-btn{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;color:#374151;transition:all .2s}.wod-back-btn:hover{background:#f3f4f6;border-color:#9ca3af}.wod-order-id{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.wod-content{max-width:1600px;margin:0 auto;padding:6rem;background:#e8e7f0}.wod-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:#6b7280}.wod-loading-text{font-size:1.125rem;font-weight:500}.wod-customer-row{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;display:grid;grid-template-columns:auto 1fr;gap:2rem}.wod-customer-left{display:flex;align-items:center}.wod-avatar-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.wod-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;box-shadow:0 4px 12px #667eea4d}.wod-rating-stars{display:flex;align-items:center;gap:.25rem}.wod-rating-text{font-size:.75rem;color:#6b7280;margin-right:.25rem}.wod-customer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.wod-customer-field{display:flex;flex-direction:column}.wod-input{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f9fafb;color:#374151;font-size:.875rem}.wod-input:disabled{cursor:not-allowed;opacity:.7}.wod-type-box{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f9fafb;display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.wod-vip-badge{background:linear-gradient(135deg,#f59e0b,#dc2626);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.wod-balance-input{font-weight:600;color:#dc2626}.wod-car-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.wod-section-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.wod-car-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem}.wod-car-list{display:flex;flex-direction:column;gap:.875rem}.wod-car-item{display:flex;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.wod-car-label{font-size:.875rem;color:#6b7280;font-weight:500}.wod-car-value{font-size:.875rem;color:#111827;font-weight:600}.wod-owner-notes{margin-top:1rem;padding:1rem;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.wod-notes-label{font-size:.875rem;color:#92400e;font-weight:700}.wod-notes-value{font-size:.875rem;color:#78350f}.wod-car-right{display:flex;flex-direction:column;gap:1rem}.wod-car-image{width:100%;height:200px;border-radius:.75rem;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb}.wod-car-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wod-no-image{color:#9ca3af;font-size:.875rem;font-weight:500}.wod-car-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.wod-car-btn{padding:.625rem .875rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.8125rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s;text-align:center}.wod-car-btn:hover{background:#f3f4f6;border-color:#9ca3af}.wod-summary-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.wod-summary-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.wod-summary-left,.wod-summary-right{display:flex;flex-direction:column;gap:1rem}.wod-summary-field{display:flex;flex-direction:column;gap:.5rem}.wod-summary-field label{font-size:.875rem;font-weight:600;color:#374151}.wod-summary-field input,.wod-summary-field select,.wod-summary-field textarea{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f9fafb;color:#374151;font-size:.875rem;font-family:inherit}.wod-summary-field input:disabled,.wod-summary-field select:disabled,.wod-summary-field textarea:disabled{cursor:not-allowed;opacity:.7}.wod-service-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.wod-service-tag{padding:.5rem 1rem;border-radius:.5rem;color:#fff;font-size:.8125rem;font-weight:600}.wod-address-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wod-quote-card{background:#fff;border-radius:.75rem;padding:0;margin-top:2rem;box-shadow:0 1px 3px #0000001a;overflow:visible}.wod-quote-section{padding:1.5rem;border-bottom:1px solid #e5e7eb}.wod-quote-section:last-child{border-bottom:none}.wod-quote-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.wod-quote-section-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.wod-add-new-btn{padding:.5rem 1rem;background:#5b5fc7;color:#fff;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #5b5fc733}.wod-add-new-btn:hover{background:#4a4fb5;transform:translateY(-1px);box-shadow:0 4px 8px #5b5fc74d}.wod-quote-table-container{background:#fef1f1;border-radius:.5rem;overflow:visible}.wod-quote-table{width:100%}.wod-quote-table-header{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr 60px;gap:.75rem;padding:.75rem 1rem;background:#fef1f1;border-bottom:1px solid #fce4e4;align-items:center}.wod-th{font-size:.75rem;font-weight:700;color:#374151}.wod-th-action{text-align:center}.wod-quote-table-body{background:#fff}.wod-quote-table-row{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr 60px;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;align-items:center;transition:all .2s;position:relative}.wod-quote-table-row:last-child{border-bottom:none}.wod-quote-table-row:hover{background:#fafbfc}.wod-td{position:relative}.wod-td-action{display:flex;justify-content:center;align-items:center}.wod-table-input{width:100%;padding:.5rem .625rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;color:#111827;font-size:.8125rem;transition:all .2s}.wod-table-input:focus{outline:none;border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a;position:relative;z-index:10}.wod-table-input::-moz-placeholder{color:#9ca3af;font-size:.8125rem}.wod-table-input::placeholder{color:#9ca3af;font-size:.8125rem}.wod-search-dropdown{position:relative;z-index:1}.wod-search-input-wrapper{position:relative;display:flex;align-items:center}.wod-search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:2}.wod-search-input-wrapper .wod-table-input{padding-left:2rem}.wod-dropdown-menu{position:absolute;top:calc(100% + .25rem);left:0;right:0;min-width:300px;max-height:250px;overflow-y:auto;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 10px 20px -5px #0003;z-index:100}.wod-dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:all .2s;border-bottom:1px solid #f3f4f6}.wod-dropdown-item:last-child{border-bottom:none}.wod-dropdown-item:hover{background:#f9fafb}.wod-dropdown-item-main{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem}.wod-dropdown-item-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#6b7280;padding-left:1.5rem}.wod-dropdown-hours{display:flex;align-items:center;gap:.25rem;color:#5b5fc7}.wod-dropdown-stock{color:#10b981;font-weight:600}.wod-dropdown-empty{padding:1.5rem 1rem;text-align:center;color:#9ca3af;font-size:.875rem}.wod-manpower-display{display:flex;align-items:center;gap:.5rem}.wod-manpower-input{flex:1}.wod-table-delete-btn{width:32px;height:32px;border:1px solid #fca5a5;background:#fff;color:#ef4444;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.wod-table-delete-btn:hover{background:#fee2e2;transform:scale(1.1)}.wod-add-row-btn{width:100%;padding:.75rem;background:#fff;border:none;border-top:1px solid #fce4e4;color:#5b5fc7;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s}.wod-add-row-btn:hover{background:#fafbfc;color:#4a4fb5}.wod-notes-textarea{width:100%;padding:.875rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f9fafb;color:#111827;font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s}.wod-notes-textarea:focus{outline:none;border-color:#5b5fc7;background:#fff;box-shadow:0 0 0 3px #5b5fc71a}.wod-quote-footer{padding:1.5rem;background:#fafbfc;display:flex;justify-content:space-between;align-items:center;border-top:2px solid #e5e7eb}.wod-totals{display:flex;flex-direction:column;gap:.625rem}.wod-total-row{display:flex;justify-content:space-between;align-items:center;gap:3rem;font-size:.9375rem;color:#374151}.wod-total-value{font-weight:700;color:#111827;min-width:120px;text-align:right}.wod-grand-total{font-size:1.125rem;padding-top:.625rem;border-top:1px solid #d1d5db;margin-top:.375rem}.wod-grand-total .wod-total-value{color:#10b981;font-size:1.25rem}.wod-submit-quote-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b9814d;display:flex;align-items:center;gap:.5rem}.wod-submit-quote-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.wod-submit-quote-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.wod-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.wod-modal{background:#fff;border-radius:.875rem;max-width:550px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000004d;animation:slideUp .3s ease}.wod-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#fafafa,#fff)}.wod-modal-header h2{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.wod-modal-close{padding:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.wod-modal-close:hover{background:#f3f4f6;border-color:#9ca3af;transform:rotate(90deg)}.wod-modal-body{padding:1.5rem}.wod-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.25rem}.wod-form-field{display:flex;flex-direction:column;gap:.5rem}.wod-form-field label{font-size:.875rem;font-weight:600;color:#374151}.wod-form-field input,.wod-form-field textarea{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f9fafb;color:#111827;font-size:.875rem;font-family:inherit;transition:all .2s}.wod-form-field input:focus,.wod-form-field textarea:focus{outline:none;border-color:#5b5fc7;background:#fff;box-shadow:0 0 0 4px #5b5fc71a}.wod-modal-actions{display:flex;gap:.875rem;justify-content:flex-end;padding-top:1.25rem;border-top:1px solid #e5e7eb}.wod-btn-cancel{padding:.75rem 1.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-weight:600;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.wod-btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.wod-btn-submit{padding:.35rem 1.5rem;background:#5b5fc7;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #5b5fc733}.wod-btn-submit:hover{background:#4a4fb5;transform:translateY(-1px);box-shadow:0 4px 8px #5b5fc74d}@media(max-width:1200px){.wod-quote-table-header,.wod-quote-table-row{grid-template-columns:1.8fr 1fr 1fr .9fr 60px;gap:.625rem}}@media(max-width:1024px){.wod-content{padding:1rem}.wod-customer-row,.wod-car-layout,.wod-summary-layout{grid-template-columns:1fr}.wod-quote-footer{flex-direction:column;align-items:stretch;gap:1.5rem}.wod-submit-quote-btn{width:100%;justify-content:center}}@media(max-width:992px){.wod-quote-table-header{display:none}.wod-quote-table-row{grid-template-columns:1fr;gap:.75rem;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem}.wod-td{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem}.wod-td:before{content:attr(data-label);font-weight:700;font-size:.75rem;color:#6b7280;text-transform:uppercase}.wod-td-name:before{content:"Service Name"}.wod-td-hours:before{content:"Estimated Hours"}.wod-td-manpower:before{content:"Manpower"}.wod-td-quantity:before{content:"Quantity"}.wod-td-spare:before{content:"Spare Parts"}.wod-td-cost:before{content:"Cost (AED)"}.wod-td-action{width:100%;justify-content:flex-start}.wod-td-action:before{content:""}.wod-table-input{width:100%}}@media(max-width:768px){.wod-topbar{padding:1rem}.wod-order-id{font-size:1.125rem}.wod-customer-grid,.wod-address-row,.wod-car-buttons{grid-template-columns:1fr}.wod-quote-section{padding:1rem}.wod-form-grid{grid-template-columns:1fr}}@media(max-width:480px){.wod-back-btn span{display:none}.wod-quote-section-header{flex-direction:column;align-items:stretch;gap:.75rem}.wod-add-new-btn{width:100%;justify-content:center}}.wod-status-section{background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;border:1px solid #e5e7eb}.wod-status-content{display:flex;flex-direction:column;gap:1rem}.wod-status-badge-wrapper{display:flex;flex-direction:column;gap:.5rem}.wod-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:700;width:-moz-fit-content;width:fit-content}.wod-status-accepted{background:#d1fae5;color:#065f46;border:2px solid #10b981}.wod-status-rejected{background:#fee2e2;color:#991b1b;border:2px solid #dc2626}.wod-status-quoted{background:#dbeafe;color:#1e40af;border:2px solid #3b82f6}.wod-status-pending{background:#fef3c7;color:#92400e;border:2px solid #f59e0b}.wod-status-meta{display:flex;align-items:center;gap:1rem;font-size:.8125rem;color:#6b7280}.wod-negotiation-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;color:#1e40af;font-weight:600}.wod-negotiation-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.625rem;padding:1rem}.wod-negotiation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.wod-negotiation-header h4{margin:0;font-size:.875rem;font-weight:700;color:#374151;flex:1}.wod-message-count{font-size:.75rem;padding:.25rem .625rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#6b7280;font-weight:600}.wod-negotiation-thread{display:flex;flex-direction:column;gap:.625rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#fff;border-radius:.5rem}.wod-negotiation-message{padding:.75rem;border-radius:.5rem;width:100%}.wod-msg-customer{background:#eff6ff;border:1px solid #bfdbfe}.wod-msg-garage{background:#f0fdf4;border:1px solid #bbf7d0}.wod-msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.wod-msg-sender{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.wod-msg-customer .wod-msg-sender{color:#1e40af}.wod-msg-garage .wod-msg-sender{color:#166534}.wod-msg-time{font-size:.625rem;color:#9ca3af}.wod-msg-content{font-size:.8125rem;color:#1f2937;line-height:1.5;margin-bottom:.5rem}.wod-msg-amount{font-size:.75rem;padding:.375rem .5rem;background:#fff;border-radius:.3125rem;margin-top:.375rem;border:1px solid #d1d5db;display:inline-block}.wod-msg-customer .wod-msg-amount{color:#1e40af;border-color:#bfdbfe}.wod-msg-garage .wod-msg-amount{color:#059669;border-color:#bbf7d0}.wod-negotiation-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;margin-top:.75rem;color:#92400e;font-size:.8125rem;font-weight:600}.wod-quote-summary-box{background:#fff;border:1px solid #e5e7eb;border-radius:.625rem;padding:1rem}.wod-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;color:#6b7280}.wod-summary-row span:last-child{font-weight:600;color:#1f2937}.wod-summary-total{border-top:2px solid #e5e7eb;margin-top:.5rem;padding-top:.75rem;font-size:1rem;font-weight:700}.wod-summary-total span:last-child{color:#059669;font-size:1.125rem}@media(max-width:768px){.wod-status-badge{font-size:.75rem;padding:.625rem .875rem}.wod-status-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.wod-negotiation-thread{max-height:250px}}.wod-negotiation-thread,.sed-negotiation-thread{display:flex;flex-direction:column;gap:.75rem;max-height:320px;overflow-y:auto;padding:.75rem;background:#fafbfc;border-radius:.625rem}.wod-negotiation-message,.sed-negotiation-message{max-width:30%;padding:.75rem;border-radius:.625rem;background:#fff;transition:all .2s;position:relative}.wod-msg-customer,.sed-message-customer{align-self:flex-start;border:1px solid #bfdbfe}.wod-msg-garage,.sed-message-garage{align-self:flex-end;margin-left:auto;border:1px solid #bbf7d0}.wod-msg-header,.sed-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.wod-msg-sender,.sed-message-sender{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.wod-msg-customer .wod-msg-sender,.sed-message-customer .sed-message-sender{color:#3b82f6}.wod-msg-garage .wod-msg-sender,.sed-message-garage .sed-message-sender{color:#10b981}.wod-msg-time,.sed-message-time{font-size:.625rem;color:#9ca3af}.wod-msg-content,.sed-message-content{font-size:.8125rem;color:#374151;line-height:1.5;margin-bottom:.5rem}.wod-msg-amount,.sed-message-amount{font-size:.75rem;padding:.375rem .625rem;background:#f9fafb;border-radius:.375rem;font-weight:700;display:inline-block;margin-top:.375rem}.wod-msg-customer .wod-msg-amount,.sed-message-customer .sed-message-amount{color:#3b82f6;border:1px solid #bfdbfe}.wod-msg-garage .wod-msg-amount,.sed-message-garage .sed-message-amount{color:#10b981;border:1px solid #bbf7d0}.wod-msg-respond-btn{margin-top:.625rem;padding:.5rem .875rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;transition:all .2s}.wod-msg-respond-btn:hover{background:#2563eb;transform:translateY(-1px)}.wod-negotiation-notice .wod-respond-negotiate-btn,.wod-respond-negotiate-btn{display:none}.wod-negotiation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.625rem}.wod-negotiation-header svg{color:#6b7280;flex-shrink:0}.wod-negotiation-header h4{margin:0;font-size:.875rem;font-weight:700;color:#1f2937;flex:1}.wod-message-count{font-size:.6875rem;padding:.25rem .625rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;color:#6b7280;font-weight:700}.wod-negotiation-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:9999px;color:#6b7280;font-weight:700;font-size:.6875rem}.wod-modal-negotiate,.sed-modal-negotiate{max-width:480px;border:1px solid #e5e7eb;box-shadow:0 20px 25px -5px #0000001a;background:#fff}.wod-modal-negotiate .wod-modal-header,.sed-modal-negotiate .sed-modal-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.25rem}.wod-modal-negotiate .wod-modal-header h3,.sed-modal-negotiate .sed-modal-header h3{color:#1f2937;font-size:1rem;display:flex;align-items:center}.wod-modal-negotiate .wod-modal-close,.sed-modal-negotiate .sed-modal-close{background:#fff;border:1px solid #d1d5db;color:#6b7280;padding:.375rem;border-radius:.375rem}.wod-modal-negotiate .wod-modal-close:hover,.sed-modal-negotiate .sed-modal-close:hover{background:#f9fafb;border-color:#9ca3af}.wod-modal-body,.sed-modal-body{padding:1.25rem;background:#fff}.wod-form-group,.sed-form-field{margin-bottom:1rem}.wod-form-group:last-child,.sed-form-field:last-child{margin-bottom:0}.wod-form-group label,.sed-form-field label{display:block;font-size:.75rem;font-weight:700;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.wod-form-group textarea,.sed-form-field textarea,.sed-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.8125rem;font-family:inherit;resize:vertical;transition:all .2s;background:#fff}.wod-form-group textarea:focus,.sed-form-field textarea:focus,.sed-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.wod-amount-input-wrapper,.sed-amount-input{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:.5rem;overflow:hidden;background:#fff;transition:all .2s}.wod-amount-input-wrapper:focus-within,.sed-amount-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.wod-currency-prefix,.sed-currency{padding:.75rem .875rem;background:#f9fafb;border-right:1px solid #d1d5db;font-weight:700;color:#374151;font-size:.8125rem}.wod-amount-input-wrapper input,.sed-amount-input input{flex:1;border:none;padding:.75rem;font-size:.8125rem;background:transparent}.wod-amount-input-wrapper input:focus,.sed-amount-input input:focus{outline:none}.wod-decision-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.wod-decision-btn{padding:.875rem;border:1px solid #d1d5db;background:#fff;border-radius:.5rem;font-size:.8125rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;color:#6b7280}.wod-decision-btn:hover:not(:disabled){border-color:#10b981;color:#10b981;background:#f0fdf4}.wod-decision-btn.active{border-color:#10b981;background:#10b981;color:#fff}.wod-decision-reject:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:#fef2f2}.wod-decision-reject.active{border-color:#ef4444;background:#ef4444;color:#fff}.wod-modal-footer,.sed-modal-actions{padding:1rem 1.25rem;border-top:1px solid #e5e7eb;background:#fff;display:flex;gap:.75rem;justify-content:flex-end}.wod-btn-secondary,.sed-btn-cancel{padding:.625rem 1.25rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-weight:700;font-size:.8125rem;color:#6b7280;cursor:pointer;transition:all .2s}.wod-btn-secondary:hover:not(:disabled),.sed-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.wod-btn-primary,.sed-btn-submit-negotiate{padding:.625rem 1.25rem;background:#3b82f6;border:none;border-radius:.5rem;font-weight:700;font-size:.8125rem;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.wod-btn-primary:hover:not(:disabled),.sed-btn-submit-negotiate:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.sed-btn-negotiate{background:#3b82f6;color:#fff;border:none}.sed-btn-negotiate:hover:not(:disabled){background:#2563eb}.wod-hint,.sed-hint{font-size:.6875rem;color:#6b7280;margin-top:.375rem;font-style:italic}.wod-negotiation-thread::-webkit-scrollbar,.sed-negotiation-thread::-webkit-scrollbar{width:6px}.wod-negotiation-thread::-webkit-scrollbar-track,.sed-negotiation-thread::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.wod-negotiation-thread::-webkit-scrollbar-thumb,.sed-negotiation-thread::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.wod-negotiation-thread::-webkit-scrollbar-thumb:hover,.sed-negotiation-thread::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:992px){.wod-negotiation-message,.sed-negotiation-message{max-width:45%}}@media(max-width:768px){.wod-negotiation-message,.sed-negotiation-message{max-width:70%}.wod-modal-negotiate,.sed-modal-negotiate{max-width:95vw}.wod-decision-buttons{grid-template-columns:1fr}.wod-modal-footer,.sed-modal-actions{flex-direction:column}.wod-btn-primary,.wod-btn-secondary,.sed-btn-submit-negotiate,.sed-btn-cancel{width:100%;justify-content:center}}.wod-form-group textarea,.sed-form-field textarea,.sed-textarea,.wod-amount-input-wrapper input,.sed-amount-input input,.sed-input{color:#000!important}.wod-form-group textarea::-moz-placeholder,.sed-form-field textarea::-moz-placeholder,.sed-textarea::-moz-placeholder,.wod-amount-input-wrapper input::-moz-placeholder,.sed-amount-input input::-moz-placeholder,.sed-input::-moz-placeholder{color:#9ca3af}.wod-form-group textarea::placeholder,.sed-form-field textarea::placeholder,.sed-textarea::placeholder,.wod-amount-input-wrapper input::placeholder,.sed-amount-input input::placeholder,.sed-input::placeholder{color:#9ca3af}.wod-walkin-indicator{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem}.wod-walkin-badge{background:#f59e0b;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;letter-spacing:.5px}.wod-car-list-aligned{display:flex;flex-direction:column;gap:.75rem}.wod-car-item-aligned{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.wod-car-label-aligned{font-weight:600;color:#374151;font-size:.875rem;min-width:180px;flex-shrink:0}.wod-car-value-aligned{color:#1f2937;font-size:.875rem;font-weight:500;flex:1;text-align:left}.wod-car-list{display:none}.wod-owner-notes{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border-left:4px solid #4169e1}.wod-notes-label{display:block;font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.5rem}.wod-notes-value{display:block;color:#1f2937;font-size:.875rem;line-height:1.5}@media(max-width:768px){.wod-customer-grid{grid-template-columns:1fr}.wod-car-label-aligned{min-width:140px;font-size:.813rem}.wod-car-value-aligned{font-size:.813rem}}.wod-small-walkin-badge{background:#f59e0b;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.wod-customer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;flex:1}.wod-customer-field{display:flex;align-items:center}@media(max-width:768px){.wod-customer-grid{grid-template-columns:1fr}}.wod-walkin-quote-section{padding:2rem}.wod-walkin-indicator-badge{margin-left:1rem;padding:.375rem .75rem;background:#f59e0b;color:#fff;font-size:.75rem;font-weight:600;border-radius:.375rem;letter-spacing:.5px}.wod-walkin-amount-form{max-width:600px;margin:0 auto}.wod-walkin-input-group{margin-bottom:2rem}.wod-walkin-label{display:block;font-weight:600;color:#374151;margin-bottom:.75rem;font-size:.9375rem}.wod-walkin-amount-wrapper{position:relative;display:flex;align-items:center}.wod-currency-symbol{position:absolute;left:1rem;font-weight:600;color:#6b7280;font-size:1.125rem}.wod-walkin-amount-input{width:100%;padding:1rem 1rem 1rem 3.5rem;border:2px solid #d1d5db;border-radius:.75rem;font-size:1.5rem;font-weight:600;color:#111827;background:#f9fafb;transition:all .2s}.wod-walkin-amount-input:focus{outline:none;border-color:#4169e1;background:#fff;box-shadow:0 0 0 3px #4169e11a}.wod-walkin-hint{margin-top:.5rem;font-size:.875rem;color:#6b7280}.wod-walkin-breakdown{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.wod-breakdown-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e5e7eb;font-size:.9375rem}.wod-breakdown-row:last-child{border-bottom:none}.wod-breakdown-total{margin-top:.5rem;padding-top:1rem;border-top:2px solid #d1d5db;font-weight:700;font-size:1.125rem;color:#111827}.wod-walkin-notes{margin-bottom:1.5rem}.wod-walkin-textarea{width:100%;padding:.875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;color:#111827;font-family:inherit;resize:vertical;transition:border-color .2s}.wod-walkin-textarea:focus{outline:none;border-color:#4169e1;box-shadow:0 0 0 3px #4169e11a}.wod-tax-config{padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.wod-tax-label{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#374151;font-size:.9375rem}.wod-tax-input-wrapper{display:flex;align-items:center;gap:.5rem}.wod-tax-input{width:80px;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;text-align:right}.wod-tax-input:focus{outline:none;border-color:#4169e1;box-shadow:0 0 0 3px #4169e11a}.wod-tax-percent{font-weight:600;color:#6b7280}.wod-subtotal-row{padding-top:.75rem;margin-top:.75rem;border-top:1px solid #e5e7eb;font-weight:600}.wod-tax-row{color:#059669;font-weight:500}.wod-grand-total{margin-top:.75rem;padding-top:.75rem;border-top:2px solid #4169e1;font-size:1.25rem;font-weight:700;color:#4169e1}.wod-grand-total .wod-total-value{color:#4169e1}.wod-status-walkin{background:#10b981!important;color:#fff!important}.wod-walkin-amount-summary{margin-top:1.5rem}.wod-walkin-amount-card{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:1rem}.wod-walkin-amount-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.wod-walkin-amount-header h4{margin:0;font-size:1.125rem;font-weight:700;color:#111827}.wod-edit-amount-btn{padding:.5rem 1rem;background:#4169e1;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.wod-edit-amount-btn:hover{background:#3b5dd9}.wod-walkin-edit-form{display:flex;flex-direction:column;gap:1.5rem}.wod-walkin-edit-input-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.wod-walkin-edit-input{width:100%;padding:.875rem .875rem .875rem 3rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:1.25rem;font-weight:600;color:#111827;background:#f9fafb}.wod-walkin-edit-input:focus{outline:none;border-color:#4169e1;background:#fff;box-shadow:0 0 0 3px #4169e11a}.wod-walkin-edit-breakdown{background:#f9fafb;border-radius:.5rem;padding:1rem;border:1px solid #e5e7eb}.wod-walkin-edit-note label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.wod-walkin-edit-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical}.wod-walkin-edit-textarea:focus{outline:none;border-color:#4169e1;box-shadow:0 0 0 3px #4169e11a}.wod-walkin-edit-actions{display:flex;gap:1rem;justify-content:flex-end}.wod-cancel-edit-btn,.wod-save-edit-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.wod-cancel-edit-btn{background:#fff;color:#374151;border:1px solid #d1d5db}.wod-cancel-edit-btn:hover{background:#f3f4f6}.wod-save-edit-btn{background:#10b981;color:#fff;border:none}.wod-save-edit-btn:hover{background:#059669}.wod-save-edit-btn:disabled{background:#9ca3af;cursor:not-allowed}.wod-walkin-amount-display{display:flex;flex-direction:column;gap:.75rem}.wod-amount-breakdown-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e5e7eb;font-size:.9375rem;color:#374151}.wod-amount-total{margin-top:.5rem;padding-top:1rem;border-top:2px solid #4169e1;border-bottom:none;font-weight:700;font-size:1.25rem;color:#111827}.wod-amount-value{color:#4169e1;font-size:1.5rem}.wod-walkin-notes-display{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border-left:4px solid #4169e1}.wod-walkin-notes-display strong{display:block;margin-bottom:.5rem;color:#374151;font-size:.875rem}.wod-walkin-notes-display p{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.wod-walkin-history{background:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;padding:1rem}.wod-walkin-history-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#92400e;font-weight:600;font-size:.875rem}.wod-walkin-history-items{display:flex;flex-direction:column;gap:.5rem}.wod-history-item{display:flex;justify-content:space-between;font-size:.875rem;color:#78350f}.wod-history-current{font-weight:600;color:#92400e}.wod-history-difference{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #fbbf24;text-align:right;font-weight:600;font-size:.9375rem}.wod-diff-reduced{color:#10b981}.wod-diff-increased{color:#ef4444}.wod-negotiation-badge-success{background:#10b981!important;color:#fff!important}.wod-negotiation-warning{background:#fef3cd;border:1px solid #fde68a;border-radius:6px;padding:12px;display:flex;align-items:flex-start;gap:8px;margin-top:12px}.wod-negotiation-warning svg{color:#d97706;flex-shrink:0;margin-top:2px}.wod-negotiation-warning span{color:#92400e;font-size:14px;line-height:1.4}.wod-decision-buttons{display:flex;gap:12px}.wod-decision-btn.wod-decision-reject{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.wod-decision-btn.wod-decision-reject:hover{background:#fee2e2;border-color:#fca5a5}.wod-decision-btn.wod-decision-reject.active{background:#dc2626;border-color:#dc2626;color:#fff}.wod-th-employees,.wod-td-employees{flex:0 0 200px;min-width:200px}.wod-employee-selector-wrapper{position:relative;width:100%}.wod-employee-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;min-height:38px;transition:all .2s}.wod-employee-trigger:hover{border-color:#10b981;background-color:#f9fafb}.wod-employee-placeholder{font-size:.875rem;color:#9ca3af}.wod-selected-employees-display{display:flex;align-items:center;gap:8px;flex:1}.wod-employee-count{font-size:.875rem;font-weight:600;color:#10b981;white-space:nowrap}.wod-employee-names-preview{display:flex;gap:4px;flex-wrap:wrap}.wod-employee-badge{display:inline-flex;padding:2px 8px;background-color:#d1fae5;color:#065f46;border-radius:12px;font-size:.75rem;font-weight:500}.wod-dropdown-icon{color:#6b7280;flex-shrink:0;transition:transform .2s}.wod-employee-trigger:hover .wod-dropdown-icon{color:#10b981}.wod-employee-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.wod-employee-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.wod-dropdown-title{font-size:.875rem;font-weight:600;color:#374151}.wod-clear-selection-btn{padding:4px 8px;background:transparent;border:none;color:#ef4444;font-size:.75rem;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s}.wod-clear-selection-btn:hover{background-color:#fee2e2;color:#dc2626}.wod-employee-list{overflow-y:auto;max-height:240px}.wod-employee-item{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .2s;gap:10px}.wod-employee-item:hover{background-color:#f3f4f6}.wod-employee-item.selected{background-color:#d1fae5}.wod-employee-item.selected:hover{background-color:#a7f3d0}.wod-employee-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#10b981;flex-shrink:0}.wod-employee-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.wod-employee-name{font-size:.875rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wod-employee-meta{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wod-employee-selector-wrapper:focus-within .wod-employee-dropdown-menu{display:flex}.wod-accepted-amount-highlight{color:#059669!important;font-weight:700;font-size:1.1em;background:#d1fae5;padding:4px 8px;border-radius:6px;border:2px solid #10b981}.wod-negotiated-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:.75rem;font-weight:500;margin-top:8px}.wod-section-divider{height:1px;background:#e5e7eb;margin:24px 0}.wod-date-text{font-size:.875rem;color:#6b7280}.wod-subsection-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 16px}.wod-btn-full-width{width:100%}.wod-info-row{display:flex;gap:8px;padding:8px 0}.wod-info-label{font-weight:600;color:#374151;min-width:100px}.wod-info-value{color:#6b7280;flex:1}.enquiry-details-section{background:#fff;border-radius:12px;padding:24px;margin-top:20px;box-shadow:0 2px 8px #0000001a}.enquiry-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px}.enquiry-detail-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s ease}.enquiry-detail-card:hover{border-color:#5b5fc7;box-shadow:0 2px 8px #5b5fc71a}.enquiry-detail-card.full-width{grid-column:1 / -1}.enquiry-detail-label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.enquiry-detail-value{font-size:15px;font-weight:500;color:#212529;line-height:1.5}.badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap}.badge-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.badge-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.badge-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.badge-primary{background:#e7e9fc;color:#5b5fc7;border:1px solid #d0d3f5}.badge-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.description-box{background:#fff;padding:12px;border-radius:6px;border:1px solid #dee2e6;color:#495057;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.address-box{background:#fff;padding:10px 12px;border-radius:6px;border:1px solid #dee2e6;color:#495057;font-size:14px}.symptoms-list{display:flex;flex-wrap:wrap;gap:8px}.symptom-tag{background:#fff3cd;color:#856404;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid #ffeaa7}.services-list{display:flex;flex-wrap:wrap;gap:8px}.service-tag{background:#e7e9fc;color:#5b5fc7;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid #d0d3f5}@media(max-width:768px){.enquiry-details-grid{grid-template-columns:1fr}.enquiry-details-section{padding:16px}.enquiry-detail-card{padding:12px}}.vehicle-photo-section{margin-bottom:20px;background:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.vehicle-photo-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:6px}.vehicle-photo-title:before{content:"📷";font-size:16px}.vehicle-photo-preview{width:100%;height:160px;border:2px dashed #cbd5e1;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px;position:relative;transition:all .2s ease}.vehicle-photo-preview:hover{border-color:#94a3b8;background:#f8fafc}.photo-preview-wrapper{width:100%;height:100%;position:relative}.photo-preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.photo-new-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 4px #0003;animation:newBadgePulse 2s ease-in-out infinite}@keyframes newBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.no-photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8;text-align:center;padding:20px}.no-photo-placeholder svg{color:#cbd5e1}.no-photo-placeholder span{font-size:12px;font-weight:500}.vehicle-photo-actions{display:flex;gap:8px;margin-bottom:8px}.btn-upload{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #3b82f64d}.btn-upload:hover:not(.disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 6px #3b82f666;transform:translateY(-1px)}.btn-upload:active:not(.disabled){transform:translateY(0)}.btn-upload.disabled{opacity:.5;cursor:not-allowed}.btn-remove{padding:8px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ef44444d}.btn-remove:hover:not(.disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #ef444466;transform:translateY(-1px)}.btn-remove:active:not(.disabled){transform:translateY(0)}.btn-remove.disabled{opacity:.5;cursor:not-allowed}.vehicle-photo-hint{margin:0;font-size:11px;color:#64748b;text-align:center}@media(max-width:768px){.vehicle-photo-section{padding:12px}.vehicle-photo-preview{height:140px}.btn-upload,.btn-remove{font-size:12px;padding:7px 12px}}.pending-services-alert{display:flex;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:10px;margin:20px 0;box-shadow:0 4px 12px #fbbf2433;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-icon{flex-shrink:0;color:#d97706;animation:pulse 2s ease-in-out infinite}.alert-content{flex:1}.alert-content h4{margin:0 0 10px;font-size:16px;font-weight:700;color:#78350f}.alert-content p{margin:0 0 10px;font-size:14px;color:#92400e}.alert-content ul{margin:8px 0 12px;padding-left:24px;color:#92400e;font-size:14px}.alert-content li{margin:6px 0}.alert-content li strong{color:#78350f}.alert-note{margin-top:12px;padding:10px 14px;background:#ffffffb3;border-left:3px solid #f59e0b;border-radius:6px;font-size:13px;color:#78350f}.alert-note strong{font-weight:700;color:#92400e}.inspection-requested{display:flex;flex-direction:column;gap:6px}.badge-inspection{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-weight:600}.inspection-fee{font-size:12px;color:#059669;font-weight:600;background:#d1fae5;padding:4px 8px;border-radius:4px;display:inline-block;width:-moz-fit-content;width:fit-content}.badge-neutral{background:#e5e7eb;color:#6b7280}.contract-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.contract-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.contract-button:hover:before{left:100%}.contract-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.contract-button:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.contract-button svg{flex-shrink:0}.wod-roadside-tracking-section .wod-section-title{margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:#92400e;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:2px solid #fef3c7}.wod-urgency-indicator{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;font-size:.875rem;font-weight:700;border-radius:999px;border:1.5px solid #ef4444;margin-top:1rem}.wod-urgency-indicator.immediate{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#ef4444;animation:pulse-urgent 1.5s ease-in-out infinite}.wod-urgency-indicator.within_hour{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f59e0b}.wod-urgency-indicator.scheduled{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#3b82f6}@keyframes pulse-urgent{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.wod-roadside-tracking-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:2px solid #fbbf24;box-shadow:0 4px 12px #fbbf241a}.wod-roadside-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.wod-roadside-actions{display:flex;gap:.75rem;flex-wrap:wrap}.wod-roadside-status-btn{padding:.625rem 1.25rem;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.wod-roadside-status-btn:disabled{opacity:.6;cursor:not-allowed}.wod-roadside-status-btn.on-way{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.wod-roadside-status-btn.on-way:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.wod-roadside-status-btn.arrived{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e4d;animation:pulse-arrived 2s ease-in-out infinite}.wod-roadside-status-btn.arrived:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.wod-roadside-status-btn.complete{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.wod-roadside-status-btn.complete:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}@keyframes pulse-arrived{0%,to{box-shadow:0 2px 8px #22c55e4d}50%{box-shadow:0 2px 8px #22c55e99,0 0 0 8px #22c55e00}}@media(max-width:640px){.wod-roadside-header{flex-direction:column;align-items:stretch}.wod-roadside-actions{flex-direction:column}.wod-roadside-status-btn{width:100%;justify-content:center}}.wod-accident-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.wod-accident-content{margin-top:16px}.wod-accident-item{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.wod-accident-item:last-child{border-bottom:none;margin-bottom:0}.wod-accident-label{font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.wod-accident-value{color:#6b7280}.wod-download-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4169e1;text-decoration:none;font-weight:500;transition:all .2s}.wod-download-link:hover{background:#eff6ff;border-color:#4169e1}.wod-damage-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:8px}.wod-damage-photo-item{position:relative;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease;aspect-ratio:4/3}.wod-damage-photo-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.wod-damage-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.wod-damage-photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:12px 8px 8px;text-align:center;font-size:12px;opacity:0;transition:opacity .3s ease}.wod-damage-photo-item:hover .wod-damage-photo-overlay{opacity:1}.wod-notes-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;color:#374151;line-height:1.5;white-space:pre-wrap}.wod-no-accident-data{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#6b7280;background:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}.wod-no-accident-data svg{opacity:.5}.gsp-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;margin:24px 0}.gsp-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.gsp-section-title{margin:0;font-size:18px;font-weight:700;color:#1e293b}.gsp-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}.gsp-service-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease;display:flex;flex-direction:column;gap:12px}.gsp-service-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.gsp-card-header-compact{display:flex;flex-direction:column;gap:10px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.gsp-card-title{margin:0;font-size:16px;font-weight:700;color:#1e293b;line-height:1.3}.gsp-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.gsp-status-badge{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 1px 3px #0003;flex-shrink:0}.gsp-timer{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:6px;font-size:11px;font-weight:700;color:#78350f;white-space:nowrap;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.gsp-timer.overtime{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#7f1d1d}.gsp-timer svg{animation:pulse 2s ease-in-out infinite;flex-shrink:0}.gsp-timer-text{font-family:Courier New,monospace;letter-spacing:.5px}.gsp-progress-bar-wrapper{display:flex;align-items:center;gap:12px;margin-top:12px}.gsp-progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.gsp-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.gsp-progress-text{font-size:12px;font-weight:700;color:#475569;min-width:40px;text-align:right}.gsp-card-body{display:flex;flex-direction:column;gap:12px}.gsp-field{display:flex;flex-direction:column;gap:6px}.gsp-label{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#374151}.gsp-label svg{color:#64748b}.gsp-select{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;font-weight:500;color:#1e293b;background:#fff;cursor:pointer;transition:all .2s}.gsp-select:hover:not(:disabled){border-color:#3b82f6}.gsp-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gsp-select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.gsp-team-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.gsp-team-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #93c5fd}.gsp-team-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#ef44441a;color:#ef4444;border:none;border-radius:50%;cursor:pointer;transition:all .2s;padding:0}.gsp-team-remove:hover{background:#ef4444;color:#fff}.gsp-textarea{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;font-family:inherit;color:#1e293b;background:#fff;resize:vertical;transition:all .2s}.gsp-textarea:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.gsp-textarea::-moz-placeholder{color:#94a3b8}.gsp-textarea::placeholder{color:#94a3b8}.gsp-hold-history{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;overflow:hidden}.gsp-hold-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:transparent;border:none;color:#991b1b;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.gsp-hold-toggle:hover{background:#ef44440d}.gsp-hold-list{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-top:1px solid #fca5a5}.gsp-hold-item{background:#fff;border:1px solid #fca5a5;border-radius:4px;padding:8px;font-size:12px}.gsp-hold-reason{color:#7f1d1d;font-weight:600;margin-bottom:6px}.gsp-hold-image{width:100%;max-height:80px;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin:6px 0}.gsp-hold-time{color:#64748b;font-size:11px;margin-top:4px}.gsp-card-actions-compact{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.gsp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex:1;min-width:90px}.gsp-btn:disabled{opacity:.5;cursor:not-allowed}.gsp-btn-start{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f64d}.gsp-btn-start:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.gsp-btn-hold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 4px #f59e0b4d}.gsp-btn-hold:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.gsp-btn-resume{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b9814d}.gsp-btn-resume:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.gsp-btn-finish{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b9814d}.gsp-btn-finish:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.gsp-completed-indicator-compact{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7;border-radius:6px;font-size:13px;font-weight:700;flex:1}@media(max-width:768px){.gsp-cards-grid{grid-template-columns:1fr}.gsp-card-header-compact{flex-direction:column;align-items:flex-start}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.gsp-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.gsp-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0000004d;max-width:500px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.gsp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.gsp-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#991b1b;display:flex;align-items:center;gap:8px}.gsp-modal-header h3:before{content:"⚠️";font-size:20px}.gsp-modal-header button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#7f1d1d;cursor:pointer;transition:all .2s}.gsp-modal-header button:hover{background:#7f1d1d1a;color:#991b1b;transform:rotate(90deg)}.gsp-modal-body{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;background:#fafafa}.gsp-modal-body::-webkit-scrollbar{width:8px}.gsp-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.gsp-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.gsp-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gsp-modal-field{display:flex;flex-direction:column;gap:10px}.gsp-modal-field label{font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:6px}.gsp-modal-field label:after{content:"*";color:#ef4444;font-weight:700}.gsp-modal-field:last-child label:after{content:""}.gsp-modal-textarea{width:100%;padding:12px 14px;border:2px solid #cbd5e1;border-radius:8px;font-size:14px;font-family:inherit;color:#1e293b;background:#fff;resize:vertical;transition:all .2s;line-height:1.6;min-height:100px}.gsp-modal-textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26}.gsp-modal-textarea::-moz-placeholder{color:#94a3b8}.gsp-modal-textarea::placeholder{color:#94a3b8}.gsp-modal-upload{border:2px dashed #cbd5e1;border-radius:10px;padding:32px 20px;text-align:center;background:#fff;transition:all .3s;cursor:pointer;position:relative;overflow:hidden}.gsp-modal-upload:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(59,130,246,.05) 100%);opacity:0;transition:opacity .3s}.gsp-modal-upload:hover{border-color:#3b82f6;background:#eff6ff}.gsp-modal-upload:hover:before{opacity:1}.gsp-modal-upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;color:#64748b;position:relative;z-index:1}.gsp-modal-upload-label svg{color:#94a3b8;transition:all .3s}.gsp-modal-upload:hover .gsp-modal-upload-label svg{color:#3b82f6;transform:scale(1.1)}.gsp-modal-upload-label span{font-size:14px;font-weight:600;color:#475569}.gsp-modal-upload-label small{font-size:12px;color:#94a3b8}.gsp-modal-preview{position:relative;display:inline-block;max-width:100%;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.gsp-modal-preview img{max-width:100%;height:auto;max-height:200px;border-radius:10px;display:block}.gsp-modal-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef4444f2;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ef444466}.gsp-modal-remove:hover{background:#dc2626;transform:scale(1.15);box-shadow:0 4px 12px #ef444499}.gsp-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:2px solid #e5e7eb;background:#fff}.gsp-modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a;min-width:100px}.gsp-modal-btn-cancel{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.gsp-modal-btn-cancel:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.gsp-modal-btn-submit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:2px solid transparent}.gsp-modal-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.gsp-modal-btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.gsp-modal-btn-submit svg{animation:spin 1s linear infinite}.gsp-modal-info{display:flex;gap:12px;padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:13px;color:#1e40af;line-height:1.5}.gsp-modal-info svg{flex-shrink:0;margin-top:2px;color:#3b82f6}@media(max-width:640px){.gsp-modal{max-width:100%;max-height:95vh;border-radius:0}.gsp-modal-header,.gsp-modal-body,.gsp-modal-footer{padding:16px 20px}.gsp-modal-footer{flex-direction:column}.gsp-modal-btn{width:100%}.gsp-modal-upload{padding:24px 16px}}.gsp-saving-indicator{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:#3b82f6;font-weight:500}.gsp-saving-indicator svg{color:#3b82f6}.gsp-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gsp-textarea::-moz-placeholder{color:#94a3b8;font-size:12px}.gsp-textarea::placeholder{color:#94a3b8;font-size:12px}.gsp-completed-summary{display:flex;flex-direction:column;gap:12px}.gsp-summary-section{display:flex;flex-direction:column;gap:6px}.gsp-summary-title{font-size:13px;font-weight:600;color:#374151;margin:0;display:flex;align-items:center;gap:5px}.gsp-summary-title svg{color:#64748b}.gsp-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gsp-summary-item{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.gsp-summary-highlight{background:#eff6ff;border-color:#93c5fd}.gsp-summary-label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.gsp-summary-value{font-size:13px;color:#1e293b;font-weight:600}.gsp-team-readonly{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.gsp-team-tag-completed{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #93c5fd}.gsp-team-position{font-size:11px;color:#64748b;font-weight:500}.gsp-hold-list-completed{display:flex;flex-direction:column;gap:8px;margin-top:4px}.gsp-hold-item-completed{display:flex;flex-direction:column;gap:6px;padding:8px;background:#fff;border:1px solid #fca5a5;border-radius:4px;font-size:12px}.gsp-hold-header{display:flex;justify-content:space-between;align-items:center}.gsp-hold-number{font-size:11px;font-weight:600;color:#991b1b}.gsp-hold-date{font-size:11px;color:#64748b}.gsp-hold-reason{color:#7f1d1d;font-weight:600;font-size:12px}.gsp-hold-reason strong{font-weight:600;color:#991b1b}.gsp-hold-image-completed{width:100%;max-height:80px;-o-object-fit:cover;object-fit:cover;border-radius:4px;cursor:pointer}.gsp-summary-notes{padding:8px 10px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;font-size:12px;color:#1e293b;line-height:1.5;white-space:pre-wrap;margin:0}@media(max-width:768px){.gsp-summary-grid{grid-template-columns:1fr}}.rtps-compact{margin-top:1rem;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.rtps-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:13px;font-weight:600;color:#3b82f6}.rtps-row{margin-bottom:.75rem}.rtps-row:last-child{margin-bottom:0}.rtps-label{display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:.375rem}.rtps-photos{display:flex;gap:.5rem;flex-wrap:wrap}.rtps-thumb{position:relative;width:60px;height:60px;border-radius:6px;overflow:hidden;border:2px solid #e2e8f0;background:#fff}.rtps-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.rtps-thumb:hover img{opacity:.8}.rtps-delete{position:absolute;top:2px;right:2px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.rtps-thumb:hover .rtps-delete{opacity:1}.rtps-upload{width:60px;height:60px;border:2px dashed #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;color:#94a3b8;transition:all .2s}.rtps-upload:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.rtps-upload:active{transform:scale(.95)}.rtps-loading{padding:1rem;display:flex;justify-content:center;align-items:center;color:#94a3b8}.fbs-mainn-container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.fbs-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:1.5rem;overflow:hidden}.fbs-status-bar{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:2px solid;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.fbs-header{padding:1rem 1.5rem;border-bottom:2px solid #e5e7eb;background:#dbeafe;display:flex;align-items:center;justify-content:space-between}.fbs-title{font-size:.9375rem;font-weight:700;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.025em}.fbs-header-actions{display:flex;gap:.75rem}.fbs-btn-download,.fbs-btn-edit{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;background:#fff;color:#374151}.fbs-btn-download:hover,.fbs-btn-edit:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.fbs-content{padding:1.5rem}.fbs-bill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.fbs-bill-header h4{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.fbs-bill-header p{font-size:.8125rem;color:#6b7280;margin:0}.fbs-table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.8125rem}.fbs-table thead{background:#3b82f6}.fbs-table th{padding:.75rem .625rem;text-align:left;font-weight:700;color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em}.fbs-table tbody tr{background:#ede9fe;border-bottom:1px solid #e5e7eb}.fbs-table tbody tr:last-child{border-bottom:none}.fbs-table td{padding:.75rem .625rem;color:#000;font-size:.8125rem}.fbs-total{font-weight:700;text-align:right}.fbs-input,.fbs-input-small{padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;color:#000;background:#fff;width:100%}.fbs-input-small{max-width:70px;text-align:center}.fbs-input:focus,.fbs-input-small:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.fbs-btn-save-inline{margin-bottom:1rem;padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .2s}.fbs-btn-save-inline:hover{background:#059669;transform:translateY(-1px)}.fbs-totals-compact{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1.5rem}.fbs-total-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.8125rem;color:#6b7280;border-bottom:1px solid #e5e7eb}.fbs-total-row:last-child{border-bottom:none}.fbs-total-row.fbs-grand{font-size:.9375rem;font-weight:700;color:#10b981;padding-top:.5rem;margin-top:.25rem;border-top:2px solid #d1d5db}.fbs-total-row span:last-child{font-weight:700;color:#000}.fbs-total-row.fbs-grand span:last-child{color:#10b981;font-size:1.125rem}.fbs-photos-compact{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.fbs-photo-section-compact h4{font-size:.8125rem;font-weight:700;color:#1f2937;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.025em}.fbs-photo-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.fbs-photo-item-compact{position:relative;aspect-ratio:4/3;border-radius:.375rem;overflow:hidden;border:2px solid #e5e7eb;background:#f9fafb}.fbs-photo-item-compact img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fbs-photo-delete{position:absolute;top:.25rem;right:.25rem;padding:.25rem;background:#ef4444f2;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.fbs-photo-delete:hover{background:#dc2626;transform:scale(1.1)}.fbs-photo-upload-compact{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border:2px dashed #d1d5db;border-radius:.375rem;background:#fafbfc;cursor:pointer;transition:all .2s;color:#6b7280}.fbs-photo-upload-compact:hover{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.fbs-photo-upload-compact input{display:none}.fbs-footer{padding:1rem 1.5rem;border-top:2px solid #e5e7eb;background:#fafbfc}.fbs-btn-send{width:100%;padding:.875rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.625rem;transition:all .2s;box-shadow:0 4px 12px #10b98140}.fbs-btn-send:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.fbs-btn-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.fbs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem;color:#6b7280;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.fbs-loading svg{color:#3b82f6}.fbs-walkin-badge{margin-left:auto;padding:.25rem .75rem;background:#f59e0b;color:#fff;font-size:.75rem;font-weight:600;border-radius:.375rem;letter-spacing:.5px}.fbs-printable{background:#fff;max-width:210mm;margin:0 auto;padding:15mm;font-family:Courier New,Courier,monospace;line-height:1.4}.fbs-receipt-header{text-align:center;margin-bottom:15px;padding-bottom:10px}.fbs-receipt-logo{max-width:80px;max-height:60px;margin-bottom:8px;-o-object-fit:contain;object-fit:contain}.fbs-receipt-garage-name{font-size:1.25rem;font-weight:700;margin:8px 0;text-transform:uppercase;letter-spacing:1px;color:#000}.fbs-receipt-garage-info{font-size:.7rem;line-height:1.3;color:#333}.fbs-receipt-garage-info p{margin:2px 0}.fbs-receipt-divider{border-top:1px dashed #000;margin:12px 0}.fbs-receipt-details{font-size:.75rem;margin-bottom:12px}.fbs-receipt-row{display:grid;grid-template-columns:110px 1fr;padding:3px 0;border-bottom:1px dotted #ddd;gap:8px}.fbs-receipt-row span:first-child{color:#666;text-align:left}.fbs-receipt-row strong{text-align:left;color:#000;font-weight:700}.fbs-receipt-table{width:100%;border-collapse:collapse;font-size:.7rem;margin:12px 0;background:#fff}.fbs-receipt-table th{border-top:1px solid #000;border-bottom:1px solid #000;padding:6px 4px;text-align:left;font-weight:700;text-transform:uppercase;font-size:.65rem;background:#fff;color:#000}.fbs-receipt-table td{padding:5px 4px;border-bottom:1px dotted #ddd;background:#fff;color:#000}.fbs-receipt-table tbody tr{background:#fff;color:#000}.fbs-receipt-table tbody tr:last-child td{border-bottom:1px solid #000}.fbs-receipt-center{text-align:center;color:#000}.fbs-receipt-right{text-align:right;color:#000}.fbs-receipt-table strong{color:#000;font-weight:700}.fbs-receipt-totals{margin:15px 0;font-size:.8rem}.fbs-receipt-total-row{display:flex;justify-content:space-between;padding:3px 0;color:#000}.fbs-receipt-footer{text-align:center;margin-top:20px;padding-top:12px;border-top:1px solid #000;font-size:.7rem}.fbs-receipt-footer p{margin:4px 0;color:#000}.fbs-receipt-notice{font-size:.65rem;color:#666;font-style:italic;margin-top:8px}@media print{.fbs-status-bar,.fbs-header,.fbs-content,.fbs-footer,.no-print{display:none!important}.fbs-printable{display:block!important;padding:0;margin:0;max-width:100%;background:#fff!important}.fbs-receipt-footer~*{display:none!important}*{background:#fff!important}.fbs-receipt-table,.fbs-receipt-table th,.fbs-receipt-table td,.fbs-receipt-table strong,.fbs-receipt-totals,.fbs-receipt-row,.fbs-receipt-row strong{color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:10mm}body,html{margin:0!important;padding:0!important;background:#fff!important}a[href]:after{content:none!important}abbr[title]:after{content:none!important}.fbs-receipt-table,.fbs-receipt-footer{page-break-inside:avoid}.fbs-receipt-divider{display:none!important}.fbs-receipt-header+.fbs-receipt-divider,.fbs-receipt-details+.fbs-receipt-divider,.fbs-receipt-table+.fbs-receipt-divider{display:block!important;border-top:1px dashed #000;margin:12px 0}}@media(max-width:992px){.fbs-photos-compact{grid-template-columns:1fr}}@media(max-width:768px){.fbs-main-container{padding:0 1rem}.fbs-header{flex-direction:column;gap:.75rem;align-items:flex-start;padding:.875rem 1rem}.fbs-header-actions{width:100%}.fbs-btn-download,.fbs-btn-edit{flex:1;justify-content:center}.fbs-content{padding:1rem}.fbs-footer{padding:.875rem 1rem}.fbs-status-bar{padding:.875rem 1rem;font-size:.75rem}.fbs-table{font-size:.75rem}.fbs-table th,.fbs-table td{padding:.5rem .375rem}.fbs-photo-grid-compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.fbs-main-container{padding:0 .75rem}.fbs-content{padding:.75rem}.fbs-table{font-size:.6875rem}.fbs-photo-grid-compact{grid-template-columns:1fr}}.fbs-walkin-payment-section{padding:1.5rem;background:#f9fafb;border-radius:.75rem;border:2px solid #e5e7eb}.fbs-payment-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 1rem}.fbs-payment-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.fbs-payment-option input[type=radio]:checked+.fbs-payment-label{color:#10b981;font-weight:700}.fbs-payment-success{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#d1fae5;border:1px solid #10b981;border-radius:.5rem;color:#065f46;font-size:.875rem;font-weight:600}.fbs-payment-success svg{color:#10b981;flex-shrink:0}.fbs-payment-section{padding:1.5rem;background:#f9fafb;border-bottom:2px solid #e5e7eb}.fbs-payment-section-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.025em}.fbs-payment-controls{display:flex;flex-direction:column;gap:1.25rem}.fbs-payment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.fbs-payment-option{display:flex;align-items:center;padding:1rem;background:#fff;border:2px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:all .2s}.fbs-payment-option:hover{border-color:#4169e1;background:#eff6ff}.fbs-payment-option.active{border-color:#10b981;background:#d1fae5}.fbs-payment-option input[type=radio]{margin-right:.75rem;width:20px;height:20px;cursor:pointer}.fbs-payment-label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#374151;flex:1}.fbs-partial-payment-input{padding:1rem;background:#fef3c7;border:2px solid #f59e0b;border-radius:.5rem}.fbs-partial-payment-input label{display:block;font-size:.875rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.fbs-amount-input-wrapper{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.fbs-amount-input{flex:1;padding:.75rem;border:2px solid #f59e0b;border-radius:.5rem;font-size:1.125rem;font-weight:600;color:#111827}.fbs-amount-input:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #f59e0b1a}.fbs-amount-total{font-size:.9375rem;font-weight:600;color:#6b7280;white-space:nowrap}.fbs-remaining-amount{font-size:.875rem;color:#92400e;font-weight:500}.fbs-remaining-amount strong{font-weight:700;color:#78350f}.fbs-payment-method label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.fbs-payment-method-select{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;font-weight:600;color:#111827;background:#fff;cursor:pointer}.fbs-payment-method-select:focus{outline:none;border-color:#4169e1;box-shadow:0 0 0 3px #4169e11a}.fbs-payment-complete,.fbs-payment-partial{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.fbs-payment-complete{background:#d1fae5;border:2px solid #10b981;color:#065f46}.fbs-payment-complete svg{color:#10b981;flex-shrink:0}.fbs-payment-partial{background:#fef3c7;border:2px solid #f59e0b;color:#92400e}.fbs-payment-partial svg{color:#f59e0b;flex-shrink:0}@media(max-width:768px){.fbs-payment-options{grid-template-columns:1fr}}.fbs-no-photos{padding:2rem;text-align:center;color:#9ca3af;font-size:.875rem;background:#f9fafb;border-radius:.5rem;border:1px dashed #d1d5db}.fbs-send-warning{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;color:#92400e;font-size:.875rem;font-weight:500}.gfa-container{margin-top:1.5rem}.gfa-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.gfa-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1.5rem}.gfa-section-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 1.25rem;text-transform:uppercase;letter-spacing:.025em;display:flex;align-items:center;gap:.5rem;border-bottom:2px solid #f3f4f6;padding-bottom:.75rem}.gfa-feedback{background:#f9fafb}.gfa-label{display:block;font-size:.8125rem;font-weight:700;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.gfa-rating-display{margin-bottom:1.5rem}.gfa-stars-display{display:flex;gap:.375rem;margin:.625rem 0}.gfa-star-filled{color:#fbbf24;fill:#fbbf24}.gfa-star-empty{color:#d1d5db}.gfa-rating-text{display:block;font-size:.875rem;color:#6b7280;font-weight:600;margin-top:.5rem}.gfa-field{margin-bottom:1.25rem}.gfa-readonly-box{padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#1f2937;line-height:1.6;white-space:pre-wrap}.gfa-tags-display{display:flex;gap:.5rem;flex-wrap:wrap}.gfa-tag-display{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;font-size:.8125rem;font-weight:600;color:#1e40af}.gfa-feedback-date{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb;font-size:.75rem;color:#6b7280;font-style:italic}.gfa-no-feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:#9ca3af}.gfa-no-feedback svg{margin-bottom:1rem;opacity:.5}.gfa-no-feedback p{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#6b7280}.gfa-no-feedback span{font-size:.875rem}.gfa-appointment{background:#fff}.gfa-appointment-info{display:flex;align-items:flex-start;gap:.5rem;padding:.875rem;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:.5rem;margin-bottom:1.5rem}.gfa-appointment-info svg{color:#f59e0b;flex-shrink:0;margin-top:.125rem}.gfa-appointment-info p{margin:0;font-size:.8125rem;color:#92400e;line-height:1.5}.gfa-input{width:100%;padding:.75rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;transition:all .2s}.gfa-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gfa-textarea{width:100%;padding:.75rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;color:#1f2937;resize:vertical;transition:all .2s}.gfa-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gfa-hint{display:block;margin-top:.375rem;font-size:.75rem;color:#6b7280;font-style:italic}.gfa-btn-submit{width:100%;padding:.875rem 1.25rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.gfa-btn-submit:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.gfa-btn-submit:disabled{opacity:.5;cursor:not-allowed}.gfa-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:#6b7280}.gfa-loading svg{color:#3b82f6}@media(max-width:1024px){.gfa-two-columns{grid-template-columns:1fr}}@media(max-width:768px){.gfa-section{padding:1.25rem}}.gfa-btn-add{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .9rem;background:#10b981;color:#fff;border:none;border-radius:.6rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.gfa-btn-add:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.gfa-btn-add:active{transform:translateY(0)}.gfa-appointments-list{display:flex;flex-direction:column;gap:1rem}.gfa-appointment-card{padding:0;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;transition:all .2s}.gfa-appointment-card:hover{border-color:#10b981;box-shadow:0 2px 8px #10b9811a}.gfa-appointment-card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom:1px solid #a7f3d0}.gfa-appointment-number{display:inline-flex;align-items:center;gap:.375rem;font-weight:700;font-size:.8125rem;color:#059669;text-transform:uppercase;letter-spacing:.025em}.gfa-appointment-number:before{content:"📋";font-size:1rem}.gfa-btn-remove{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:#fff;color:#dc2626;border:1px solid #fecaca;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.gfa-btn-remove:hover{background:#fef2f2;border-color:#dc2626;transform:scale(1.05)}.gfa-btn-remove:active{transform:scale(.98)}.gfa-appointment-card .gfa-field{padding:0 1rem;margin-bottom:1rem}.gfa-appointment-card .gfa-field:first-child{padding-top:1rem}.gfa-appointment-card .gfa-field:last-child{padding-bottom:1rem}.roadside-tracking-wrapper{display:flex;flex-direction:column;gap:1rem}.roadside-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.roadside-info-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff}.roadside-info-card.pickup{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.roadside-info-card.distance{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.roadside-info-card.urgency{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.roadside-info-card.urgency.immediate{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2);animation:pulse-card 2s ease-in-out infinite}@keyframes pulse-card{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.roadside-info-card svg{flex-shrink:0;color:#374151}.roadside-info-card h5{margin:0 0 .25rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.roadside-info-card p{margin:0;font-size:.9375rem;font-weight:700;color:#111827}.roadside-map-container{border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014}.roadside-tracking-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:#6b7280}@media(max-width:640px){.roadside-info-cards{grid-template-columns:1fr}}.garage-cust-layout{display:flex;flex-direction:column;min-height:100vh;background:#e8e7f0;margin:0;padding:0}.garage-cust-content-wrapper{display:flex;flex:1;position:relative;min-height:0;margin:0}.garage-cust-main-content{flex:1;padding:0;background:#e8e7f0!important;overflow-y:auto;min-height:0;margin:0!important;width:100%}.garage-cust-management{padding:16px;background:#e8e7f0;color:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:0;width:100%;margin:0;max-width:100%;box-sizing:border-box}@media(min-width:1024px){.garage-cust-management{min-height:0;padding:20px}}.garage-cust-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.garage-cust-header h2{margin:0;font-size:20px;font-weight:700;color:#000}.garage-cust-header-buttons,.garage-cust-stats-chips{display:flex;gap:8px;flex-wrap:wrap}.garage-cust-stat-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-weight:600;color:#374151}.garage-cust-stat-registered{background:#dcfce7;border-color:#bbf7d0;color:#166534}.garage-cust-stat-walkin{background:#fef3c7;border-color:#fde68a;color:#92400e}.garage-cust-search-filter{display:flex;gap:16px;margin-bottom:20px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;flex-wrap:wrap;box-shadow:0 1px 3px #0000000d}.garage-cust-search-container{position:relative;flex:1;min-width:250px}.garage-cust-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.garage-cust-search-input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:10px 40px;font-size:13px;transition:all .2s;font-family:inherit;background:#fff;box-sizing:border-box}.garage-cust-search-input:focus{outline:none;border-color:#b4f2b2;box-shadow:0 0 0 3px #5271ff1a}.garage-cust-search-input::-moz-placeholder{color:#9ca3af}.garage-cust-search-input::placeholder{color:#9ca3af}.garage-cust-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#9ca3af;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.garage-cust-search-clear:hover{background:#6b7280}.garage-cust-filter-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.garage-cust-filter-label{font-weight:600;color:#374151;font-size:13px;white-space:nowrap}.garage-cust-filter-select{border:1px solid #d1d5db;border-radius:6px;padding:8px 32px 8px 12px;font-size:13px;background:#fff;min-width:200px;color:#374151;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}.garage-cust-filter-select:focus{outline:none;border-color:#b4f2b2;box-shadow:0 0 0 3px #5271ff1a}.garage-cust-empty-state{text-align:center;padding:48px 20px;background:#fff;border-radius:12px;border:2px dashed #d1d5db;margin-top:20px}.garage-cust-empty-icon{color:#d1d5db;margin-bottom:16px;display:flex;justify-content:center}.garage-cust-empty-state h3{margin:0 0 8px;color:#111827;font-size:20px;font-weight:700}.garage-cust-empty-state p{margin:0;color:#6b7280;font-size:14px}.garage-cust-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-bottom:16px}.garage-cust-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:14px;transition:all .2s ease;box-shadow:0 2px 4px #0000000f;display:flex;flex-direction:column;gap:10px}.garage-cust-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#b4f2b2}.garage-cust-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:0;padding:0}.garage-cust-name{font-weight:700;font-size:16px;color:#111827;line-height:1.3;text-align:left;margin:0;padding:0;flex:1}.garage-cust-status{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:capitalize;margin:0;padding:0;flex-shrink:0}.garage-cust-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.garage-cust-status.registered .garage-cust-status-dot{background:#10b981}.garage-cust-status.walk-in .garage-cust-status-dot{background:#f59e0b}.garage-cust-type-badge{background:#b4f2b2;color:#fff;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:600;width:-moz-fit-content;width:fit-content;margin:0;text-align:left;display:inline-flex;align-items:center;gap:6px}.garage-cust-details{display:flex;flex-direction:column;gap:7px;margin:2px 0 0;padding:0;background:transparent;flex-grow:1}.garage-cust-detail-row{display:flex;justify-content:flex-start;align-items:center;padding:0;gap:6px;margin:0}.garage-cust-detail-label{font-size:11px;color:#6b7280;font-weight:500;text-align:left;flex-shrink:0;display:inline-flex;align-items:center;gap:4px}.garage-cust-detail-value{font-size:12px;color:#111827;font-weight:600;text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.garage-cust-stats-section{display:flex;gap:12px;margin:4px 0 0;padding:8px 0 0;border-top:1px solid #f3f4f6}.garage-cust-stat-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;font-weight:600}.garage-cust-stat-item svg{color:#b4f2b2;flex-shrink:0}.garage-cust-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 0 0;padding:10px 0 0;border-top:1px solid #f3f4f6}.garage-cust-contact-icons{display:flex;gap:6px;align-items:center}.garage-cust-icon-btn{background:transparent;border:1px solid #d1d5db;border-radius:6px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280;padding:0}.garage-cust-icon-btn:hover{background:#f3f4f6;border-color:#b4f2b2;color:#b4f2b2}.garage-cust-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.garage-cust-view-btn,.garage-cust-edit-btn,.garage-cust-delete-btn{border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;border:1px solid;display:inline-flex;align-items:center;justify-content:center;line-height:1}.garage-cust-view-btn{background:#b4f2b2;border-color:#b4f2b2;color:#fff;padding:8px 14px}.garage-cust-view-btn:hover{background:#b4f2b2;border-color:#b4f2b2}.garage-cust-edit-btn,.garage-cust-delete-btn{background:transparent;border-color:#d1d5db;color:#6b7280;padding:8px 10px;min-width:36px}.garage-cust-edit-btn:hover:not(:disabled){background:#f3f4f6;border-color:#b4f2b2;color:#b4f2b2}.garage-cust-delete-btn:hover:not(:disabled){background:#fef2f2;border-color:#dc2626;color:#dc2626}.garage-cust-loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px;font-weight:500}.garage-cust-loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #b4f2b2;border-radius:50%;animation:garage-cust-spin 1s linear infinite;margin-left:12px;vertical-align:middle}@keyframes garage-cust-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.garage-cust-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}}@media(max-width:992px){.garage-cust-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}}@media(max-width:768px){.garage-cust-management{padding:12px}.garage-cust-header{flex-direction:column;align-items:stretch;gap:12px}.garage-cust-header h2{font-size:18px}.garage-cust-stats-chips{justify-content:stretch;flex-direction:column}.garage-cust-stat-chip{justify-content:center}.garage-cust-search-filter{flex-direction:column;gap:12px;padding:12px}.garage-cust-search-container{min-width:auto}.garage-cust-filter-container{flex-direction:column;align-items:stretch;gap:6px}.garage-cust-filter-select{min-width:auto}.garage-cust-grid{grid-template-columns:1fr;gap:12px}.garage-cust-card{padding:12px}.garage-cust-card-footer{flex-direction:column;align-items:stretch;gap:10px}.garage-cust-contact-icons{justify-content:flex-start}.garage-cust-card-actions{justify-content:stretch}.garage-cust-view-btn{flex:1}}@media(max-width:480px){.garage-cust-card{padding:12px}.garage-cust-name{font-size:15px}.garage-cust-type-badge{font-size:10px;padding:4px 10px}}@media(min-width:1025px){.garage-cust-content-wrapper{margin-top:0;margin-left:0}.garage-cust-main-content{margin-left:0!important;width:100%}}.garage-cust-main-content{margin-left:0!important;margin-right:0!important;width:100%!important}.garage-cust-main-content *{box-sizing:border-box}.garage-cust-layout>*{flex-shrink:0}.garage-cust-content-wrapper>*{min-height:0}.garage-cust-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.garage-cust-header-left{display:flex;flex-direction:column;gap:.75rem}.garage-cust-header h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.garage-cust-add-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#b4f2b2;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.garage-cust-add-btn:hover{background:#b4f2b2;transform:translateY(-1px);box-shadow:0 4px 6px -1px #10b9814d}.garage-cust-add-btn:active{transform:translateY(0)}.garage-cust-empty-add-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;background:#b4f2b2;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.garage-cust-empty-add-btn:hover{background:#b4f2b2;transform:scale(1.02)}.garage-cust-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.garage-cust-loading p{margin-top:1rem;font-size:.875rem}@media(max-width:768px){.garage-cust-header{flex-direction:column;align-items:stretch}.garage-cust-add-btn{width:100%;justify-content:center}}.garage-cust-header-actions{display:flex;gap:12px;align-items:center}.garage-cust-import-btn{padding:10px 20px;background:#fff;border:2px solid #3b82f6;border-radius:8px;font-weight:600;font-size:14px;color:#3b82f6;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.garage-cust-import-btn:hover{background:#3b82f6;color:#fff}.garage-cust-empty-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.garage-cust-empty-import-btn{padding:12px 24px;background:#fff;border:2px solid #3b82f6;border-radius:8px;font-weight:600;font-size:14px;color:#3b82f6;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.garage-cust-empty-import-btn:hover{background:#3b82f6;color:#fff}@media(max-width:768px){.garage-cust-header-actions{flex-direction:column;width:100%}.garage-cust-import-btn,.garage-cust-add-btn{width:100%;justify-content:center}.garage-cust-empty-actions{flex-direction:column;width:100%}.garage-cust-empty-import-btn,.garage-cust-empty-add-btn{width:100%;justify-content:center}}.inventory-container{min-height:100vh;background-color:#e8e7f0;display:flex;flex-direction:column}.inventory-main-wrapper{display:flex;flex:1;position:relative}.inventory-content{position:fixed;inset:64px 0 0 260px;padding:0;overflow:auto;background-color:#e8e7f0}@media(max-width:1024px){.inventory-content{left:0}}.inventory-header{background-color:#e8e7f0;padding:1rem 1.5rem;border-bottom:1px solid #f0eaea;border-width:0;border-style:solid;border-color:#e5e7eb}.hr-divider{height:1px!important;background:#d1d5db!important;margin:16px 0!important}.inventory-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1.5rem}.inventory-title{font-size:1.375rem;font-weight:600;color:#111827;margin:0;white-space:nowrap}.inventory-divider{flex:1;border:none;border-top:2px solid #111827;margin:0}.inventory-categories-section{max-width:1400px;margin:0 auto;padding:1.25rem 1.5rem}.inventory-section-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem}.inventory-search-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.inventory-search-bar{flex:1;position:relative;display:flex;align-items:center}.inventory-search-input{width:100%;padding:.5rem .875rem .5rem 2.25rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;outline:none;transition:all .2s}.inventory-search-input:focus{border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a}.inventory-search-icon{position:absolute;left:.75rem;color:#9ca3af;pointer-events:none}.inventory-add-category-btn{padding:.5rem 1.25rem;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.375rem;white-space:nowrap;box-shadow:0 2px 8px #22c55e4d}.inventory-add-category-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.inventory-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.inventory-category-btn{padding:.625rem 1rem;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center;gap:.375rem}.inventory-category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.inventory-category-btn.active{box-shadow:0 0 0 3px #5b5fc74d;transform:scale(1.02)}.inventory-parts-grid{max-width:1400px;margin:0 auto;padding:0 1.5rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.inventory-part-card{background-color:#fff;border-radius:.625rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s}.inventory-part-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.inventory-part-card-content{display:flex;gap:.875rem;padding:.875rem}.inventory-part-image-square{width:80px;height:80px;min-width:80px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inventory-part-icon{color:#9ca3af}.inventory-part-details{flex:1;min-width:0}.inventory-part-name{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .5rem;line-height:1.3}.inventory-part-info{display:grid;grid-template-columns:auto 1fr;gap:.5rem;padding:.2rem 0;font-size:.8125rem}.inventory-info-label{color:#6b7280;font-weight:500}.inventory-info-value{color:#111827;font-weight:500;text-align:left}.inventory-part-status{display:inline-block;padding:.1875rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;margin:.375rem 0}.inventory-part-actions{display:flex;gap:.375rem;margin-top:.625rem;padding-top:.625rem;border-top:1px solid #f3f4f6}.inventory-icon-btn{flex:1;padding:.4375rem;border:none;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.inventory-icon-btn-edit{background-color:#fef3c7;color:#92400e}.inventory-icon-btn-edit:hover{background-color:#fde68a}.inventory-icon-btn-delete{background-color:#fee2e2;color:#991b1b}.inventory-icon-btn-delete:hover{background-color:#fecaca}.inventory-icon-btn-info{background-color:#dbeafe;color:#1e40af}.inventory-icon-btn-info:hover{background-color:#bfdbfe}.inventory-loading{display:flex;align-items:center;justify-content:center;padding:4rem;color:#5b5fc7}.inventory-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inventory-modal{background-color:#fff;border-radius:.75rem;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.inventory-modal-view{max-width:600px}.inventory-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.inventory-modal-header h2{font-size:1.25rem;font-weight:600;color:#000;margin:0}.inventory-modal-close{background:none;border:none;cursor:pointer;padding:.375rem;border-radius:.375rem;transition:background-color .2s;color:#000}.inventory-modal-close:hover{background-color:#f3f4f6}.inventory-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.inventory-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.inventory-form-field label{display:block;margin-bottom:.5rem;font-size:13px;font-weight:600;color:#374151!important}.inventory-form-field input,.inventory-form-field select{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#111827!important;background:#fff!important;transition:all .2s}.inventory-form-field input:focus,.inventory-form-field select:focus{outline:none;border-color:#4169e1;box-shadow:0 0 0 3px #4169e11a}.inventory-form-field input::-moz-placeholder{color:#9ca3af!important}.inventory-form-field input::placeholder{color:#9ca3af!important}.inventory-form-field-full{grid-column:1 / -1;margin-top:1rem}.inventory-form-field-full label{display:block;margin-bottom:.5rem;font-size:13px;font-weight:600;color:#374151!important}.inventory-description-textarea{width:100%!important;padding:.625rem!important;border:1px solid #d1d5db!important;border-radius:6px!important;font-size:13px!important;color:#111827!important;background:#fff!important;resize:vertical!important;min-height:80px!important;font-family:inherit!important;transition:all .2s}.inventory-description-textarea:focus{outline:none!important;border-color:#4169e1!important;box-shadow:0 0 0 3px #4169e11a!important}.inventory-description-textarea::-moz-placeholder{color:#9ca3af!important}.inventory-description-textarea::placeholder{color:#9ca3af!important}.inventory-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.inventory-btn-cancel,.inventory-btn-submit{padding:.625rem 1.25rem;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.inventory-btn-cancel{background:#fff;color:#374151!important;border:1px solid #d1d5db}.inventory-btn-submit{background:#4169e1;color:#fff!important;border:none}.inventory-btn-submit:hover:not(:disabled){background:#3b5dd9}.inventory-btn-submit:disabled{background:#9ca3af;cursor:not-allowed}.inventory-view-grid{display:grid;grid-template-columns:1fr;gap:.875rem}.inventory-view-item{display:grid;grid-template-columns:140px 1fr;gap:.75rem;padding:.625rem 0;border-bottom:1px solid #f3f4f6}.inventory-view-item-full{grid-template-columns:1fr}.inventory-view-label{font-weight:600;color:#000;font-size:.875rem}.inventory-view-value{color:#000;font-weight:500;font-size:.875rem;text-align:left}@media(max-width:768px){.inventory-header{padding:.875rem 1rem}.inventory-header-content{flex-direction:column;align-items:stretch;gap:.875rem}.inventory-divider{display:none}.inventory-categories-section{padding:1rem}.inventory-search-controls{flex-direction:column}.inventory-add-category-btn{width:100%;justify-content:center}.inventory-categories-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.625rem}.inventory-category-btn{padding:.5rem .875rem;font-size:.75rem}.inventory-parts-grid{grid-template-columns:1fr;padding:0 1rem 1rem;gap:.875rem}.inventory-modal{max-width:100%;max-height:95vh;margin:.5rem}.inventory-form-grid{grid-template-columns:1fr;gap:.875rem}.inventory-view-item{grid-template-columns:1fr;gap:.375rem}}@media(max-width:480px){.inventory-title{font-size:1.125rem}.inventory-part-name{font-size:.875rem}.inventory-part-info{font-size:.75rem}.inventory-categories-grid{grid-template-columns:1fr}.inventory-part-image-square{width:70px;height:70px;min-width:70px}}.inventory-image-upload-compact{grid-column:span 2}.inventory-image-upload-box-compact{display:flex;align-items:center;justify-content:center;height:120px;background:#f9fafb;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;transition:all .2s;width:100%}.inventory-image-upload-box-compact:hover{background:#f3f4f6;border-color:#4169e1}.inventory-upload-icon-compact{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#9ca3af}.inventory-upload-icon-compact span{font-size:12px;font-weight:500}.inventory-image-upload-box-compact:hover .inventory-upload-icon-compact{color:#4169e1}.inventory-image-preview-compact{position:relative;width:100%;height:120px;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f9fafb}.inventory-image-preview-compact img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.inventory-remove-image-btn-compact{position:absolute;top:.5rem;right:.5rem;background:#ef4444;color:#fff;border:none;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:.9}.inventory-remove-image-btn-compact:hover{opacity:1;transform:scale(1.1)}.inventory-image-input{display:none}@media(max-width:768px){.inventory-image-upload-compact{grid-column:span 1}}.inventory-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb;padding:0 .25rem}.inventory-tab-btn{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:.9375rem;font-weight:600;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;position:relative;margin-bottom:-2px}.inventory-tab-btn:hover{color:#5b5fc7;background:#f9fafb}.inventory-tab-btn.active{color:#5b5fc7;border-bottom-color:#5b5fc7;background:transparent}.inventory-tab-btn svg{flex-shrink:0}.inventory-service-meta{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#6b7280;margin-bottom:.5rem}.inventory-service-description{font-size:.8125rem;color:#6b7280;line-height:1.6;margin-bottom:.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inventory-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem}.inventory-service-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:.625rem}.inventory-service-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#5b5fc7}.inventory-service-meta{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#6b7280}.inventory-service-meta svg{flex-shrink:0;color:#9ca3af}.inventory-service-description{font-size:.8125rem;color:#6b7280;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1200px){.inventory-services-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:768px){.inventory-services-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:480px){.inventory-services-grid{grid-template-columns:1fr}}.inventory-service-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.inventory-service-name-section{display:flex;align-items:flex-start;gap:.5rem;flex:1;min-width:0}.inventory-service-icon{color:#5b5fc7;flex-shrink:0;margin-top:.125rem}.inventory-service-name{margin:0;font-size:.9375rem;font-weight:700;color:#111827;line-height:1.4;word-break:break-word}.inventory-service-price{font-size:1rem;font-weight:700;color:#5b5fc7;white-space:nowrap;flex-shrink:0}.inventory-service-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb;justify-content:space-between;margin-top:auto}.inventory-service-actions .inventory-icon-btn{flex:1;min-width:0;padding:.5rem .75rem;font-size:.8125rem;display:flex;align-items:center;justify-content:center;gap:.375rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inventory-service-card{animation:fadeIn .3s ease-out}.inventory-service-card:nth-child(1){animation-delay:.05s}.inventory-service-card:nth-child(2){animation-delay:.1s}.inventory-service-card:nth-child(3){animation-delay:.15s}.inventory-service-card:nth-child(4){animation-delay:.2s}.inventory-service-card:nth-child(5){animation-delay:.25s}.inventory-service-card:nth-child(6){animation-delay:.3s}.inventory-service-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:#f3f4f6;color:#6b7280;border-radius:.375rem;font-size:.75rem;font-weight:600}.inventory-service-badge.active{background:#dbeafe;color:#1e40af}.inventory-loading{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.inventory-stock-compact{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inventory-stock-badge-compact{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1.5px solid;font-size:12px;font-weight:600;white-space:nowrap}.inventory-stock-icon-compact{font-size:13px;line-height:1}.inventory-stock-label-compact{text-transform:uppercase;letter-spacing:.3px;font-size:11px}.inventory-qty-compact{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:12px;color:#111827;font-weight:600;white-space:nowrap}.inventory-qty-num{font-weight:700;color:#5271ff;font-size:13px}.inventory-part-card:hover .inventory-stock-badge-compact{box-shadow:0 2px 8px #0000001a}.inventory-part-card:hover .inventory-qty-compact{background:#fff;border-color:#5271ff}@media(max-width:480px){.inventory-stock-compact{gap:6px}.inventory-stock-badge-compact{padding:5px 10px;font-size:11px}.inventory-qty-compact{padding:5px 8px;font-size:11px}.inventory-qty-num{font-size:12px}}.inventory-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.inventory-modal{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.inventory-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.inventory-modal-header h2{margin:0;font-size:18px;font-weight:700;color:#111827}.inventory-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:0;display:flex;align-items:center;justify-content:center}.inventory-modal-close:hover{color:#111827}.inventory-modal-body{padding:20px}.inventory-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}@media(max-width:480px){.inventory-form-grid{grid-template-columns:1fr}}.inventory-form-field{display:flex;flex-direction:column}.inventory-form-field label{font-size:13px;font-weight:600;color:#111827;margin-bottom:6px}.inventory-form-field input,.inventory-form-field select,.inventory-form-field textarea{padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:inherit}.inventory-form-field input:focus,.inventory-form-field select:focus,.inventory-form-field textarea:focus{outline:none;border-color:#5271ff;box-shadow:0 0 0 3px #5271ff1a}.inventory-form-field textarea{resize:vertical}.inventory-modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;justify-content:flex-end}.inventory-btn-cancel,.inventory-btn-submit{padding:10px 20px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.inventory-btn-cancel{background:#fff;color:#374151}.inventory-btn-cancel:hover{background:#f3f4f6}.inventory-btn-submit{background:#5271ff;color:#fff;border-color:#5271ff}.inventory-btn-submit:hover:not(:disabled){background:#3d5ce3;border-color:#3d5ce3}.inventory-btn-submit:disabled,.inventory-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.pd-container{min-height:100vh;background:#e8e7f0}.pd-main-wrapper{display:flex;min-height:calc(100vh - 70px)}.pd-content{flex:1;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}.pd-loading,.pd-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.pd-loading .animate-spin{animation:spin 1s linear infinite;color:#4169e1}.pd-top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.pd-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#4169e1;color:#fff!important;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;text-decoration:none}.pd-back-btn:hover{background:#3b5dd9;transform:translateY(-1px);box-shadow:0 2px 4px #4169e14d}.pd-top-actions{display:flex;gap:.75rem;align-items:center}.pd-btn-edit,.pd-btn-delete,.pd-btn-export{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.pd-btn-edit{background:#4169e1;color:#fff!important}.pd-btn-edit:hover{background:#3b5dd9;transform:translateY(-1px);box-shadow:0 2px 4px #4169e14d}.pd-btn-delete{background:#ef4444;color:#fff!important}.pd-btn-delete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #ef44444d}.pd-btn-export{background:#8b5cf6;color:#fff!important}.pd-btn-export:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 2px 4px #8b5cf64d}.pd-btn-edit svg,.pd-btn-delete svg,.pd-btn-export svg,.pd-back-btn svg{color:#fff!important;fill:#fff!important;stroke:currentColor}.pd-title{font-size:28px;font-weight:700;color:#111827!important;margin:1rem 0 1.5rem;line-height:1.2}.pd-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden;margin-bottom:24px}.pd-card-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.pd-info-title{font-size:16px;font-weight:700;color:#111827;margin:0}.pd-card-content{display:flex;gap:24px;padding:24px}.pd-image-col{flex:0 0 200px;display:flex;flex-direction:column;gap:12px}.pd-image-box{width:100%;aspect-ratio:1;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;flex-shrink:0}.pd-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9ca3af;background:#f9fafb}.pd-image-placeholder p{margin:0;font-size:12px;font-weight:500}.pd-thumb-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pd-thumb-img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease}.pd-thumb-img:hover{border-color:#5271ff;box-shadow:0 2px 6px #5271ff33}.pd-info-col-main{flex:1;display:flex;flex-direction:column;gap:20px}.pd-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.pd-info-col{display:flex;flex-direction:column;gap:14px}.pd-field{display:flex;flex-direction:column;gap:6px}.pd-field-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0}.pd-field-value{font-size:14px;font-weight:500;color:#111827;margin:0;line-height:1.5}.pd-stock-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:16px;border-top:1px solid #e5e7eb}.pd-status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;width:-moz-fit-content;width:fit-content;border:1px solid}.pd-status-in_stock{background:#ecfdf5;color:#065f46;border-color:#d1fae5}.pd-status-low_stock{background:#fffbeb;color:#78350f;border-color:#fef3c7}.pd-status-out_of_stock{background:#fef2f2;color:#7f1d1d;border-color:#fee2e2}.pd-qty-value{display:flex;align-items:center;gap:8px}.pd-qty-num{font-size:18px;font-weight:700;color:#5271ff}.pd-qty-unit{font-size:13px;font-weight:500;color:#6b7280}.pd-info-card{transition:box-shadow .2s ease}.pd-info-card:hover{box-shadow:0 4px 12px #00000014}@media(max-width:1024px){.pd-card-content{flex-direction:column;gap:20px}.pd-image-col{flex:0 0 auto;width:150px}.pd-info-grid{grid-template-columns:1fr;gap:20px}.pd-stock-section{grid-template-columns:1fr}}@media(max-width:640px){.pd-card-header{padding:16px}.pd-card-content{padding:16px;gap:16px}.pd-image-col{flex:0 0 120px;width:120px}.pd-info-grid{gap:16px}.pd-info-col{gap:10px}.pd-field-label{font-size:11px}.pd-field-value{font-size:13px}.pd-thumb-gallery{grid-template-columns:repeat(2,1fr);gap:6px}}.pd-main-right{display:flex;align-items:flex-start;justify-content:center}.pd-image-box{width:280px;height:280px;border:2px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f9fafb;box-shadow:0 2px 4px #0000000d}.pd-image-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pd-no-image{color:#9ca3af!important;font-size:14px;font-weight:500;text-align:center}@media(max-width:1024px){.pd-main-card{grid-template-columns:1fr;gap:2rem}.pd-main-right{justify-content:center}.pd-image-box{width:100%;max-width:400px}}@media(max-width:768px){.pd-top-header{flex-direction:column;gap:1rem;align-items:stretch}.pd-top-actions{flex-wrap:wrap;width:100%}.pd-btn-edit,.pd-btn-delete,.pd-btn-export{flex:1;min-width:120px}.pd-title{font-size:22px}.pd-main-card{padding:1.5rem}.pd-info-label-compact{min-width:110px;font-size:12px}.pd-info-value-compact{font-size:12px}}.pd-section{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.pd-section h2{font-size:18px;font-weight:700;color:#111827;margin-bottom:1rem}.pd-subsection-title{font-size:15px;font-weight:600;color:#374151;margin:1.5rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.pd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pd-section-header h2{margin:0}.pd-add-icon-btn{width:32px;height:32px;border-radius:50%;background:#4169e1;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pd-add-icon-btn:hover{background:#3b5dd9;transform:scale(1.05)}.pd-supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.pd-supplier-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s;display:flex;flex-direction:column}.pd-supplier-card:hover{box-shadow:0 4px 6px #0000000d}.pd-supplier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.pd-supplier-header h3{font-size:15px;font-weight:700;margin:0;padding:0;border:none;color:#111827;text-align:left}.pd-supplier-actions{display:flex;gap:.375rem}.pd-supplier-edit-btn,.pd-supplier-delete-btn{width:24px;height:24px;border-radius:4px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pd-supplier-edit-btn{background:#eff6ff;color:#4169e1}.pd-supplier-edit-btn:hover{background:#4169e1;color:#fff}.pd-supplier-delete-btn{background:#fee2e2;color:#ef4444}.pd-supplier-delete-btn:hover{background:#ef4444;color:#fff}.pd-supplier-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;flex:1}.pd-info-line{display:flex;align-items:flex-start;gap:.5rem;font-size:13px;line-height:1.4}.pd-info-label{font-weight:600;color:#6b7280;min-width:65px;text-align:left;flex-shrink:0}.pd-info-text{color:#111827;text-align:left;word-break:break-word;flex:1}.pd-link{color:#4169e1;text-decoration:none;font-weight:500}.pd-link:hover{text-decoration:underline}.pd-request-btn{width:100%;padding:.5rem;background:#4169e1;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.375rem}.pd-request-btn:hover{background:#3b5dd9}.pd-add-card{display:flex;align-items:center;justify-content:center;background:#f9fafb;border:2px dashed #cbd5e1;cursor:pointer;min-height:180px}.pd-add-card:hover{background:#f3f4f6;border-color:#4169e1}.pd-add-card svg{color:#9ca3af}.pd-table-wrapper{overflow-x:auto;margin-bottom:1rem}.pd-table{width:100%;border-collapse:collapse;font-size:13px}.pd-table th{background:#f9fafb;padding:.625rem .875rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:12px}.pd-table td{padding:.625rem .875rem;color:#111827;border-bottom:1px solid #f3f4f6}.pd-table td.capitalize{text-transform:capitalize}.pd-table td.positive{color:#10b981;font-weight:600}.pd-table td.negative{color:#ef4444;font-weight:600}.pd-no-data{text-align:center;color:#9ca3af;font-style:italic}.pd-view-more-btn{width:100%;padding:.625rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#4169e1;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.pd-view-more-btn:hover{background:#f3f4f6}.pd-work-order-badge{display:inline-block;padding:.25rem .625rem;background:#4169e1;color:#fff;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace}.pd-loading-cell{text-align:center!important;padding:2rem!important;color:#6b7280}.pd-loading-cell .animate-spin{display:inline-block;margin-right:.5rem;vertical-align:middle}.pd-financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.pd-financial-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s}.pd-financial-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.pd-financial-card.pd-highlight{background:linear-gradient(135deg,#eff6ff,#f3f4f6);border-color:#4169e1}.pd-financial-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.pd-financial-value{font-size:24px;font-weight:700;color:#111827;line-height:1}.pd-financial-breakdown{font-size:11px;color:#9ca3af;font-weight:500}@media(max-width:768px){.pd-financial-grid{grid-template-columns:1fr}}.pd-media-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pd-upload-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#4169e1;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.pd-upload-btn:hover{background:#3b5dd9}.pd-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.pd-media-item{position:relative;aspect-ratio:1;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s}.pd-media-item:hover{transform:scale(1.02);box-shadow:0 4px 6px #0000001a}.pd-media-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pd-media-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.pd-primary-label{background:#4169e1;color:#fff;padding:.25rem .75rem;border-radius:6px;font-size:12px;font-weight:600}.pd-delete-media-btn{background:#ef4444;color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pd-no-media{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#f9fafb;border:2px dashed #cbd5e1;border-radius:10px}.pd-no-media p{margin-top:1rem;color:#6b7280;font-size:14px}.pd-attachments{display:flex;flex-direction:column;gap:.75rem}.pd-attachment-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.pd-attachment-item:hover{background:#f3f4f6}.pd-attachment-info{display:flex;align-items:center;gap:.75rem;flex:1}.pd-attachment-icon{font-size:24px}.pd-attachment-name{font-size:14px;font-weight:600;color:#111827}.pd-attachment-meta{font-size:12px;color:#6b7280;margin-top:.25rem}.pd-attachment-actions{display:flex;gap:.5rem}.pd-attachment-download,.pd-attachment-delete{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:none}.pd-attachment-download{background:#eff6ff;color:#4169e1;text-decoration:none}.pd-attachment-download:hover{background:#4169e1;color:#fff}.pd-attachment-delete{background:#fee2e2;color:#ef4444}.pd-attachment-delete:hover{background:#ef4444;color:#fff}.pd-no-attachments{padding:2rem;text-align:center;color:#6b7280;background:#f9fafb;border:2px dashed #cbd5e1;border-radius:8px}.pd-upload-area{margin:1rem 0}.pd-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#f9fafb;border:2px dashed #cbd5e1;border-radius:10px;cursor:pointer;transition:all .2s}.pd-upload-label:hover{background:#f3f4f6;border-color:#4169e1}.pd-upload-icon{color:#9ca3af;margin-bottom:1rem}.pd-upload-label:hover .pd-upload-icon{color:#4169e1}.pd-upload-text{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.5rem}.pd-upload-text strong{font-size:14px;color:#111827}.pd-upload-text span{font-size:13px;color:#6b7280}.pd-upload-hint{font-size:12px;color:#9ca3af}.pd-selected-files{margin-top:1rem;padding:1rem;background:#f3f4f6;border-radius:8px}.pd-selected-files h4{font-size:13px;font-weight:600;color:#374151;margin:0 0 .75rem}.pd-selected-files ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.pd-selected-files li{display:flex;align-items:center;gap:.5rem;font-size:13px;color:#111827}.pd-file-size{color:#6b7280;font-size:12px;margin-left:auto}.pd-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.pd-modal{background:#fff;border-radius:10px;width:100%;max-width:550px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d}.pd-modal-header{padding:1.25rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.pd-modal-header h2{margin:0;font-size:18px;font-weight:700;color:#111827}.pd-modal-header button{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;color:#6b7280;transition:all .2s}.pd-modal-header button:hover{color:#111827}.pd-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.pd-form-field{margin-bottom:1rem}.pd-form-field label{display:block;margin-bottom:.5rem;font-size:13px;font-weight:600;color:#374151}.pd-form-field input,.pd-form-field textarea,.pd-form-field select{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#111827;background:#fff;transition:all .2s}.pd-form-field input:focus,.pd-form-field textarea:focus,.pd-form-field select:focus{outline:none;border-color:#4169e1;box-shadow:0 0 0 3px #4169e11a}.pd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pd-form-checkbox{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.pd-form-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.pd-form-checkbox label{font-size:13px;font-weight:500;color:#374151;cursor:pointer}.pd-modal-footer{padding:1rem 1.25rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem;background:#f9fafb}.pd-btn-cancel,.pd-btn-submit{padding:.625rem 1.25rem;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.pd-btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.pd-btn-cancel:hover{background:#f3f4f6}.pd-btn-submit{background:#4169e1;color:#fff;border:none}.pd-btn-submit:hover{background:#3b5dd9}@media(max-width:1024px){.pd-main-card{grid-template-columns:1fr}.pd-image-section{justify-content:center}.pd-supplier-grid{grid-template-columns:repeat(2,1fr)}.pd-financial-text{grid-template-columns:1fr}}@media(max-width:768px){.pd-content{padding:1rem}.pd-top-header{flex-direction:column;gap:.75rem;align-items:flex-start}.pd-top-actions{width:100%;flex-wrap:wrap}.pd-main-grid,.pd-supplier-grid,.pd-form-grid{grid-template-columns:1fr}}.pd-image-box-container{display:flex;flex-direction:column;gap:12px}.pd-image-box{position:relative;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#f3f4f6;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.pd-image-box:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.pd-part-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pd-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9ca3af;width:100%;height:100%}.pd-image-placeholder p{font-size:16px;font-weight:500;margin:0;color:#6b7280}.pd-image-placeholder small{font-size:12px;color:#9ca3af}.pd-thumb-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.pd-thumb-item{position:relative;width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.pd-thumb-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633;transform:scale(1.05)}.pd-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pd-image-col{flex:0 0 auto;width:280px;display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.pd-image-col{width:100%}.pd-thumb-gallery{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}}.pd-media-section{display:flex;flex-direction:column;gap:16px}.pd-media-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.pd-subsection-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.pd-media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;min-height:150px}.pd-media-main-item{grid-column:span 2}.pd-media-item,.pd-media-main-item{position:relative;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;transition:all .3s ease}.pd-media-item:hover,.pd-media-main-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.pd-media-img-wrapper{position:relative;width:100%;padding-bottom:100%}.pd-media-main-img,.pd-media-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pd-media-badge{position:absolute;top:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.pd-media-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.pd-media-item:hover .pd-media-overlay{opacity:1}.pd-delete-media-btn{background:#ef4444;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pd-delete-media-btn:hover{background:#dc2626;transform:scale(1.1)}.pd-no-media{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;color:#9ca3af}.pd-no-media p{margin:0;font-size:14px;color:#6b7280}.pd-attachments{display:flex;flex-direction:column;gap:8px}.pd-attachment-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.pd-attachment-item:hover{background:#f3f4f6;border-color:#d1d5db}.pd-attachment-icon-box{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:6px}.pd-doc-icon{font-size:20px}.pd-attachment-info{flex:1;min-width:0}.pd-attachment-name{font-size:14px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-attachment-meta{font-size:12px;color:#6b7280;margin-top:2px}.pd-attachment-actions{display:flex;gap:8px}.pd-attachment-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff;color:#6b7280;text-decoration:none}.pd-attachment-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.pd-attachment-btn.pd-download:hover{background:#dbeafe;border-color:#3b82f6;color:#3b82f6}.pd-attachment-btn.pd-delete:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.pd-no-attachments{padding:24px;text-align:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;color:#9ca3af}.pd-upload-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.pd-upload-btn:hover{background:#2563eb;box-shadow:0 2px 8px #3b82f633}.pd-upload-btn-small{padding:8px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.pd-upload-btn-small:hover{background:#2563eb}.pd-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.pd-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;max-width:500px;width:90%;animation:slideUp .3s ease-out}.pd-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.pd-modal-header h2{font-size:18px;font-weight:700;color:#1f2937;margin:0}.pd-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:0;display:flex;align-items:center}.pd-modal-close:hover{color:#1f2937}.pd-modal-close:disabled{opacity:.5;cursor:not-allowed}.pd-modal-body{padding:24px}.pd-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e5e7eb}.pd-file-upload-box{display:flex;align-items:center;justify-content:center;width:100%;padding:32px;border:2px dashed #3b82f6;border-radius:8px;background:linear-gradient(135deg,#eff6ff,#f0f9ff);cursor:pointer;transition:all .3s ease}.pd-file-upload-box:hover{border-color:#2563eb;background:linear-gradient(135deg,#dbeafe,#e0f2fe)}.pd-file-input{display:none}.pd-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280;pointer-events:none}.pd-upload-placeholder span{font-size:14px;font-weight:600;color:#1f2937}.pd-upload-placeholder small{font-size:12px;color:#9ca3af}.pd-btn-cancel,.pd-btn-submit{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.pd-btn-cancel{background:#f3f4f6;color:#374151}.pd-btn-cancel:hover{background:#e5e7eb}.pd-btn-submit{background:#3b82f6;color:#fff}.pd-btn-submit:hover{background:#2563eb}.pd-btn-cancel:disabled,.pd-btn-submit:disabled{opacity:.6;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fin-layout{display:flex;flex-direction:column;min-height:100vh;background:#e8e7f0;margin:0;padding:0}.fin-content-wrapper{display:flex;flex:1;position:relative;min-height:0;margin:0}.fin-main-content{flex:1;padding:0;background:#e8e7f0!important;overflow-y:auto;min-height:0;margin:0!important;width:100%}.fin-management{padding:16px;background:#e8e7f0;color:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:0;width:100%;margin:0;max-width:100%;box-sizing:border-box}@media(min-width:1024px){.fin-management{min-height:0;padding:20px}}.fin-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding:0;flex-wrap:wrap}.fin-header-left{display:flex;flex-direction:column;gap:4px}.fin-header h2{margin:0;padding:0;font-size:20px;font-weight:700;color:#000;line-height:1.3}.fin-subtitle{color:#6b7280;font-size:13px;margin:0;padding:0;line-height:1.4}.fin-period-selector{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:8px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.fin-period-selector:hover{border-color:#5271ff;box-shadow:0 0 0 3px #5271ff1a}.fin-period-selector svg{color:#6b7280;flex-shrink:0}.fin-period-selector select{border:none;background:transparent;font-size:13px;font-weight:600;color:#374151;cursor:pointer;outline:none;padding:0 20px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right center;background-repeat:no-repeat;background-size:16px}.fin-error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:20px;animation:slideDown .3s ease-out;box-shadow:0 1px 3px #0000000d}.fin-error-banner svg{flex-shrink:0}.fin-error-banner span{flex:1;font-size:13px;font-weight:500}.fin-error-banner button{padding:6px 16px;background-color:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:background-color .2s}.fin-error-banner button:hover{background-color:#b91c1c}.fin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-bottom:20px}.fin-stat-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;transition:all .2s ease;box-shadow:0 2px 4px #0000000f}.fin-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#5271ff}.fin-stat-icon{width:48px;height:48px;min-width:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fin-stat-revenue .fin-stat-icon{background:linear-gradient(135deg,#5271ff1a,#5271ff33);color:#5271ff}.fin-stat-expenses .fin-stat-icon{background:linear-gradient(135deg,#ef44441a,#ef444433);color:#ef4444}.fin-stat-profit .fin-stat-icon{background:linear-gradient(135deg,#10b9811a,#10b98133);color:#10b981}.fin-stat-orders .fin-stat-icon{background:linear-gradient(135deg,#f59e0b1a,#f59e0b33);color:#f59e0b}.fin-stat-content{flex:1;min-width:0}.fin-stat-label{font-size:11px;color:#6b7280;margin:0 0 6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.fin-stat-value{font-size:24px;font-weight:700;color:#111827;margin:0 0 6px;line-height:1.2;word-break:break-word}.fin-stat-detail{font-size:12px;color:#6b7280;margin:0;line-height:1.4;font-weight:500}.fin-charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:14px;margin-bottom:20px}.fin-chart-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:16px;transition:all .2s ease;box-shadow:0 2px 4px #0000000f}.fin-chart-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#5271ff}.fin-chart-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.fin-chart-header h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 4px}.fin-chart-header p{font-size:12px;color:#6b7280;margin:0;font-weight:500}.fin-no-data{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;font-size:13px;text-align:center;font-style:italic}.fin-bottom-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:14px;margin-bottom:20px}.fin-table-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:16px;transition:all .2s ease;box-shadow:0 2px 4px #0000000f}.fin-table-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#5271ff}.fin-table-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.fin-table-header h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 4px}.fin-table-header p{font-size:12px;color:#6b7280;margin:0;font-weight:500}.fin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.fin-table-wrapper::-webkit-scrollbar{height:6px}.fin-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.fin-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.fin-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.fin-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.fin-table thead th{text-align:left;padding:10px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb;background:#f9fafb}.fin-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.fin-table tbody tr:last-child{border-bottom:none}.fin-table tbody tr:hover{background:#f9fafb}.fin-table tbody td{padding:12px 10px;font-size:13px;color:#374151;vertical-align:middle}.fin-customer-cell{display:flex;align-items:center;gap:10px}.fin-customer-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,#5271ff,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;text-transform:uppercase}.fin-customer-name{font-weight:600;color:#111827;margin:0 0 2px;line-height:1.4;font-size:13px}.fin-customer-phone{font-size:11px;color:#6b7280;margin:0;line-height:1.4}.fin-amount{font-weight:700;color:#111827;white-space:nowrap}.fin-order-id{font-family:SF Mono,Monaco,Inconsolata,Courier New,monospace;color:#6b7280;font-size:11px;background:#f3f4f6;padding:4px 8px;border-radius:4px;display:inline-block;font-weight:600}.fin-status-badge{display:inline-block;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize;white-space:nowrap}.fin-status-paid{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.fin-status-unpaid{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.fin-status-partial{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.fin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280;min-height:400px}.fin-loading p{margin-top:1rem;font-size:13px;font-weight:500}.fin-main-content{scroll-behavior:smooth}.fin-main-content::-webkit-scrollbar{width:8px}.fin-main-content::-webkit-scrollbar-track{background:#f3f4f6}.fin-main-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.fin-main-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.fin-period-selector select:focus{outline:none}.fin-error-banner button:focus{outline:2px solid #dc2626;outline-offset:2px}@media(max-width:1200px){.fin-stats-grid{grid-template-columns:repeat(2,1fr)}.fin-charts-row,.fin-bottom-row{grid-template-columns:1fr}}@media(max-width:768px){.fin-management{padding:12px}.fin-stats-grid{grid-template-columns:1fr;gap:12px}.fin-header{flex-direction:column;align-items:stretch;gap:12px}.fin-header h2{font-size:18px}.fin-period-selector{width:100%;justify-content:space-between}.fin-stat-value{font-size:20px}.fin-charts-row{grid-template-columns:1fr;gap:12px}.fin-chart-card,.fin-table-card{padding:14px}.fin-table thead th,.fin-table tbody td{padding:8px 6px;font-size:12px}.fin-customer-avatar{width:32px;height:32px;font-size:12px}}@media(max-width:480px){.fin-stat-card{padding:12px}.fin-stat-icon{width:40px;height:40px}.fin-stat-value{font-size:18px}.fin-table thead{display:none}.fin-table tbody tr{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:12px}.fin-table tbody td{padding:6px 0;border-bottom:1px solid #f3f4f6}.fin-table tbody td:last-child{border-bottom:none}.fin-table tbody td:before{content:attr(data-label);font-weight:600;color:#6b7280;display:block;margin-bottom:4px;font-size:11px;text-transform:uppercase}}@media(min-width:1025px){.fin-content-wrapper{margin-top:0;margin-left:0}.fin-main-content{margin-left:0!important;width:100%}}.fin-main-content{margin-left:0!important;margin-right:0!important;width:100%!important}.fin-main-content *{box-sizing:border-box}.fin-layout>*{flex-shrink:0}.fin-content-wrapper>*{min-height:0}.fin-chart-card{background:#f9fafb;border-radius:16px;padding:24px;border:1px solid #e5e7eb;margin-bottom:20px}.fin-chart-header{margin-bottom:20px}.fin-chart-header h3{margin:0;font-size:16px;font-weight:600;color:#111827;text-transform:uppercase;letter-spacing:.5px}.fin-chart-card:last-child{margin-bottom:0}.rep-layout{display:flex;flex-direction:column;min-height:100vh;background:#e8e7f0;margin:0;padding:0}.rep-content-wrapper{display:flex;flex:1;position:relative;min-height:0;margin:0}.rep-main-content{flex:1;padding:0;background:#e8e7f0!important;overflow-y:auto;min-height:0;margin:0!important;width:100%}.rep-management{padding:16px;background:#e8e7f0;color:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:0;width:100%;margin:0;max-width:100%;box-sizing:border-box}@media(min-width:1024px){.rep-management{min-height:0;padding:20px}}.rep-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding:0;flex-wrap:wrap}.rep-header-left{display:flex;flex-direction:column;gap:4px}.rep-header h2{margin:0;padding:0;font-size:20px;font-weight:700;color:#000;line-height:1.3}.rep-subtitle{color:#6b7280;font-size:13px;margin:0;padding:0;line-height:1.4}.rep-generator-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000f}.rep-generator-card h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.rep-generator-form{display:flex;flex-direction:column;gap:16px}.rep-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.rep-form-field{display:flex;flex-direction:column;gap:6px}.rep-form-field label{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.rep-form-field select,.rep-form-field input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#111827;background:#fff;transition:all .2s;font-family:inherit}.rep-form-field select:focus,.rep-form-field input:focus{outline:none;border-color:#b4f2b2;box-shadow:0 0 0 3px #5271ff1a}.rep-form-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.rep-actions{display:flex;gap:10px;flex-wrap:wrap}.rep-btn-generate,.rep-btn-download{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.rep-btn-generate{background:#b4f2b2;color:#fff;box-shadow:0 2px 4px #5271ff4d}.rep-btn-generate:hover:not(:disabled){background:#b4f2b2;transform:translateY(-1px);box-shadow:0 4px 8px #5271ff66}.rep-btn-generate:disabled{opacity:.6;cursor:not-allowed}.rep-btn-download{background:#10b981;color:#fff;box-shadow:0 2px 4px #10b9814d}.rep-btn-download:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}.rep-section{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000f;transition:all .2s ease}.rep-section:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#b4f2b2}.rep-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.rep-section-header svg{color:#b4f2b2;flex-shrink:0}.rep-section-header h3{font-size:16px;font-weight:700;color:#111827;margin:0}.rep-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.rep-stat-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;transition:all .2s}.rep-stat-box:hover{background:#fff;border-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 8px #5271ff26}.rep-stat-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0}.rep-stat-value{font-size:22px;font-weight:700;color:#111827;margin:0;line-height:1.2}.rep-stat-success{color:#10b981}.rep-stat-warning{color:#f59e0b}.rep-stat-danger{color:#ef4444}.rep-chart-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}.rep-chart-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.rep-chart-card h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.rep-stats-list{display:flex;flex-direction:column;gap:12px}.rep-stat-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.rep-stat-item:hover{background:#fff;border-color:#b4f2b2;transform:translate(4px)}.rep-stat-item svg{color:#b4f2b2;flex-shrink:0}.rep-stat-item-label{font-size:11px;font-weight:500;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.05em}.rep-stat-item-value{font-size:18px;font-weight:700;color:#111827;margin:0}.rep-main-content{scroll-behavior:smooth}.rep-main-content::-webkit-scrollbar{width:8px}.rep-main-content::-webkit-scrollbar-track{background:#f3f4f6}.rep-main-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.rep-main-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:1200px){.rep-chart-row{grid-template-columns:1fr}}@media(max-width:768px){.rep-management{padding:12px}.rep-header{flex-direction:column;align-items:stretch}.rep-header h2{font-size:18px}.rep-form-row{grid-template-columns:1fr}.rep-actions{flex-direction:column}.rep-btn-generate,.rep-btn-download{width:100%;justify-content:center}.rep-stats-grid{grid-template-columns:1fr}.rep-stat-value{font-size:20px}.rep-chart-row{grid-template-columns:1fr}}@media(max-width:480px){.rep-generator-card,.rep-section{padding:14px}.rep-stat-box{padding:12px}.rep-stat-value{font-size:18px}}@media(min-width:1025px){.rep-content-wrapper{margin-top:0;margin-left:0}.rep-main-content{margin-left:0!important;width:100%}}.rep-main-content{margin-left:0!important;margin-right:0!important;width:100%!important}.rep-main-content *{box-sizing:border-box}.rep-layout>*{flex-shrink:0}.rep-content-wrapper>*{min-height:0}.rep-report-container{background:#fff;padding:30px;margin-top:20px}.rep-pdf-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:3px solid #b4f2b2;margin-bottom:30px;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:8px}.rep-pdf-header-left{display:flex;align-items:center;gap:15px}.rep-pdf-header-left svg{color:#b4f2b2}.rep-pdf-header-left h1{font-size:22px;font-weight:700;color:#111827;margin:0 0 5px}.rep-pdf-header-left p{font-size:13px;color:#6b7280;margin:0}.rep-pdf-header-right{text-align:right}.rep-pdf-header-right h2{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px}.rep-pdf-header-right p{font-size:12px;color:#6b7280;margin:2px 0}.rep-breakdown-table{margin-top:20px;padding:16px;background:#f9fafb;border-radius:8px}.rep-breakdown-table h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.rep-breakdown-table table{width:100%;border-collapse:collapse}.rep-breakdown-table thead th{text-align:left;padding:10px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:2px solid #e5e7eb;background:#fff}.rep-breakdown-table tbody tr{border-bottom:1px solid #f3f4f6}.rep-breakdown-table tbody td{padding:10px;font-size:13px;color:#374151}.rep-pdf-footer{margin-top:40px;padding-top:20px;border-top:2px solid #e5e7eb;text-align:center}.rep-pdf-footer p{font-size:12px;color:#6b7280;margin:5px 0}.set-layout{display:flex;flex-direction:column;min-height:100vh;background:#e8e7f0;margin:0;padding:0}.set-content-wrapper{display:flex;flex:1;position:relative;min-height:0;margin:0}.set-main-content{flex:1;padding:0!important;background:#e8e7f0!important;overflow-y:auto;min-height:0;margin:0!important;width:100%}.set-management{padding:16px;background:#e8e7f0;color:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:0;width:100%;margin:0;max-width:100%;box-sizing:border-box}@media(min-width:1024px){.set-management{min-height:0;padding:20px;margin:0;max-width:100%}}.set-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding:0;flex-wrap:wrap}.set-header-left{display:flex;flex-direction:column;gap:4px}.set-header h2{margin:0;padding:0;font-size:20px;font-weight:700;color:#000;line-height:1.3;text-align:left}.set-subtitle{color:#6b7280;font-size:13px;margin:0;padding:0;line-height:1.4;text-align:left}.set-message{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin:0 0 20px;font-size:13px;font-weight:500;animation:slideDown .3s ease-out}.set-message-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.set-message-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.set-message svg{flex-shrink:0}.set-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:0 0 20px;background:#fff;padding:8px;border-radius:10px;border:1px solid #e0dfe8;box-shadow:0 2px 4px #0000000f}.set-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap}.set-tab:hover{background:#f3f4f6;color:#374151}.set-tab.active{background:#5271ff;color:#fff;box-shadow:0 2px 6px #5271ff4d}.set-tab svg{flex-shrink:0}.set-form-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:20px;margin:0;box-shadow:0 2px 4px #0000000f}.set-form-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.set-form-header h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 4px;text-align:left}.set-form-header p{font-size:13px;color:#6b7280;margin:0;text-align:left}.set-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.set-form-field{display:flex;flex-direction:column;gap:6px}.set-form-field-full{grid-column:1 / -1}.set-form-field label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;text-align:left}.set-form-field label svg{flex-shrink:0}.set-form-field input,.set-form-field textarea,.set-form-field select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#111827;background:#fff;transition:all .2s;font-family:inherit;box-sizing:border-box;text-align:left}.set-form-field input:focus,.set-form-field textarea:focus,.set-form-field select:focus{outline:none;border-color:#5271ff;box-shadow:0 0 0 3px #5271ff1a}.set-form-field textarea{resize:vertical;min-height:80px}.set-form-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.set-section-divider{display:flex;align-items:center;gap:10px;margin:24px 0 16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.set-section-divider svg{color:#5271ff;flex-shrink:0}.set-section-divider h4{font-size:15px;font-weight:700;color:#111827;margin:0;text-align:left}.set-hours-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.set-hours-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap}.set-hours-day{display:flex;align-items:center;gap:8px;min-width:120px}.set-hours-day input[type=checkbox]{width:18px;height:18px;cursor:pointer}.set-hours-day label{font-size:13px;font-weight:600;color:#374151;cursor:pointer;text-transform:capitalize;margin:0;text-align:left}.set-hours-inputs{display:flex;align-items:center;gap:8px;flex:1}.set-hours-inputs input[type=time]{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;width:auto;flex:1;max-width:120px}.set-hours-inputs span{font-size:12px;color:#6b7280;font-weight:500}.set-hours-closed{font-size:13px;color:#ef4444;font-weight:600;font-style:italic}.set-notification-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.set-notification-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s}.set-notification-item:hover{background:#fff;border-color:#5271ff;box-shadow:0 2px 6px #5271ff1a}.set-notification-info{flex:1;text-align:left}.set-notification-info h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px}.set-notification-info p{font-size:12px;color:#6b7280;margin:0}.set-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.set-toggle input{opacity:0;width:0;height:0}.set-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:26px}.set-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.set-toggle input:checked+.set-toggle-slider{background-color:#5271ff}.set-toggle input:checked+.set-toggle-slider:before{transform:translate(22px)}.set-toggle input:disabled+.set-toggle-slider{opacity:.5;cursor:not-allowed}.set-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #f3f4f6}.set-btn-save{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#5271ff;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #5271ff4d}.set-btn-save:hover:not(:disabled){background:#3b5de6;transform:translateY(-1px);box-shadow:0 4px 8px #5271ff66}.set-btn-save:disabled{opacity:.6;cursor:not-allowed}.set-btn-save svg{flex-shrink:0}.set-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;margin:0;color:#6b7280;min-height:400px}.set-loading p{margin-top:1rem;font-size:13px;font-weight:500}.set-subscription-info{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.set-info-row{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.set-info-row:hover{background:#fff;border-color:#5271ff;box-shadow:0 2px 6px #5271ff1a}.set-info-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#374151;text-align:left}.set-info-label svg{color:#5271ff;flex-shrink:0}.set-info-value{font-size:14px;font-weight:600;color:#111827;text-align:right}.set-plan-badge{background:linear-gradient(135deg,#5271ff,#6366f1);color:#fff;padding:6px 16px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.5px}.set-status-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.set-status-paid{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.set-status-pending{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.set-status-overdue{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.set-upgrade-section{padding:20px;background:linear-gradient(135deg,#f9fafb,#fff);border:2px dashed #d1d5db;border-radius:10px;text-align:center}.set-upgrade-section h4{font-size:16px;font-weight:700;color:#111827;margin:0 0 8px}.set-upgrade-section p{font-size:13px;color:#6b7280;margin:0 0 16px}.set-btn-upgrade{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #10b9814d}.set-btn-upgrade:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.set-management{padding:12px}.set-header{flex-direction:column;align-items:stretch}.set-header h2{font-size:18px}.set-tabs{grid-template-columns:1fr 1fr;gap:6px}.set-tab{padding:8px 12px;font-size:12px}.set-form-card{padding:16px}.set-form-grid{grid-template-columns:1fr;gap:12px}.set-hours-row{flex-direction:column;align-items:stretch}.set-hours-day,.set-hours-inputs{width:100%}.set-hours-inputs input[type=time]{max-width:none}.set-notification-item{flex-direction:column;align-items:stretch;gap:12px}.set-form-actions{flex-direction:column}.set-btn-save{width:100%;justify-content:center}.set-info-row{flex-direction:column;align-items:flex-start;gap:8px}.set-info-value{text-align:left}}@media(max-width:480px){.set-tabs{grid-template-columns:1fr}.set-form-card{padding:14px}}@media(min-width:1025px){.set-content-wrapper{margin-top:0;margin-left:0}.set-main-content{margin-left:0!important;padding-left:0!important;width:100%}}.set-main-content{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important}.set-main-content *{box-sizing:border-box}.set-layout>*{flex-shrink:0}.set-content-wrapper>*{min-height:0}.cust-detail-container{padding:16px;background:#e8e7f0;color:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:0;width:100%;margin:0;max-width:100%;box-sizing:border-box}@media(min-width:1024px){.cust-detail-container{padding:20px}}.cust-detail-header{margin-bottom:20px}.cust-detail-header h2{margin:12px 0 0;font-size:20px;font-weight:700;color:#000}.cust-detail-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.cust-detail-back-btn:hover{background:#f3f4f6;border-color:#5271ff;color:#5271ff}.cust-detail-info-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 4px #0000000f}.cust-detail-info-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.cust-detail-avatar{width:56px;height:56px;border-radius:50%;background:#5271ff;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cust-detail-basic-info{flex:1}.cust-detail-basic-info h3{font-size:18px;font-weight:700;margin:0 0 6px;color:#111827}.cust-detail-walk-in-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#fef3c7;border:1px solid #fde68a;color:#92400e;border-radius:6px;font-size:11px;font-weight:600}.cust-detail-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:14px}.cust-detail-contact-item{display:flex;align-items:flex-start;gap:10px}.cust-detail-contact-item svg{color:#5271ff;margin-top:2px;flex-shrink:0}.cust-detail-contact-item>div{display:flex;flex-direction:column;gap:4px}.cust-detail-label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.cust-detail-value{font-size:13px;color:#111827;font-weight:600}.cust-detail-address{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f9fafb;border-radius:8px}.cust-detail-address svg{color:#5271ff;margin-top:2px;flex-shrink:0}.cust-detail-address p{margin:0;color:#374151;font-size:13px;line-height:1.5}.cust-detail-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.cust-detail-stat-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 4px #0000000f;transition:all .2s ease}.cust-detail-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.cust-detail-stat-content{display:flex;flex-direction:column;gap:4px}.cust-detail-stat-value{font-size:20px;font-weight:700;color:#111827}.cust-detail-stat-label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.cust-detail-tabs{display:flex;gap:8px;margin-bottom:16px;background:#fff;border-radius:10px;padding:6px;border:1px solid #e0dfe8}.cust-detail-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;background:transparent;border:none;border-radius:6px;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;flex:1;justify-content:center}.cust-detail-tab:hover{color:#374151;background:#f9fafb}.cust-detail-tab.active{color:#fff;background:#5271ff}.cust-detail-tab-content{background:#fff;border-radius:12px;padding:16px;border:1px solid #e0dfe8;box-shadow:0 2px 4px #0000000f}.cust-detail-workorders-list{display:flex;flex-direction:column;gap:14px}.cust-detail-workorder-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.cust-detail-workorder-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.cust-detail-workorder-header h4{font-size:15px;font-weight:700;margin:0 0 4px;color:#111827}.cust-detail-workorder-date{font-size:11px;color:#6b7280;margin:0;font-weight:500}.cust-detail-status-badge{padding:5px 12px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.cust-detail-workorder-vehicle{display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border-radius:6px;margin-bottom:10px;font-size:12px;color:#374151;font-weight:500}.cust-detail-workorder-vehicle svg{color:#5271ff;flex-shrink:0}.cust-detail-workorder-services{margin-bottom:10px}.cust-detail-workorder-services h5{font-size:12px;font-weight:700;margin:0 0 8px;color:#374151;text-transform:uppercase;letter-spacing:.3px}.cust-detail-workorder-services ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.cust-detail-workorder-services li{display:flex;align-items:center;gap:8px;font-size:12px;color:#111827;font-weight:500}.cust-detail-workorder-services li svg{color:#5271ff;flex-shrink:0}.cust-detail-workorder-amount{display:flex;align-items:center;gap:8px;padding:10px;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:10px;font-size:15px;font-weight:700;color:#166534}.cust-detail-workorder-description{padding:10px;background:#fff;border-radius:6px;font-size:12px;color:#6b7280;line-height:1.6}.cust-detail-workorder-description p{margin:0}.cust-detail-vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.cust-detail-vehicle-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.cust-detail-vehicle-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.cust-detail-vehicle-header svg{color:#5271ff;flex-shrink:0}.cust-detail-vehicle-header h4{font-size:15px;font-weight:700;margin:0 0 4px;color:#111827}.cust-detail-vehicle-year{font-size:12px;color:#6b7280;margin:0;font-weight:500}.cust-detail-vehicle-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.cust-detail-vehicle-detail{display:flex;flex-direction:column;gap:4px}.cust-detail-vehicle-insurance{padding:12px;background:#fff;border-radius:6px}.cust-detail-vehicle-insurance h5{font-size:11px;font-weight:700;margin:0 0 10px;color:#374151;text-transform:uppercase;letter-spacing:.3px}.cust-detail-insurance-details{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#111827;font-weight:500}.cust-detail-empty-state{text-align:center;padding:48px 20px}.cust-detail-empty-state svg{color:#d1d5db;margin-bottom:16px}.cust-detail-empty-state h3{margin:0 0 8px;color:#111827;font-size:18px;font-weight:700}.cust-detail-empty-state p{margin:0;color:#6b7280;font-size:13px}.cust-detail-loading,.cust-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.cust-detail-loading p{margin-top:12px;font-size:14px;font-weight:500}.cust-detail-error svg{color:#ef4444;margin-bottom:16px}.cust-detail-error p{font-size:15px;font-weight:600;margin-bottom:16px;color:#111827}.cust-detail-back-btn-error{padding:10px 20px;background:#5271ff;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.cust-detail-back-btn-error:hover{background:#3b5de6;transform:translateY(-1px);box-shadow:0 4px 6px -1px #5271ff4d}@media(max-width:768px){.cust-detail-container{padding:12px}.cust-detail-header h2{font-size:18px}.cust-detail-contact-grid{grid-template-columns:1fr}.cust-detail-stats-grid{grid-template-columns:repeat(2,1fr)}.cust-detail-vehicles-grid,.cust-detail-vehicle-details{grid-template-columns:1fr}.cust-detail-tabs{padding:4px}.cust-detail-tab{padding:8px 12px;font-size:12px}}@media(max-width:480px){.cust-detail-info-header{flex-direction:column;align-items:flex-start}.cust-detail-avatar{width:48px;height:48px}.cust-detail-basic-info h3{font-size:16px}.cust-detail-stat-value{font-size:18px}.cust-detail-workorder-header{flex-direction:column;gap:8px}}.cust-detail-enquiry-wrapper{margin-bottom:14px}.cust-detail-workorder-card.clickable{cursor:pointer;transition:all .2s ease}.cust-detail-workorder-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cust-detail-expanded-section{background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 10px 10px;padding:20px;margin-top:-10px}.cust-detail-hide-btn{width:100%;padding:8px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:16px;font-family:inherit}.cust-detail-hide-btn:hover{background:#e5e7eb}.detail-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f3f4f6}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h5{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.3px}.detail-section h5 svg{color:#5271ff}.detail-section h6{margin:12px 0 8px;font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.detail-text{margin:0;padding:12px;background:#f9fafb;border-radius:6px;font-size:13px;line-height:1.6;color:#374151}.symptoms-list{padding:12px;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;margin-top:8px}.symptoms-list strong{color:#92400e;font-size:12px}.symptoms-list ul{margin:8px 0 0;padding-left:20px}.symptoms-list li{font-size:13px;color:#374151;margin-bottom:4px}.quote-services,.quote-parts{margin-bottom:16px}.service-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f9fafb;border-radius:6px;margin-bottom:8px}.service-info{display:flex;flex-direction:column;gap:4px}.service-name{font-size:13px;font-weight:600;color:#111827}.service-details{font-size:11px;color:#6b7280}.service-cost{font-size:14px;font-weight:700;color:#059669}.quote-totals,.bill-totals{margin-top:16px;padding:12px;background:#f9fafb;border-radius:6px}.total-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:#374151}.total-row.total,.total-row.grand-total{font-weight:700;font-size:15px;color:#111827;padding-top:10px;margin-top:8px;border-top:2px solid #e5e7eb}.total-row.discount{color:#dc2626}.quote-notes{margin-top:12px;padding:10px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;font-size:12px;color:#075985}.progress-item{padding:12px;background:#f9fafb;border-radius:6px;margin-bottom:12px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-name{font-size:13px;font-weight:600;color:#111827}.progress-bar-container{width:100%;height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden;margin-bottom:8px}.progress-bar{height:100%;background:linear-gradient(90deg,#5271ff,#3b5de6);display:flex;align-items:center;justify-content:center;transition:width .3s ease}.progress-text{font-size:11px;font-weight:700;color:#fff}.progress-team{display:flex;align-items:center;gap:6px;font-size:11px;color:#6b7280;margin-bottom:6px}.progress-comments{margin:8px 0 0;padding:8px;background:#fff;border-radius:4px;font-size:12px;color:#374151}.bill-items{margin-bottom:16px}.bill-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f9fafb;border-radius:6px;margin-bottom:8px}.bill-item-info{display:flex;flex-direction:column;gap:4px}.bill-item-name{font-size:13px;font-weight:600;color:#111827}.bill-item-details{font-size:11px;color:#6b7280}.bill-item-total{font-size:14px;font-weight:700;color:#059669}.payment-status{margin-top:16px;display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:6px}.payment-badge{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700}.payment-method{font-size:12px;color:#6b7280;font-weight:500}@media(max-width:768px){.service-item,.bill-item{flex-direction:column;align-items:flex-start;gap:8px}.service-cost,.bill-item-total{align-self:flex-end}}.cust-detail-vehicle-card.clickable{cursor:pointer;transition:all .2s ease}.cust-detail-vehicle-card.clickable:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026}.vehicle-card-footer{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6;text-align:center}.view-details-text{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#5271ff;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vehicle-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vehicle-modal-content{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.vehicle-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid #e8e7f0;background:linear-gradient(135deg,#f9fafb,#fff)}.vehicle-modal-header h3{display:flex;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:700;color:#111827}.vehicle-modal-header h3 svg{color:#5271ff}.vehicle-modal-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s;font-family:inherit}.vehicle-modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626;transform:scale(1.1)}.vehicle-modal-body{padding:24px;max-height:calc(90vh - 150px);overflow-y:auto}.vehicle-modal-body::-webkit-scrollbar{width:8px}.vehicle-modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.vehicle-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.vehicle-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.vehicle-photo-section{margin-bottom:24px;text-align:center;background:#f9fafb;padding:16px;border-radius:12px}.vehicle-photo{max-width:100%;max-height:300px;border-radius:12px;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 12px #0000001a}.modal-section{margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.modal-section:last-child{margin-bottom:0}.modal-section h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:700;color:#5271ff;text-transform:uppercase;letter-spacing:.5px}.modal-section h4 svg{color:#5271ff}.modal-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.modal-detail-item{display:flex;flex-direction:column;gap:6px}.modal-detail-item.full-width{grid-column:1 / -1}.modal-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.modal-value{font-size:14px;font-weight:600;color:#111827}.owner-notes-box{padding:14px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;margin-top:12px}.owner-notes-box p{margin:0;font-size:13px;line-height:1.6;color:#78350f}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px;color:#6b7280}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#9ca3af}.history-empty svg{color:#d1d5db;margin-bottom:12px}.history-empty p{margin:0;font-size:14px;color:#6b7280}.service-history-list{display:flex;flex-direction:column;gap:12px}.history-record{padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s}.history-record:hover{box-shadow:0 4px 12px #00000014;transform:translate(4px)}.history-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.history-order-number{font-size:14px;font-weight:700;color:#111827;margin-right:12px}.history-date{font-size:12px;color:#6b7280;font-weight:500}.history-services,.history-parts{margin-bottom:12px}.history-services h6,.history-parts h6{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:12px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.3px}.history-services ul,.history-parts ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.history-services li,.history-parts li{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#f9fafb;border-radius:6px;font-size:13px;color:#111827;font-weight:500}.history-services li svg,.history-parts li svg{color:#5271ff;margin-right:8px;flex-shrink:0}.service-cost,.part-cost{font-size:13px;font-weight:700;color:#059669;margin-left:8px}.history-total{display:flex;align-items:center;gap:8px;padding:12px;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;font-size:14px;font-weight:700;color:#166534}.history-total svg{color:#059669;flex-shrink:0}.vehicle-modal-footer{padding:16px 24px;border-top:1px solid #e8e7f0;background:#f9fafb;display:flex;justify-content:flex-end}.modal-close-btn{padding:10px 24px;background:#5271ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.modal-close-btn:hover{background:#3b5de6;transform:translateY(-1px);box-shadow:0 4px 12px #5271ff4d}@media(max-width:768px){.vehicle-modal-overlay{padding:10px}.vehicle-modal-content{max-width:100%;max-height:95vh}.modal-detail-grid{grid-template-columns:1fr}.vehicle-modal-header{padding:16px}.vehicle-modal-header h3{font-size:18px}.vehicle-modal-body{padding:16px}.vehicle-photo{max-height:200px}.modal-section{padding:16px}.history-record{padding:12px}}@media(max-width:480px){.vehicle-modal-header h3{font-size:16px;gap:8px}.vehicle-modal-close{width:32px;height:32px}.history-record-header{flex-direction:column;align-items:flex-start;gap:8px}.history-services li,.history-parts li{flex-direction:column;align-items:flex-start;gap:4px}.service-cost,.part-cost{margin-left:0}}.vm-container{padding:16px;background:#e8e7f0;color:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:0;width:100%;margin:0;max-width:100%;box-sizing:border-box}@media(min-width:1024px){.vm-container{min-height:0;padding:20px}}.vm-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.vm-header-left{display:flex;align-items:center;gap:12px}.vm-back-btn{padding:8px 14px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.vm-back-btn:hover{background:#f3f4f6;border-color:#9ca3af}.vm-header h2{margin:0;font-size:20px;font-weight:700;color:#000}.vm-btn-add{border:0;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:8px 14px;font-weight:600;cursor:pointer;transition:all .2s;font-size:13px;display:inline-flex;align-items:center;gap:6px;line-height:1}.vm-btn-add:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.vm-btn-icon{font-size:18px;line-height:1}.vm-alert{padding:10px 12px;border-radius:6px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-weight:500;font-size:12px}.vm-alert-success{background:#f0fdf4;border:1px solid #86efac;color:#059669}.vm-alert-error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.vm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.vm-stat-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:16px;transition:all .2s ease;box-shadow:0 2px 4px #0000000f;display:flex;align-items:center;gap:12px;border:2px solid transparent}.vm-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#8b5cf6}.vm-stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background-color:#8b5cf6}.vm-stat-info h3{font-size:24px;margin:0;color:#111827;font-weight:700;line-height:1}.vm-stat-info p{margin:4px 0 0;color:#6b7280;font-size:13px;font-weight:500}.vm-empty{text-align:center;padding:48px 20px;background:#fff;border-radius:12px;border:2px dashed #d1d5db;margin-top:20px}.vm-empty-icon{font-size:48px;margin-bottom:16px}.vm-empty h3{margin:0 0 8px;color:#111827;font-size:20px;font-weight:700}.vm-empty p{margin:0 0 20px;color:#6b7280;font-size:14px}.vm-voucher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:20px}.vm-voucher-card{background:#fff;border:1px solid #e0dfe8;border-radius:12px;padding:14px;transition:all .2s ease;box-shadow:0 2px 4px #0000000f;display:flex;flex-direction:column;gap:10px}.vm-voucher-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#8b5cf6}.vm-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:0;padding:0 0 10px;border-bottom:1px solid #f3f4f6}.vm-voucher-code{font-weight:700;font-size:16px;color:#8b5cf6;line-height:1.3;text-align:left;margin:0;padding:0;flex:1;font-family:Courier New,monospace;letter-spacing:1px}.vm-badge{padding:3px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:capitalize;flex-shrink:0}.vm-badge-active{background-color:#10b98133;color:#059669;border:1px solid rgba(16,185,129,.3)}.vm-badge-inactive{background-color:#9ca3af33;color:#6b7280;border:1px solid rgba(156,163,175,.3)}.vm-badge-expired{background-color:#ef444433;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.vm-badge-limit{background-color:#f59e0b33;color:#d97706;border:1px solid rgba(245,158,11,.3)}.vm-voucher-details{display:flex;flex-direction:column;gap:7px;margin:2px 0 0;padding:0;background:transparent;flex-grow:1}.vm-detail-row{display:flex;justify-content:flex-start;align-items:center;padding:0;gap:6px;margin:0}.vm-detail-label{font-size:11px;color:#6b7280;font-weight:500;text-align:left;flex-shrink:0;width:120px}.vm-detail-value{font-size:12px;color:#111827;font-weight:600;text-align:left;flex:1}.vm-discount{color:#8b5cf6;font-size:14px;font-weight:700}.vm-expired{color:#ef4444}.vm-card-actions{display:flex;gap:6px;margin:4px 0 0;padding:10px 0 0;border-top:1px solid #f3f4f6}.vm-card-actions button{flex:1;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;border:1px solid;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:8px 10px;gap:4px}.vm-btn-toggle{background:transparent;border-color:#10b981;color:#059669}.vm-btn-toggle.vm-inactive{border-color:#9ca3af;color:#6b7280}.vm-btn-toggle:hover{background:#f0fdf4}.vm-btn-toggle.vm-inactive:hover{background:#f3f4f6}.vm-btn-edit{background:transparent;border-color:#5271ff;color:#5271ff}.vm-btn-edit:hover{background:#eff6ff}.vm-btn-delete{background:transparent;border-color:#ef4444;color:#dc2626}.vm-btn-delete:hover{background:#fef2f2}.vm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vm-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:90%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.vm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.vm-modal-header h3{margin:0;font-size:18px;color:#111827;font-weight:700}.vm-modal-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;line-height:1}.vm-modal-close:hover{background:#f3f4f6;color:#111827}.vm-modal form{padding:20px}.vm-form-group{margin-bottom:16px}.vm-label{display:block;margin-bottom:6px;color:#374151;font-weight:600;font-size:13px}.vm-required{color:#ef4444}.vm-input{width:100%;padding:10px 12px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:13px;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.vm-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.vm-input:disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6}.vm-help-text{display:block;margin-top:4px;color:#6b7280;font-size:11px}.vm-calculation{margin-top:10px;padding:12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;flex-direction:column;gap:6px;font-size:12px}.vm-calculation span{color:#0369a1;font-weight:500}.vm-payable{font-weight:700!important;color:#8b5cf6!important;font-size:14px!important;padding-top:6px;border-top:1px solid #bae6fd;margin-top:4px}.vm-modal-actions{display:flex;gap:10px;margin-top:20px}.vm-modal-actions button{flex:1;padding:10px 16px;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.vm-btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.vm-btn-cancel:hover{background:#f3f4f6}.vm-btn-submit{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.vm-btn-submit:hover{opacity:.9}.vm-loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px;font-weight:500}.vm-loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #8b5cf6;border-radius:50%;animation:vm-spin 1s linear infinite;margin-left:12px;vertical-align:middle}@keyframes vm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.vm-voucher-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}}@media(max-width:992px){.vm-voucher-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}}@media(max-width:768px){.vm-container{padding:12px}.vm-header{flex-direction:column;align-items:stretch;gap:12px}.vm-header-left{flex-direction:column;align-items:stretch;gap:8px}.vm-back-btn,.vm-btn-add{width:100%;justify-content:center}.vm-header h2{font-size:18px}.vm-stats{grid-template-columns:repeat(2,1fr)}.vm-voucher-grid{grid-template-columns:1fr;gap:12px}.vm-voucher-card{padding:12px}.vm-modal{width:95%}}@media(max-width:480px){.vm-voucher-grid{grid-template-columns:1fr;gap:10px}.vm-voucher-card{padding:12px}.vm-voucher-code{font-size:14px}.vm-stats{grid-template-columns:1fr}.vm-card-actions{flex-direction:column}.vm-card-actions button{width:100%}}@media print{.vm-header-buttons,.vm-card-actions{display:none}.vm-voucher-card{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #000}}.pending-drivers-container{width:100%;padding:2rem}.pending-drivers-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:2rem;font-weight:700;color:#000;margin-bottom:.5rem}.breadcrumb{color:#6c757d;font-size:.875rem}.breadcrumb .active{color:#00d4aa;font-weight:600}.header-stats{display:flex;gap:1rem}.stat-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#00d4aa,#00b894);color:#000;border-radius:8px;font-weight:600;box-shadow:0 4px 8px #00d4aa4d}.drivers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.driver-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #E9ECEF;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.driver-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.card-header-section{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid #E9ECEF;background:linear-gradient(135deg,#f8f9fa,#fff)}.driver-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#00d4aa,#00b894);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;overflow:hidden;border:3px solid #FFFFFF;box-shadow:0 2px 8px #00d4aa4d}.driver-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.driver-info{flex:1}.driver-name{font-size:1.125rem;font-weight:700;color:#000;margin-bottom:.25rem}.driver-email{font-size:.875rem;color:#6c757d}.status-badge{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.375rem}.status-badge.pending{background:#fef3c7;color:#92400e}.card-content-section{padding:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.25rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.875rem;color:#000;font-weight:600}.services-section{padding-top:1rem;border-top:1px solid #E9ECEF}.services-label{font-size:.75rem;color:#6c757d;font-weight:600;display:block;margin-bottom:.75rem;text-transform:uppercase}.service-tags{display:flex;flex-wrap:wrap;gap:.5rem}.service-tag{padding:.375rem .75rem;background:#f8f9fa;border:1px solid #E9ECEF;border-radius:6px;font-size:.75rem;color:#000;font-weight:500;text-transform:capitalize}.service-tag.more{background:linear-gradient(135deg,#00d4aa,#00b894);color:#fff;border-color:#00d4aa}.card-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #E9ECEF;background:#f8f9fa}.action-btn{flex:1;padding:.625rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.375rem}.view-btn{background:#6c757d;color:#fff}.view-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.approve-btn{background:linear-gradient(135deg,#00d4aa,#00b894);color:#000;box-shadow:0 4px 8px #00d4aa4d}.approve-btn:hover:not(:disabled){box-shadow:0 6px 12px #00d4aa66;transform:translateY(-1px)}.reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 8px #ef44444d}.reject-btn:hover:not(:disabled){box-shadow:0 6px 12px #ef444466;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;z-index:1001;width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #E9ECEF;background:linear-gradient(135deg,#f8f9fa,#fff)}.modal-header h3{font-size:1.5rem;font-weight:700;color:#000}.modal-close{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:.25rem;transition:color .2s}.modal-close:hover{color:#000}.modal-content{padding:1.5rem}.detail-section{margin-bottom:1.5rem}.detail-section h4{font-size:1rem;font-weight:700;color:#00d4aa;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #00D4AA}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:#6c757d;font-weight:600;text-transform:uppercase}.detail-value{font-size:.875rem;color:#000;font-weight:500}.vehicles-list{display:flex;flex-direction:column;gap:.75rem}.vehicle-item{padding:.75rem 1rem;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border-left:3px solid #00D4AA}.vehicle-model{font-size:.75rem;color:#6c757d}.reject-textarea{width:100%;padding:.75rem;border:2px solid #E9ECEF;border-radius:8px;font-size:.875rem;resize:vertical;font-family:inherit;transition:border-color .2s}.reject-textarea:focus{outline:none;border-color:#00d4aa}.modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #E9ECEF;background:#f8f9fa}.no-data{color:#6c757d;font-style:italic;font-size:.875rem}.loading-container,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{width:48px;height:48px;border:4px solid #E9ECEF;border-top-color:#00d4aa;border-radius:50%;animation:spin .8s linear infinite}.empty-state h3{font-size:1.5rem;color:#000;margin:1rem 0 .5rem}.empty-state p{color:#6c757d}.error-container{padding:2rem;text-align:center}.error-message{color:#ef4444;font-weight:600}@media(max-width:768px){.pending-drivers-container{padding:1rem}.drivers-grid,.info-grid,.detail-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.modal-container{width:95%}.modal-actions{flex-direction:column}}.retry-btn{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#00d4aa,#00b894);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #00d4aa4d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00d4aa66}.agent-mgmt-dashboard{padding:2rem;background:linear-gradient(135deg,#1a1d3a,#2d3250);min-height:100vh}.agent-mgmt-header{margin-bottom:2rem}.agent-mgmt-header h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.agent-mgmt-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-bottom:1.5rem}.agent-mgmt-card{background:#fffffff2;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 10px 30px -20px #0f172a99;border:1px solid rgba(148,163,184,.25);text-align:left}.agent-mgmt-card:hover,.agent-mgmt-card:focus-visible{transform:translateY(-6px);box-shadow:0 22px 40px -24px #3b82f68c;border-color:#2563eb59}.agent-mgmt-card:focus-visible{outline:none}.card-clickable{cursor:pointer}.agent-mgmt-card.highlight-card{border:2px solid #22c55e;background:#22c55e0d}.card-header{display:flex;align-items:center;gap:.75rem}.card-icon-wrapper{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.truck-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.job-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.payment-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.approval-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.schedule-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.revenue-icon{background:linear-gradient(135deg,#10b981,#059669)}.performance-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.dispute-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.card-header h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.card-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;font-weight:600;color:#2563eb;padding-top:.5rem;border-top:1px dashed rgba(148,163,184,.4);transition:color .2s ease}.agent-mgmt-card:hover .card-footer,.agent-mgmt-card:focus-visible .card-footer{color:#1d4ed8}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.stat-item:last-child{border-bottom:none}.stat-label{font-size:.875rem;color:#64748b}.stat-value{font-size:1.25rem;font-weight:700;color:#1f2937}.stat-value.status-online{color:#22c55e}.stat-value.status-danger{color:#ef4444}.job-summary{display:flex;justify-content:space-between;gap:.5rem;padding:.75rem;background:#f8fafc;border-radius:8px}.job-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b}.job-stat strong{font-size:1.25rem;font-weight:700;color:#1f2937}.payment-info,.schedule-summary,.revenue-summary,.dispute-summary{padding:.875rem;background:#f8fafc;border-radius:8px}.payment-text,.schedule-summary p,.revenue-summary p,.dispute-summary p{font-size:.8125rem;color:#64748b;margin:0;line-height:1.6}.payment-text strong,.schedule-summary strong,.revenue-summary strong,.dispute-summary strong{color:#1f2937;font-weight:700}.approval-summary{display:flex;flex-direction:column;gap:.75rem}.approval-count-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fef3c7;border-radius:8px;color:#92400e;font-size:.875rem;font-weight:600}.approval-count-badge svg{color:#f59e0b}.recent-apps{display:flex;flex-direction:column;gap:.5rem}.recent-title{font-size:.75rem;color:#64748b;font-weight:600;margin:0 0 .25rem}.recent-app-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8fafc;border-radius:6px;font-size:.8125rem}.app-name{color:#1f2937;font-weight:600}.app-date{color:#64748b;font-size:.75rem}.no-apps{text-align:center;color:#64748b;font-size:.875rem;padding:1rem;margin:0}.agent-quick-actions{display:flex;gap:1rem;flex-wrap:wrap}.agent-quick-actions button{flex:1;min-width:200px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.action-btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#000}.action-btn-secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-btn-info{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.agent-quick-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media(max-width:1200px){.agent-mgmt-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.agent-mgmt-dashboard{padding:1rem}.agent-mgmt-cards-grid{grid-template-columns:1fr}.agent-quick-actions{flex-direction:column}.agent-quick-actions button{width:100%;min-width:unset}.job-summary{flex-direction:column}}@media(max-width:480px){.agent-mgmt-header h1{font-size:1.5rem}.card-header h3{font-size:.9375rem}.stat-value{font-size:1.125rem}}:root{--admin-page-bg: #f8fafc;--admin-card-bg: #ffffff;--admin-card-border: rgba(148, 163, 184, .25);--admin-card-shadow: 0 18px 35px -25px rgba(15, 23, 42, .7);--admin-primary: #2563eb;--admin-primary-soft: rgba(37, 99, 235, .1);--admin-danger: #dc2626;--admin-success: #16a34a;--admin-warning: #f59e0b;--admin-text-muted: #64748b}.admin-page{min-height:100%;padding:clamp(1.5rem,2vw + 1rem,2.5rem);background:linear-gradient(180deg,#f8fafc,#eef2ff 35%,#fff);display:flex;flex-direction:column;gap:clamp(1.25rem,1.2vw + 1rem,2rem)}.admin-page-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.admin-page-meta{display:flex;flex-direction:column;gap:.5rem}.admin-page-meta .page-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600;color:var(--admin-primary)}.admin-page-meta h1{font-size:clamp(1.5rem,2vw + 1.2rem,2.2rem);margin:0;color:#0f172a}.admin-page-meta .page-subtitle{font-size:.95rem;color:var(--admin-text-muted);max-width:620px}.admin-page-actions{display:flex;gap:.75rem;align-items:center}.admin-page-actions .admin-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-radius:10px;border:1px solid transparent;cursor:pointer;font-weight:600;font-size:.9rem;transition:transform .2s ease,box-shadow .2s ease}.admin-btn.primary{background:var(--admin-primary);color:#fff;box-shadow:0 12px 25px -18px #2563eba6}.admin-btn.secondary{background:var(--admin-primary-soft);color:var(--admin-primary);border-color:#2563eb2e}.admin-btn:hover{transform:translateY(-2px)}.admin-btn svg{width:18px;height:18px}.admin-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(.85rem,1vw + .4rem,1.25rem)}.admin-card{background:var(--admin-card-bg);border:1px solid var(--admin-card-border);border-radius:18px;box-shadow:var(--admin-card-shadow);padding:clamp(1.1rem,1.2vw + .7rem,1.6rem);display:flex;flex-direction:column;gap:.85rem;position:relative;overflow:hidden}.metric-card h3{font-size:.8rem;text-transform:uppercase;color:var(--admin-text-muted);letter-spacing:.08em}.metric-card .metric-value{font-size:clamp(1.4rem,1.6vw + 1rem,2rem);font-weight:700;color:#0f172a;display:inline-flex;align-items:center;gap:.35rem}.metric-card .metric-subtext{font-size:.8rem;color:var(--admin-text-muted)}.metric-card.accent:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(37,99,235,.12),transparent 55%);pointer-events:none}.table-card{padding:0;overflow:hidden}.table-card .card-inner{padding:clamp(1.1rem,1.2vw + .7rem,1.4rem);display:flex;flex-direction:column;gap:1rem}.table-card .card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-header h2{margin:0;font-size:1.2rem;color:#0f172a}.card-meta{font-size:.85rem;color:var(--admin-text-muted);font-weight:500}.search-input{width:100%;max-width:280px;border-radius:10px;border:1px solid rgba(148,163,184,.4);padding:.55rem .75rem;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb1f;outline:none}.drivers-grid{display:grid;gap:.8rem}.driver-card{border:1px solid rgba(148,163,184,.25);border-radius:14px;padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;background:#f8fafca6}.driver-name{font-weight:600;color:#0f172a}.driver-email{font-size:.85rem;color:var(--admin-text-muted)}.info-row{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.status-pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;font-size:.75rem;font-weight:600;padding:.35rem .75rem;text-transform:capitalize}.status-pill.approved{background:#16a34a1f;color:var(--admin-success)}.status-pill.pending{background:#f59e0b24;color:var(--admin-warning)}.status-pill.rejected{background:#dc26261f;color:var(--admin-danger)}.status-pill.offline{background:#64748b1f;color:var(--admin-text-muted)}.inline-stat{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem}.inline-stat svg{width:14px;height:14px;color:var(--admin-text-muted)}.admin-empty-state{border-radius:14px;border:1px dashed rgba(148,163,184,.4);padding:1.25rem;text-align:center;color:var(--admin-text-muted);background:#ffffffd1;display:grid;gap:.6rem;place-items:center;font-size:.9rem}.admin-empty-state strong{color:#0f172a;font-size:1rem}.admin-empty-state button{border:none;background:var(--admin-primary);color:#fff;border-radius:999px;padding:.55rem 1.2rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.admin-empty-state button:hover{transform:translateY(-2px);box-shadow:0 12px 25px -18px #2563eba6}.datasource-note{font-size:.8rem;color:var(--admin-text-muted);display:inline-flex;align-items:center;gap:.3rem}.datasource-note svg{width:14px;height:14px}.two-column{display:grid;gap:clamp(1rem,1.2vw + .75rem,1.5rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.timeline-list{display:grid;gap:.9rem}.timeline-item{position:relative;padding-left:1.4rem}.timeline-item:before{content:"";position:absolute;left:.5rem;top:.35rem;width:8px;height:8px;background:var(--admin-primary);border-radius:50%;box-shadow:0 0 0 4px #2563eb1f}.timeline-item h4{margin:0;font-size:.95rem;color:#0f172a}.timeline-item p{margin:.25rem 0 0;font-size:.85rem;color:var(--admin-text-muted)}.badge{border-radius:10px;padding:.3rem .65rem;font-size:.75rem;font-weight:600;background:#4f46e51f;color:#4f46e5}@media(max-width:640px){.admin-page-header{flex-direction:column;align-items:flex-start}.driver-card{grid-template-columns:1fr}.admin-page-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.admin-page-actions .admin-btn{width:100%;justify-content:center}}.agent-dash-container{max-width:1200px;margin:0 auto;padding:1.5rem;background:transparent;min-height:auto}.agent-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#5b5fc7;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.agent-dash-header{background:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.agent-profile-info{display:flex;align-items:center;gap:.75rem}.agent-avatar-wrapper{position:relative}.agent-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid #22c55e}.agent-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#94a3b8;border:2px solid white}.online-indicator[data-online=true]{background:#22c55e}.agent-welcome{margin:0;font-size:1.125rem;font-weight:700;color:#111827}.agent-subtitle{margin:.125rem 0 0;font-size:.8125rem;color:#6b7280}.agent-toggle-switch{position:relative;display:inline-block;width:50px;height:26px;cursor:pointer}.agent-toggle-switch input{opacity:0;width:0;height:0}.agent-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:26px}.agent-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.agent-toggle-slider{background-color:#22c55e}input:checked+.agent-toggle-slider:before{transform:translate(24px)}.agent-stats-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.agent-stat-card{background:#fff;border-radius:.75rem;padding:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s}.agent-stat-card:hover{transform:translateY(-2px)}.stat-icon{width:44px;height:44px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.earnings-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.jobs-icon{background:linear-gradient(135deg,#5b5fc7,#4a4fb5)}.rating-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-label{font-size:.8125rem;color:#6b7280;margin:0 0 .125rem}.stat-value{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.agent-info-bar{background:#fff;border-radius:.75rem;padding:.75rem 1rem;margin-bottom:1rem;display:flex;gap:1.5rem;flex-wrap:wrap;box-shadow:0 1px 3px #0000001a;align-items:center;font-size:.8125rem;color:#6b7280}.info-item{display:flex;align-items:center;gap:.375rem}.info-item strong{color:#111827;font-weight:700}.agent-section-card{background:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.section-title{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#111827}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.time-tabs{display:flex;gap:.375rem}.time-tab{padding:.375rem 1rem;border:none;background:#f3f4f6;color:#6b7280;border-radius:.5rem;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s}.time-tab.active{background:#5b5fc7;color:#fff}.job-alerts-list{display:flex;flex-direction:column;gap:.75rem}.job-alert-item{position:relative;background:#f8fffe;border:2px solid #22c55e;border-radius:.75rem;padding:1rem}.urgent-label{position:absolute;top:.75rem;right:.75rem;background:#ef4444;color:#fff;padding:.25rem .625rem;border-radius:.375rem;font-size:.6875rem;font-weight:700}.job-locations{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.location-row{display:flex;gap:.625rem}.location-row svg{flex-shrink:0;margin-top:.125rem}.pickup-pin{color:#22c55e}.drop-pin{color:#ef4444}.loc-label{display:block;font-size:.75rem;color:#6b7280;margin-bottom:.125rem}.loc-value{display:block;font-size:.875rem;font-weight:600;color:#111827}.job-meta-info{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8125rem;color:#6b7280;padding-top:.75rem;border-top:1px solid #e5e7eb;margin-bottom:.75rem}.payout-highlight{color:#22c55e;font-weight:700}.job-alert-actions{display:grid;grid-template-columns:2fr 1fr;gap:.625rem}.accept-job-btn,.reject-job-btn{padding:.625rem;border:none;border-radius:.5rem;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s}.accept-job-btn{background:#22c55e;color:#fff}.accept-job-btn:hover{background:#16a34a;transform:translateY(-1px)}.reject-job-btn{background:#f3f4f6;color:#6b7280}.reject-job-btn:hover{background:#e5e7eb}.active-jobs-list{display:flex;flex-direction:column;gap:.75rem}.active-job-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem}.job-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.job-id-badge{font-weight:700;color:#5b5fc7;font-size:.8125rem}.job-status-badge{padding:.25rem .625rem;border-radius:1rem;font-size:.6875rem;font-weight:700}.job-status-badge.accepted{background:#fef3c7;color:#92400e}.job-status-badge.in-progress{background:#dbeafe;color:#1e40af}.job-customer-row,.job-vehicle-row{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.8125rem;flex-wrap:wrap;align-items:center}.phone-link{display:flex;align-items:center;gap:.25rem;color:#5b5fc7}.issue-label{background:#fee2e2;color:#991b1b;padding:.1875rem .5rem;border-radius:.375rem;font-size:.6875rem;font-weight:600}.job-route-row{display:flex;align-items:center;gap:.625rem;padding:.625rem;background:#fff;border-radius:.5rem;margin-bottom:.625rem;font-size:.8125rem;flex-wrap:wrap}.route-item{display:flex;align-items:center;gap:.375rem}.route-arrow{color:#94a3b8;font-weight:700}.nav-btn,.complete-job-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;border:none;border-radius:.5rem;font-weight:700;font-size:.8125rem;cursor:pointer;transition:all .2s}.nav-btn{background:#22c55e;color:#fff}.nav-btn:hover{background:#16a34a;transform:translateY(-1px)}.complete-job-btn{background:#5b5fc7;color:#fff}.complete-job-btn:hover{background:#4a4fb5;transform:translateY(-1px)}.no-content-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;color:#94a3b8;text-align:center}.no-content-state svg{margin-bottom:.75rem}.no-content-state p{margin:0;font-size:.875rem}@media(max-width:768px){.agent-dash-header{flex-direction:column;gap:1rem;align-items:flex-start}.agent-stats-wrapper{grid-template-columns:1fr}.agent-info-bar{flex-direction:column;gap:.75rem;align-items:flex-start}.section-header-row{flex-direction:column;align-items:flex-start}.time-tabs{width:100%}.time-tab{flex:1}.job-alert-actions{grid-template-columns:1fr}.job-route-row{flex-direction:column;align-items:flex-start}.route-arrow{transform:rotate(90deg)}}@media(max-width:480px){.agent-dash-container{padding:.75rem}.agent-welcome{font-size:1rem}.stat-value{font-size:1.125rem}}.location-status{margin-top:6px;font-size:12px;display:flex;flex-direction:column;gap:4px}.tracking-active{color:#10b981;display:flex;align-items:center;gap:6px;font-weight:500}.tracking-inactive{color:#ef4444;display:flex;align-items:center;gap:6px;font-weight:500}.tracking-error{color:#f59e0b;font-size:11px}.last-update{color:#6b7280;font-weight:400;font-size:11px}.pulse-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.connection-banner{padding:10px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;margin-bottom:20px}.connection-banner.connected{background:#d1fae5;color:#065f46;border:1px solid #10b981}.connection-banner.disconnected{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:#10b981;animation:pulse 2s infinite}.status-dot.disconnected{background:#ef4444}.online-toggle-wrapper{display:flex;align-items:center;gap:8px}.toggle-label{font-size:14px;font-weight:600;color:#374151}.drvr-loading-wrapper{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0a0f1e,#1a1f35)}.drvr-loading-content{text-align:center}.drvr-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#4ade80;border-radius:50%;animation:drvr-spin .8s linear infinite;margin:0 auto 1rem}.drvr-loading-text{color:#9ca3af;margin:0}@keyframes drvr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drvr-layout-container{display:flex;height:100vh;overflow:hidden;background:#e8e7f0}.drvr-sidebar{width:260px;background:#1a1d3a;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000001a;z-index:100;transition:transform .3s ease}.drvr-sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.drvr-logo-wrapper{display:flex;align-items:center;gap:.75rem}.drvr-logo-icon{font-size:1.75rem}.drvr-logo-text{font-size:1.25rem;font-weight:700;color:#fff}.drvr-close-btn{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.25rem}.drvr-nav-section{flex:1;padding:1rem 0;overflow-y:auto}.drvr-nav-link{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;margin:.25rem .75rem;color:#ffffffb3;text-decoration:none;border-radius:.5rem;transition:all .2s;font-weight:500;font-size:.9375rem}.drvr-nav-link:hover{background:#ffffff0d;color:#fff}.drvr-nav-link.drvr-nav-active{background:linear-gradient(135deg,#4ade80,#22c55e);color:#0a0f1e;box-shadow:0 4px 8px #4ade804d}.drvr-sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.drvr-user-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:.5rem}.drvr-user-avatar{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #22c55e}.drvr-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.drvr-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ade80,#22c55e);color:#0a0f1e;font-weight:700;font-size:.875rem}.drvr-user-info{flex:1;min-width:0}.drvr-user-name{margin:0;font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drvr-user-status{margin:.125rem 0 0;font-size:.75rem;color:#22c55e}.drvr-main-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.drvr-top-header{background:#fff;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001a;z-index:90;min-height:70px}.drvr-menu-toggle{display:none;background:none;border:none;color:#1a1d3a;cursor:pointer;padding:.5rem}.drvr-page-title h1{margin:0;font-size:1.5rem;font-weight:700;color:#1a1d3a}.drvr-header-actions{display:flex;align-items:center;gap:1rem}.drvr-notif-btn{position:relative;width:40px;height:40px;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.drvr-notif-btn:hover{background:#e5e7eb;color:#1a1d3a}.drvr-notif-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:.625rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.drvr-profile-menu{position:relative}.drvr-profile-trigger{display:flex;align-items:center;gap:.625rem;padding:.375rem .75rem .375rem .375rem;background:#f3f4f6;border:none;border-radius:2rem;cursor:pointer;transition:all .2s}.drvr-profile-trigger:hover{background:#e5e7eb}.drvr-profile-pic{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden}.drvr-profile-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.drvr-profile-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ade80,#22c55e);color:#0a0f1e;font-weight:700;font-size:.875rem}.drvr-profile-text{font-weight:600;color:#1a1d3a;font-size:.9375rem}.drvr-menu-backdrop{position:fixed;inset:0;z-index:95}.drvr-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:.75rem;box-shadow:0 4px 12px #00000026;min-width:200px;padding:.5rem;z-index:100}.drvr-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#374151;text-decoration:none;border-radius:.5rem;transition:all .2s;width:100%;border:none;background:none;cursor:pointer;font-size:.9375rem;text-align:left}.drvr-menu-item:hover{background:#f3f4f6}.drvr-menu-item.drvr-logout-item{color:#ef4444}.drvr-menu-item.drvr-logout-item:hover{background:#fef2f2}.drvr-menu-divider{height:1px;background:#e5e7eb;margin:.5rem 0}.drvr-content-area{flex:1;overflow-y:auto;background:#e8e7f0}@media(max-width:768px){.drvr-sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%)}.drvr-sidebar.drvr-sidebar-open{transform:translate(0)}.drvr-close-btn,.drvr-menu-toggle{display:block}.drvr-overlay{position:fixed;inset:0;background:#00000080;z-index:99}.drvr-page-title h1{font-size:1.25rem}.drvr-profile-text{display:none}.drvr-top-header{padding:1rem}}@media(max-width:480px){.drvr-page-title h1{font-size:1.125rem}.drvr-notif-btn{width:36px;height:36px}}.drvr-nav-section::-webkit-scrollbar{width:6px}.drvr-nav-section::-webkit-scrollbar-track{background:#ffffff0d}.drvr-nav-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.drvr-nav-section::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.drvr-content-area::-webkit-scrollbar{width:8px}.drvr-content-area::-webkit-scrollbar-track{background:#e8e7f0}.drvr-content-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.drvr-content-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.recovery-schedule-container{width:100%;padding:20px;background:#f9fafb;min-height:calc(100vh - var(--header-height))}.recovery-schedule-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-bottom:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d}.recovery-schedule-header h1{font-size:22px;font-weight:700;color:#111827;margin:0}.recovery-back-btn,.recovery-help-btn{width:40px;height:40px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#111827;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-weight:700}.recovery-back-btn:hover,.recovery-help-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:scale(1.05)}.recovery-schedule-content{display:flex;flex-direction:column;gap:20px}.recovery-map-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;height:400px;position:relative}.recovery-map-card>div{border-radius:8px;overflow:hidden}.recovery-locations-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.recovery-input-group{margin-bottom:16px}.recovery-input-group:last-child{margin-bottom:0}.recovery-input-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.pickup-icon{color:#ef4444}.drop-icon{color:#22c55e}.recovery-input-group input{width:100%;padding:12px 14px;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:15px;transition:all .2s;box-sizing:border-box}.recovery-input-group input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.recovery-input-group input::-moz-placeholder{color:#9ca3af}.recovery-input-group input::placeholder{color:#9ca3af}.use-current-btn{margin-top:8px;padding:8px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.use-current-btn:hover{background:#e5e7eb;border-color:#d1d5db}.recovery-distance-badge{margin-top:16px;padding:14px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;text-align:center;color:#166534;font-weight:700;font-size:16px}.recovery-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.recovery-section h3{font-size:18px;font-weight:700;color:#111827;margin:0 0 16px}.recovery-vehicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.recovery-vehicle-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:16px 12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.recovery-vehicle-card:hover{transform:translateY(-2px);border-color:#3b82f6;background:#fff;box-shadow:0 4px 12px #3b82f61a}.recovery-vehicle-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.recovery-vehicle-icon{font-size:2.5rem;line-height:1}.recovery-vehicle-card span{font-size:13px;font-weight:600;color:#374151;line-height:1.3}.recovery-issue-grid{display:flex;flex-wrap:wrap;gap:10px}.recovery-issue-btn{padding:10px 18px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:20px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.recovery-issue-btn:hover{border-color:#3b82f6;background:#eff6ff}.recovery-issue-btn.selected{background:#eff6ff;border-color:#3b82f6;color:#1e40af;box-shadow:0 0 0 3px #3b82f61a}.recovery-estimate-btn{width:100%;padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f64d;letter-spacing:.3px}.recovery-estimate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.recovery-estimate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.recovery-schedule-container{padding:16px}.recovery-schedule-header{padding:14px 16px}.recovery-schedule-header h1{font-size:19px}.recovery-map-card{height:320px;padding:12px}.recovery-locations-section,.recovery-section{padding:16px}.recovery-vehicle-grid{grid-template-columns:repeat(2,1fr)}.recovery-vehicle-icon{font-size:2rem}}@media(max-width:480px){.recovery-schedule-container{padding:12px}.recovery-back-btn,.recovery-help-btn{width:38px;height:38px}.recovery-schedule-header{padding:12px}.recovery-schedule-header h1{font-size:17px}.recovery-map-card{height:280px;padding:10px}.recovery-locations-section,.recovery-section{padding:14px}.recovery-vehicle-card{padding:14px 10px}.recovery-vehicle-icon{font-size:1.875rem}.recovery-vehicle-card span{font-size:12px}.recovery-issue-btn{padding:9px 16px;font-size:13px}.recovery-estimate-btn{padding:14px;font-size:15px}}@media(min-width:768px)and (max-width:1024px){.recovery-vehicle-grid{grid-template-columns:repeat(3,1fr)}.recovery-map-card{height:350px}}@media(min-width:1200px){.recovery-schedule-container{max-width:1200px;margin:0 auto}}.vehicle-dropdown-container{display:flex;flex-direction:column;gap:1rem}.vehicle-select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;background:#fff;cursor:pointer;transition:all .2s}.vehicle-select:focus{outline:none;border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a}.selected-vehicle-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f0f9ff;border:2px solid #3b82f6;border-radius:.75rem}.selected-vehicle-info>div{display:flex;flex-direction:column;gap:.25rem}.selected-vehicle-info strong{font-size:1rem;color:#111827}.selected-vehicle-info span{font-size:.875rem;color:#6b7280}.no-vehicles-state{text-align:center;padding:2rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.no-vehicles-state svg{color:#9ca3af}.no-vehicles-state p{color:#6b7280;margin:0}.add-first-vehicle-btn{padding:.75rem 1.5rem;background:#5b5fc7;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.add-first-vehicle-btn:hover{background:#4a4fb5;transform:translateY(-2px)}.loading-vehicles{text-align:center;padding:2rem;color:#6b7280}.agent-count-badge{position:absolute;top:10px;right:10px;background:#10b981;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #0003}.recovery-estimate-container{width:100%;padding:20px 40px;background:#f9fafb;min-height:100vh;max-height:100vh;overflow:hidden}.estimate-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.back-btn{width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.back-btn:hover{background:#f3f4f6;transform:scale(1.05)}.estimate-header h1{font-size:24px;font-weight:700;color:#111827;margin:0}.estimate-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:calc(100vh - 140px)}.estimate-left{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.estimate-right{overflow-y:auto}.estimate-card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.estimate-card h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid #f3f4f6}.info-row,.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px}.info-row{border-bottom:1px solid #f3f4f6}.info-row:last-child{border-bottom:none}.info-row .label,.breakdown-row .label{color:#6b7280;font-weight:500}.info-row .value,.breakdown-row .value{color:#111827;font-weight:600}.breakdown-row{border-bottom:1px solid #f9fafb}.breakdown-row:last-of-type{border-bottom:2px solid #e5e7eb;margin-bottom:8px;padding-bottom:10px}.priority-row{background:#fef3c7;margin:0 -18px;padding:8px 18px}.priority-row .label{color:#92400e;font-weight:600}.priority-row .value{color:#f59e0b}.total-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin:0 -18px -18px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:0 0 12px 12px}.total-row .label{font-size:16px;font-weight:700;color:#166534}.total-row .value{font-size:22px;font-weight:700;color:#16a34a}.options-card{display:flex;flex-direction:column;gap:12px}.option-box{padding:14px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.option-box:hover{border-color:#3b82f6;background:#fff}.option-box.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.option-header{display:flex;align-items:center;gap:10px;flex:1}.option-header input[type=radio]{width:18px;height:18px;cursor:pointer}.option-info{flex:1}.option-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.option-subtitle{font-size:12px;color:#6b7280}.option-price{font-size:15px;font-weight:700;color:#111827;white-space:nowrap}.priority-price{color:#f59e0b}.schedule-box{background:#fef3c7;border-color:#fbbf24}.schedule-box:hover{background:#fde68a;border-color:#f59e0b}.confirm-btn{width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f666;margin-top:8px}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}.terms-text{text-align:center;margin-top:12px;font-size:12px;color:#9ca3af}.cancel-link{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;margin-bottom:6px;display:block}.cancel-link:hover{color:#2563eb}.estimate-left::-webkit-scrollbar,.estimate-right::-webkit-scrollbar{width:6px}.estimate-left::-webkit-scrollbar-track,.estimate-right::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.estimate-left::-webkit-scrollbar-thumb,.estimate-right::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media(max-width:1024px){.recovery-estimate-container{padding:16px;max-height:none;overflow:auto}.estimate-grid{grid-template-columns:1fr;height:auto}.estimate-left,.estimate-right{overflow-y:visible}}.breakdown-subtext{font-size:11px;color:var(--color-text-secondary);margin-top:-8px;margin-bottom:12px;margin-left:24px;font-style:italic}.night-row{background:#ffc1071a;padding:8px;border-radius:4px;border-left:3px solid #ffc107}.night-indicator{background:#ffc1071a;padding:8px;border-radius:4px;font-weight:500}.subtotal-row{border-top:1px solid var(--color-border);padding-top:12px;margin-top:8px;font-weight:500}.driver-payout-info{margin-top:12px;padding:8px;background:var(--color-bg-1);border-radius:4px;text-align:center}.driver-payout-info small{font-size:12px;color:var(--color-text-secondary)}.terms-text .driver-info{font-size:11px;color:var(--color-success);margin-top:4px}.scheduled-info-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;text-align:center;color:#fff;margin-bottom:20px}.scheduled-icon{font-size:48px;margin-bottom:12px}.scheduled-info-box h4{margin:0 0 8px;font-size:20px}.scheduled-info-box p{margin:0 0 16px;opacity:.9;font-size:14px}.scheduled-time{background:#fff3;padding:12px;border-radius:8px;font-weight:600;font-size:16px}.active-recovery-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1e3a8a,#3b82f6);padding:16px 20px;box-shadow:0 -4px 20px #00000026;z-index:1000;animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.recovery-bar-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.bar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.status-indicator{position:relative;width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-indicator svg{color:#fff;z-index:2}.pulse-dot{position:absolute;width:100%;height:100%;border-radius:50%;background:#ffffff4d;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.5}to{transform:scale(1);opacity:1}}.recovery-info{display:flex;flex-direction:column;gap:4px;min-width:0}.recovery-status{font-size:15px;font-weight:700;color:#fff;white-space:nowrap}.recovery-eta{display:flex;align-items:center;gap:4px;font-size:13px;color:#ffffffe6;font-weight:500}.recovery-eta svg{flex-shrink:0}.bar-center{flex:1;min-width:0;display:flex;justify-content:center}.location-preview{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 16px;border-radius:20px;max-width:300px}.pickup-icon{color:#fbbf24;flex-shrink:0}.location-text{color:#fff;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-tracking-btn{background:#fff;color:#1e3a8a;border:none;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex-shrink:0}.view-tracking-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003;background:#f0f9ff}.view-tracking-btn:active{transform:translateY(0)}@media(max-width:768px){.active-recovery-bar{padding:12px 16px}.recovery-bar-content{gap:12px}.bar-center{display:none}.status-indicator{width:42px;height:42px}.status-indicator svg{width:18px;height:18px}.recovery-status{font-size:14px}.recovery-eta{font-size:12px}.view-tracking-btn{padding:10px 18px;font-size:13px}}@media(max-width:480px){.active-recovery-bar{padding:10px 12px}.bar-left{gap:10px}.recovery-info{gap:2px}.recovery-status{font-size:13px}.recovery-eta{font-size:11px}.view-tracking-btn span{display:none}.view-tracking-btn{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center}}.active-jobs-container{max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.active-jobs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.header-top{display:flex;align-items:center;gap:16px}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s}.back-btn:hover{background:#f3f4f6;transform:translate(-2px)}.page-title{font-size:28px;font-weight:700;margin:0;color:#111827}.page-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.header-actions{display:flex;gap:12px}.refresh-btn-jobs{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s}.refresh-btn-jobs:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.refresh-btn-jobs:disabled{opacity:.6;cursor:not-allowed}.connection-status-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin-bottom:24px;font-size:14px;color:#065f46}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.active{background:#10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.jobs-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card-jobs{display:flex;align-items:center;gap:12px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s}.stat-card-jobs:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px}.total-icon{background:#eff6ff;color:#3b82f6}.accepted-icon{background:#f0fdf4;color:#10b981}.progress-icon{background:#fff7ed;color:#f59e0b}.completed-icon{background:#f5f3ff;color:#8b5cf6}.stat-content{flex:1}.stat-label-jobs{font-size:13px;color:#6b7280;margin:0 0 4px}.stat-value-jobs{font-size:24px;font-weight:700;color:#111827;margin:0}.filters-section{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.search-bar-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input-jobs{width:100%;padding:12px 40px 12px 42px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;transition:all .2s}.search-input-jobs:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#e5e7eb;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;color:#6b7280}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-label{font-size:14px;font-weight:500;color:#374151}.period-tabs{display:flex;gap:8px}.period-tab{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s}.period-tab:hover{background:#f9fafb}.period-tab.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.status-filter-select{padding:8px 32px 8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;background:#fff;cursor:pointer;outline:none}.status-filter-select:focus{border-color:#3b82f6}.jobs-list-section{margin-bottom:24px}.jobs-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.job-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;gap:16px}.job-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px);border-color:#3b82f6}.job-card.expanded{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626}.job-card-header{display:flex;justify-content:space-between;align-items:center}.job-id-section{display:flex;align-items:center;gap:10px}.job-id-badge{display:inline-block;padding:6px 12px;background:#f3f4f6;border-radius:6px;font-size:13px;font-weight:600;color:#374151}.job-time{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.job-status-badge-jobs{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;text-transform:capitalize}.job-customer-info{display:flex;justify-content:space-between;align-items:center;gap:12px}.customer-name-section{display:flex;align-items:center;gap:8px;flex:1}.customer-name{font-size:16px;font-weight:600;color:#111827;margin:0}.urgent-badge{padding:4px 8px;background:#fee2e2;color:#dc2626;font-size:10px;font-weight:700;border-radius:4px;letter-spacing:.5px}.phone-btn-jobs{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#eff6ff;color:#3b82f6;border:1px solid #bfdbfe;border-radius:6px;text-decoration:none;font-size:12px;font-weight:500;transition:all .2s}.phone-btn-jobs:hover{background:#dbeafe}.job-vehicle-info{display:flex;align-items:center;gap:10px;padding:10px;background:#f9fafb;border-radius:8px}.vehicle-icon{color:#6b7280}.vehicle-type{font-size:14px;font-weight:500;color:#374151}.issue-badge{margin-left:auto;padding:4px 10px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:500;border-radius:6px}.job-route-section{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border-radius:8px}.route-point{display:flex;align-items:flex-start;gap:10px}.location-pin{flex-shrink:0;margin-top:2px}.pickup-pin{color:#10b981}.dropoff-pin{color:#ef4444}.route-details{flex:1;display:flex;flex-direction:column;gap:2px}.route-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.route-address{font-size:13px;color:#374151;line-height:1.4}.route-separator{height:20px;width:2px;background:#e5e7eb;margin-left:6px}.job-expanded-details{padding:12px;background:#fef9e7;border-left:3px solid #f59e0b;border-radius:6px;display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.detail-label{font-weight:500;color:#6b7280}.detail-value{font-weight:600;color:#374151}.detail-row.notes{flex-direction:column;align-items:flex-start;gap:4px}.detail-row.notes .detail-value{font-weight:400;font-style:italic}.job-payout-section{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:8px}.payout-icon{color:#059669}.payout-label{font-size:13px;font-weight:500;color:#065f46}.payout-amount{font-size:18px;font-weight:700;color:#047857}.job-actions-section{display:flex;gap:10px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.navigate-btn{background:#eff6ff;color:#3b82f6;border:1px solid #bfdbfe}.navigate-btn:hover{background:#dbeafe}.start-btn{background:#10b981;color:#fff}.start-btn:hover{background:#059669;transform:scale(1.02)}.complete-btn{background:#8b5cf6;color:#fff}.complete-btn:hover{background:#7c3aed;transform:scale(1.02)}.completed-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f0fdf4;border-radius:8px;font-size:14px;font-weight:500;color:#059669}.completed-icon{color:#10b981}.no-jobs-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;border:2px dashed #e5e7eb;text-align:center}.no-jobs-state svg{color:#d1d5db;margin-bottom:16px}.no-jobs-state h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.no-jobs-state p{font-size:14px;color:#6b7280;margin:0 0 20px}.clear-filters-btn{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:#2563eb;transform:scale(1.05)}.active-jobs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media(max-width:768px){.active-jobs-container{padding:12px}.active-jobs-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.refresh-btn-jobs{width:100%;justify-content:center}.jobs-stats-grid{grid-template-columns:repeat(2,1fr)}.filters-section{padding:16px}.filter-group{flex-direction:column;align-items:flex-start;width:100%}.period-tabs{width:100%}.period-tab{flex:1}.status-filter-select{width:100%}.jobs-list-grid{grid-template-columns:1fr}.job-actions-section{flex-direction:column}.action-btn{width:100%}}@media(max-width:480px){.page-title{font-size:22px}.jobs-stats-grid{grid-template-columns:1fr}.stat-value-jobs{font-size:20px}.job-customer-info{flex-direction:column;align-items:flex-start}.phone-btn-jobs{width:100%;justify-content:center}}.jobs-tabs{display:flex;gap:12px;margin-bottom:20px;padding:0 20px;border-bottom:2px solid #e5e7eb}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;bottom:-2px}.tab-btn:hover{color:#3b82f6}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-count{background:#3b82f6;color:#fff;font-size:12px;padding:2px 8px;border-radius:12px;font-weight:600;min-width:20px;text-align:center}.tab-count.completed{background:#10b981}.job-card.completed-card{border-left:4px solid #10b981;background:linear-gradient(to right,#f0fdf4,#fff)}.completed-actions{display:flex;flex-direction:column;gap:8px;width:100%}.view-details-btn{background:#3b82f6;color:#fff}.completed-badge-large{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#dcfce7;color:#059669;border-radius:8px;font-weight:500;font-size:14px}.completed-badge-large .completed-icon{color:#10b981}.recovery-workflow-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.workflow-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s}.back-btn:hover{background:#f3f4f6}.header-content{flex:1}.workflow-title{font-size:24px;font-weight:700;margin:0 0 4px;color:#111827}.job-id{font-size:14px;color:#6b7280;font-weight:500}.phase-badge{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.phase-badge.onload{background:#dbeafe;color:#1e40af}.phase-badge.offload{background:#d1fae5;color:#065f46}.job-details-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.card-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin:0 0 20px;color:#111827}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#111827}.detail-value a{color:#3b82f6;text-decoration:none}.detail-value a:hover{text-decoration:underline}.issue-tag{display:inline-block;padding:6px 12px;background:#fef3c7;color:#92400e;border-radius:6px;font-size:14px}.location-details{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;margin-top:20px}.location-item{flex:1;display:flex;gap:10px}.location-item.pickup svg{color:#10b981}.location-item.dropoff svg{color:#ef4444}.location-label{display:block;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:4px}.location-address{display:block;font-size:14px;color:#111827;line-height:1.4}.location-separator{font-size:20px;color:#d1d5db;font-weight:700}.phase-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.phase-header{margin-bottom:24px}.section-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;margin:0 0 8px;color:#111827}.section-subtitle{font-size:14px;color:#6b7280;margin:0}.success-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#d1fae5;border-left:4px solid #10b981;border-radius:8px;color:#065f46;font-size:14px;font-weight:500;margin-bottom:20px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.image-upload-box{display:flex;flex-direction:column;gap:8px}.image-upload-label{display:block;cursor:pointer;border-radius:8px;overflow:hidden;border:2px dashed #d1d5db;transition:all .2s}.image-upload-label:hover{border-color:#3b82f6}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;background:#f9fafb;color:#6b7280;transition:all .2s}.image-upload-label:hover .image-placeholder{background:#eff6ff;color:#3b82f6}.upload-text{font-size:14px;font-weight:600;margin-top:8px}.upload-hint{font-size:12px;color:#9ca3af}.image-preview{position:relative;height:180px;overflow:hidden}.image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.image-preview:hover .image-overlay{opacity:1}.image-name{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remarks-section{margin-bottom:20px}.remarks-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.remarks-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}.remarks-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.verification-checkbox{margin-bottom:20px;padding:16px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer}.checkbox-text{flex:1;font-size:14px;color:#92400e;font-weight:500;line-height:1.5}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:disabled{opacity:.6;cursor:not-allowed}.primary-btn{background:#3b82f6;color:#fff}.primary-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.secondary-btn{background:#f59e0b;color:#fff}.secondary-btn:hover:not(:disabled){background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.success-btn{background:#10b981;color:#fff}.success-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.action-buttons-group{display:flex;gap:12px}.spinning{animation:spin 1s linear infinite}.recovery-workflow-loading,.recovery-workflow-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#6b7280}.recovery-workflow-loading .spinner{animation:spin 1s linear infinite;margin-bottom:16px}.recovery-workflow-error{color:#ef4444}.recovery-workflow-error button{margin-top:20px;padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer}@media(max-width:768px){.recovery-workflow-container{padding:12px}.workflow-header{flex-wrap:wrap}.phase-badge{width:100%;text-align:center}.details-grid{grid-template-columns:1fr}.location-details{flex-direction:column}.location-separator{transform:rotate(90deg)}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.action-buttons-group{flex-direction:column}}.phase-section.completed{background:#f0fdf4;border:2px solid #22c55e;position:relative}.phase-header.collapsible{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:8px;transition:background-color .2s}.phase-header.collapsible:hover{background-color:#22c55e0d}.completed-badge{display:flex;align-items:flex-start;gap:1rem}.completed-badge svg{color:#22c55e;flex-shrink:0;margin-top:2px}.collapse-btn{background:none;border:none;color:#22c55e;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.collapse-btn:hover{background-color:#22c55e1a}.images-grid.readonly-grid{opacity:.9}.image-upload-box.readonly{cursor:default}.image-preview.readonly{position:relative}.image-label-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;padding:.5rem;font-size:.875rem;font-weight:500}.image-placeholder.readonly{opacity:.6;cursor:not-allowed}.remarks-section.readonly{margin-top:1.5rem}.remarks-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;font-size:.95rem;line-height:1.6;color:#374151;min-height:80px;white-space:pre-wrap}.phase-section+.phase-section{margin-top:2rem}.success-message{display:flex;align-items:center;gap:.75rem;background:#d1fae5;color:#065f46;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.success-message svg{flex-shrink:0;color:#10b981}.vehicle-card{border-left:4px solid #3b82f6}.card-header.collapsible{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:1rem 1.25rem;transition:background .2s}.card-header.collapsible:hover{background:#f9fafb}.vehicle-summary{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f0f9ff;border-radius:.5rem;margin-bottom:1rem}.vehicle-title{display:flex;align-items:center;gap:.5rem}.year-badge{padding:.25rem .5rem;background:#3b82f6;color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:600}.vehicle-specs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.plate-number{font-family:Courier New,monospace;font-weight:700;color:#1e40af;font-size:1.1rem}.vin-code{font-family:Courier New,monospace;font-weight:600;color:#6b7280;font-size:.875rem;word-break:break-all}.plate-details-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;margin-top:.5rem}.plate-info{display:flex;flex-direction:column;gap:.25rem}.plate-label{font-size:.75rem;color:#6b7280;font-weight:500}.plate-value{font-weight:600;color:#111827}.vehicle-photo-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.vehicle-photo-container{margin-top:.5rem;max-width:400px}.vehicle-photo{width:100%;height:auto;border-radius:.5rem;box-shadow:0 2px 8px #0000001a}.customer-card{border-left:4px solid #10b981}.location-card{border-left:4px solid #f59e0b}@media(max-width:768px){.vehicle-specs,.plate-details-box{grid-template-columns:1fr}}.service-contract-wrapper{min-height:100vh;background:#f5f5f5;padding:20px}.contract-loading,.contract-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.contract-loading .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contract-container{max-width:900px;margin:0 auto;background:#fff;box-shadow:0 2px 10px #0000001a}@media print{.service-contract-wrapper{background:#fff;padding:0}.contract-container{box-shadow:none;max-width:100%}.no-print{display:none!important}.contract-content{padding:20mm}}.action-buttons{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:1000}.btn{padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-secondary{background:#fff;color:#2c3e50;border:2px solid #2c3e50}.btn-secondary:hover{background:#2c3e50;color:#fff}.contract-header{background:#2c3e50;color:#fff;padding:30px 40px;border-bottom:4px solid #3498db}.contract-header h1{font-size:28px;font-weight:700;letter-spacing:1px;margin-bottom:5px}.contract-header .subtitle{font-size:14px;opacity:.9}.contract-content{padding:40px}.contract-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-left:4px solid #3498db}.meta-item{display:flex;flex-direction:column}.meta-label{font-size:11px;text-transform:uppercase;color:#7f8c8d;font-weight:600;margin-bottom:4px;letter-spacing:.5px}.meta-value{font-size:14px;font-weight:600;color:#2c3e50}.section{margin-bottom:30px}.section-title{font-size:16px;font-weight:700;color:#2c3e50;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #bdc3c7;text-transform:uppercase;letter-spacing:.5px}.parties-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:30px}.party-box{border:1px solid #bdc3c7;padding:20px;border-radius:4px;background:#fafafa}.party-box h3{font-size:14px;font-weight:700;color:#2c3e50;margin-bottom:12px;text-transform:uppercase}.info-row{display:flex;margin-bottom:8px;font-size:13px}.info-label{font-weight:600;min-width:120px;color:#555}.info-value{color:#2c3e50;flex:1}.vehicle-box{border:1px solid #bdc3c7;padding:20px;border-radius:4px;background:#f8f9fa;margin-bottom:25px}.vehicle-box h3{font-size:14px;font-weight:700;color:#2c3e50;margin-bottom:12px;text-transform:uppercase}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.services-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:13px}.services-table thead{background:#2c3e50;color:#fff}.services-table th{padding:12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.services-table td{padding:12px;border-bottom:1px solid #ecf0f1}.services-table tbody tr:hover{background:#f8f9fa}.services-table tbody tr:last-child td{border-bottom:2px solid #2c3e50}.cost-summary{float:right;width:300px;border:2px solid #2c3e50;margin-top:20px;background:#fff}.cost-row{display:flex;justify-content:space-between;padding:10px 15px;font-size:13px;border-bottom:1px solid #ecf0f1}.cost-row.subtotal{font-weight:600}.cost-row.total{background:#2c3e50;color:#fff;font-weight:700;font-size:16px;border-bottom:none}.terms-section{clear:both;margin-top:40px;padding-top:30px;border-top:2px solid #bdc3c7}.term-item{margin-bottom:15px;font-size:13px;line-height:1.8}.term-item strong{color:#2c3e50;display:block;margin-bottom:5px;font-size:13px;text-transform:uppercase}.signature-section{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:50px;padding-top:30px;border-top:2px solid #bdc3c7}.signature-box{text-align:center}.signature-line{border-top:2px solid #2c3e50;margin:60px 20px 10px}.signature-label{font-size:13px;font-weight:600;color:#2c3e50;margin-bottom:5px}.signature-date{font-size:12px;color:#7f8c8d}.contract-footer{background:#f8f9fa;padding:20px 40px;border-top:2px solid #bdc3c7;text-align:center;font-size:12px;color:#7f8c8d}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.quoted{background:#d1ecf1;color:#0c5460}.status-badge.accepted{background:#d4edda;color:#155724}.status-badge.in-progress{background:#cfe2ff;color:#084298}.status-badge.completed{background:#d1e7dd;color:#0f5132}@media(max-width:768px){.contract-content{padding:20px}.parties-grid,.vehicle-grid,.signature-section{grid-template-columns:1fr}.cost-summary{float:none;width:100%}.action-buttons{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-bottom:24px;padding:16px 24px;background:var(--color-surface, #fff);border-radius:8px;box-shadow:0 2px 4px #0000001a}.action-buttons .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-buttons .btn-secondary{background-color:#f5f5f5;color:#2c3e50;border:1px solid #ddd}.action-buttons .btn-secondary:hover{background-color:#e8e8e8;border-color:#ccc}.action-buttons .btn-primary{background-color:#3498db;color:#fff}.action-buttons .btn-primary:hover{background-color:#2980b9}.action-buttons .btn:disabled{opacity:.6;cursor:not-allowed}.action-buttons .btn svg{width:18px;height:18px}@media print{.no-print{display:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.contract-meta{grid-template-columns:1fr}}.roadside-form-page{min-height:100vh;background:#f9fafb}.roadside-form-header{background:#fff;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:10}.roadside-form-back-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.roadside-form-back-btn:hover{background:#f3f4f6}.roadside-form-title{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.roadside-form-content{max-width:900px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.roadside-success-banner{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #22c55e;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}.roadside-success-banner svg{color:#16a34a;flex-shrink:0}.roadside-success-text h3{margin:0 0 .5rem;color:#166534;font-size:1.125rem}.roadside-success-text p{margin:0 0 1rem;color:#15803d}.roadside-success-btn{padding:.625rem 1.25rem;background:#22c55e;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.roadside-success-btn:hover{background:#16a34a;transform:translateY(-1px)}.roadside-garage-info-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;display:flex;gap:1rem}.roadside-garage-logo{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb}.roadside-garage-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.roadside-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#9ca3af;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.roadside-garage-details h3{margin:0 0 .5rem;font-size:1.25rem;color:#111827}.roadside-garage-details p{margin:0 0 .75rem;color:#6b7280;font-size:.875rem}.roadside-garage-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#374151}.roadside-garage-meta span{display:flex;align-items:center;gap:.375rem}.roadside-badge-24x7{background:#dcfce7;color:#166534;padding:.25rem .625rem;border-radius:999px;font-weight:600;font-size:.75rem}.roadside-map-section{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.roadside-section-title{margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:#111827}.roadside-location-input{margin-bottom:1rem}.roadside-location-input label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem}.roadside-input-group{display:flex;gap:.75rem}.roadside-input-group input{flex:1;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem}.roadside-current-location-btn{padding:.75rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;white-space:nowrap}.roadside-current-location-btn:hover:not(:disabled){background:#e5e7eb}.roadside-distance-info{margin-top:1rem;padding:.75rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;align-items:center;gap:.5rem;color:#1e40af;font-size:.875rem}.roadside-form{display:flex;flex-direction:column;gap:1.5rem}.roadside-form-section{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.roadside-vehicle-selector label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem}.roadside-vehicle-selector select{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;cursor:pointer}.roadside-selected-vehicle{margin-top:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;gap:.75rem}.roadside-selected-vehicle svg{color:#6b7280;flex-shrink:0}.roadside-selected-vehicle strong{display:block;color:#111827;font-size:.875rem}.roadside-selected-vehicle span{display:block;color:#6b7280;font-size:.75rem}.roadside-issue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.roadside-issue-btn{padding:.875rem 1rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;color:#374151}.roadside-issue-btn:hover:not(:disabled){border-color:#5b5fc7;background:#eff6ff}.roadside-issue-btn.selected{background:#5b5fc7;border-color:#5b5fc7;color:#fff}.roadside-urgency-options{display:flex;flex-direction:column;gap:.75rem}.roadside-urgency-option{padding:1rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:all .2s}.roadside-urgency-option:hover,.roadside-urgency-option.selected{border-color:#5b5fc7;background:#eff6ff}.roadside-urgency-option input[type=radio]{width:20px;height:20px;accent-color:#5b5fc7}.roadside-urgency-option strong{display:block;color:#111827;font-size:.875rem;margin-bottom:.25rem}.roadside-urgency-option span{display:block;color:#6b7280;font-size:.75rem}.roadside-form-field label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem}.roadside-form-field textarea,.roadside-form-field input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical}.roadside-submit-btn{padding:1rem 2rem;background:linear-gradient(135deg,#5b5fc7,#4338ca);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.roadside-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#3730a3);transform:translateY(-1px);box-shadow:0 4px 12px #5b5fc74d}.roadside-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.roadside-form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#5b5fc7;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.roadside-input-group{flex-direction:column}.roadside-issue-grid{grid-template-columns:repeat(2,1fr)}.roadside-garage-info-card{flex-direction:column}.roadside-garage-logo{width:100%;height:120px}}.cust-recovery-later-container{max-width:1100px;width:90vw;margin:20px auto;padding:24px 32px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;box-sizing:border-box}@media screen and (max-width:1200px){.cust-recovery-later-container{max-width:90vw;padding:16px 20px}}@media screen and (max-width:600px){.cust-recovery-later-container{max-width:100%;padding:16px;margin:8px;border-radius:0}}.cust-recovery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cust-recovery-back-btn{background:none;border:none;cursor:pointer;color:#555;padding:8px;border-radius:6px;transition:background .2s}.cust-recovery-back-btn:hover{background:#eee}.cust-recovery-content{display:flex;flex-direction:column;gap:20px}.cust-recovery-map-card{width:100%;height:300px;border-radius:12px;overflow:hidden;box-shadow:0 1px 6px #0003;margin-bottom:12px}.cust-recovery-locations-section{display:flex;flex-direction:column;gap:12px}.cust-recovery-input-group{display:flex;flex-direction:column}.cust-recovery-locations-row{display:flex;gap:20px;margin-bottom:20px}.cust-recovery-pickup-group,.cust-recovery-drop-group{flex:1;display:flex;flex-direction:column}.cust-use-current-btn{margin-top:6px;background:#3b82f6;color:#fff;border:none;padding:6px 8px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .3s;width:-moz-max-content;width:max-content}.cust-use-current-btn:hover{background:#2563eb}.cust-use-current-pickup{align-self:flex-start}.cust-recovery-input-group label{font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px;color:#444}.cust-recovery-input-group input[type=text],.cust-schedule-date-input,.cust-schedule-time-input,.cust-vehicle-select{padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color .2s}.cust-recovery-input-group input[type=text]:focus,.cust-schedule-date-input:focus,.cust-schedule-time-input:focus,.cust-vehicle-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 6px #3b82f680}.cust-recovery-distance-badge{margin-top:8px;padding:6px 12px;background-color:#dbeafe;border-radius:8px;font-size:1rem;font-weight:600;color:#1d4ed8;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cust-recovery-section h3{margin-bottom:8px;color:#1e293b;font-weight:700;font-size:1.15rem}.cust-recovery-vehicle-grid,.cust-recovery-issue-grid{display:flex;flex-wrap:wrap;gap:12px}.cust-recovery-vehicle-card,.cust-recovery-issue-btn{flex:1 1 120px;text-align:center;padding:14px 10px;border:2px solid #e2e8f0;border-radius:12px;background-color:#f8fafc;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;transition:background-color .25s,border-color .25s;display:flex;flex-direction:column;align-items:center;gap:6px}.cust-recovery-vehicle-icon{font-size:24px;line-height:1}.cust-recovery-vehicle-card.selected,.cust-recovery-issue-btn.selected{border-color:#3b82f6;background-color:#dbeafe;color:#1e40af;box-shadow:0 0 8px #3b82f680}.cust-recovery-schedule-btn{background-color:#3b82f6;border:none;color:#fff;padding:14px 18px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;width:100%;margin-top:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .3s}.cust-recovery-schedule-btn:disabled{cursor:not-allowed;background-color:#93c5fd}.cust-recovery-schedule-btn:hover:enabled{background-color:#2563eb}.cust-no-vehicles-state{text-align:center;color:#64748b}.cust-add-first-vehicle-btn{margin-top:8px;background-color:transparent;border:2px dashed #3b82f6;color:#3b82f6;padding:12px 14px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s}.cust-add-first-vehicle-btn:hover{background-color:#dbeafe;color:#1e40af}.cust-schedule-date-time-row{display:flex;gap:16px;align-items:flex-start;margin-top:20px}.cust-schedule-date-time-row>div{flex:1;display:flex;flex-direction:column}.cust-schedule-date-time-row label{font-weight:600;margin-bottom:6px;color:#444}.cust-schedule-date-input,.cust-schedule-time-input{padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color .2s;width:100%}.cust-schedule-date-input:focus,.cust-schedule-time-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 6px #3b82f680}.recovery-datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.recovery-datetime-input{display:flex;flex-direction:column;gap:8px}.recovery-datetime-input label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;font-size:14px}.recovery-datetime-input input{padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px}.recovery-datetime-input input:focus{outline:none;border-color:#3b82f6}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-x-3{left:.75rem;right:.75rem}.-bottom-1{bottom:-.25rem}.-top-28{top:-7rem}.left-0{left:0}.left-5{left:1.25rem}.right-0{right:0}.right-10{right:2.5rem}.right-5{right:1.25rem}.top-0{top:0}.top-5{top:1.25rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.col-span-2{grid-column:span 2 / span 2}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-20{margin-top:5rem;margin-bottom:5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[-10px\]{margin-top:-10px}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[70vh\]{height:70vh}.h-\[80px\]{height:80px}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.max-h-\[60vh\]{max-height:60vh}.min-h-\[28rem\]{min-height:28rem}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[250px\]{width:250px}.w-\[320px\]{width:320px}.w-\[90\%\]{width:90%}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[155px\]{min-width:155px}.min-w-\[175px\]{min-width:175px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-8{--tw-translate-y: 2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.bg-\[\#10b981\]{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-\[\#4ADE80\]{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-\[\#5b5fc7\]{--tw-bg-opacity: 1;background-color:rgb(91 95 199 / var(--tw-bg-opacity, 1))}.bg-\[\#7AC984\]{--tw-bg-opacity: 1;background-color:rgb(122 201 132 / var(--tw-bg-opacity, 1))}.bg-\[\#9bf6ae\]{--tw-bg-opacity: 1;background-color:rgb(155 246 174 / var(--tw-bg-opacity, 1))}.bg-\[\#B4F4B3\]{--tw-bg-opacity: 1;background-color:rgb(180 244 179 / var(--tw-bg-opacity, 1))}.bg-\[\#f8f9fa\]\/90{background-color:#f8f9fae6}.bg-\[\#f9f9f9\]{--tw-bg-opacity: 1;background-color:rgb(249 249 249 / var(--tw-bg-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/70{background-color:#000000b3}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-current{background-color:currentColor}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-200{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500\/80{--tw-gradient-from: rgb(59 130 246 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-blue-400\/80{--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(96 165 250 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-500\/80{--tw-gradient-to: rgb(59 130 246 / .8) var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:center}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-4{padding-left:1rem}.pr-1{padding-right:.25rem}.pr-4{padding-right:1rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[20px\]{padding-top:20px}.pt-\[60px\]{padding-top:60px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[50px\]{font-size:50px}.text-\[55px\]{font-size:55px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-\[0\.9\]{line-height:.9}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#8ae79f\]{--tw-text-opacity: 1;color:rgb(138 231 159 / var(--tw-text-opacity, 1))}.text-\[\#9bf6ae\]{--tw-text-opacity: 1;color:rgb(155 246 174 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/90{color:#ffffffe6}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-blue-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-\[500ms\]{transition-delay:.5s}.delay-\[900ms\]{transition-delay:.9s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[web\:50\]{web:50}.\[web\:52\]{web:52}body{background-color:#fff;scroll-behavior:smooth}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slideInLeft{animation:slideInLeft 1.2s ease-out forwards}.animate-slideInRight{animation:slideInRight 1.2s ease-out forwards}@keyframes fadeUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fadeUp{animation:fadeUp 1.2s ease-out forwards}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.animate-zoomIn{animation:zoomIn 1s ease-out forwards}.delay-\[500ms\]{animation-delay:.5s}.delay-\[700ms\]{animation-delay:.7s}.delay-\[800ms\]{animation-delay:.8s}.delay-\[900ms\]{animation-delay:.9s}.delay-\[1s\]{animation-delay:1s}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.001\]:hover{--tw-scale-x: 1.001;--tw-scale-y: 1.001;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x: 1.01;--tw-scale-y: 1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-200:hover{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.hover\:border-blue-400:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.hover\:border-green-400:hover{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.hover\:border-purple-400:hover{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#0d7b58ff\]:hover{background-color:#0d7b58}.hover\:bg-\[\#4a4fb5\]:hover{--tw-bg-opacity: 1;background-color:rgb(74 79 181 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#8ae79f\]:hover{--tw-bg-opacity: 1;background-color:rgb(138 231 159 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#B4F4B3\]:hover{--tw-bg-opacity: 1;background-color:rgb(180 244 179 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50\/50:hover{background-color:#eff6ff80}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-green-100:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.hover\:bg-green-300:hover{--tw-bg-opacity: 1;background-color:rgb(134 239 172 / var(--tw-bg-opacity, 1))}.hover\:bg-green-50\/50:hover{background-color:#f0fdf480}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-50\/40:hover{background-color:#faf5ff66}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-green-400:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.hover\:text-green-500:hover{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.hover\:text-green-700:hover{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-red-800:hover{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:shadow:hover{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-green-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1))}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:w-\[320px\]{width:320px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-\[60px\]{font-size:60px}.sm\:text-\[70px\]{font-size:70px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media(min-width:768px){.md\:mx-0{margin-left:0;margin-right:0}.md\:my-0{margin-top:0;margin-bottom:0}.md\:ml-28{margin-left:7rem}.md\:mt-16{margin-top:4rem}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-12{height:3rem}.md\:w-1\/3{width:33.333333%}.md\:w-12{width:3rem}.md\:w-\[550px\]{width:550px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:text-\[100px\]{font-size:100px}.md\:text-\[90px\]{font-size:90px}}@media(min-width:1024px){.lg\:w-\[650px\]{width:650px}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1\.3fr_1fr\]{grid-template-columns:1.3fr 1fr}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media(min-width:1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}