@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.filter-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-tab{padding:8px 18px;border-radius:30px;border:1.5px solid #e4e7ef;background:#fff;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s;font-family:inherit}.filter-tab:hover{border-color:#93c5fd;color:#1d4ed8;background:#eff6ff}.filter-tab.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.vehicle-browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:4px}.vehicle-browse-card{background:#fff;border:1.5px solid #e4e7ef;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .18s;box-shadow:0 1px 4px #0000000a}.vehicle-browse-card:hover{border-color:#93c5fd;box-shadow:0 6px 20px #2563eb1f;transform:translateY(-2px)}.vbc-img{position:relative;height:160px;background:#f3f4f6;overflow:hidden}.vbc-img img{width:100%;height:100%;object-fit:cover}.vbc-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:52px}.vbc-cat-badge{position:absolute;top:10px;left:10px;background:#000000a6;color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:capitalize}.vbc-body{padding:14px 14px 8px;flex:1}.vbc-name{font-size:15px;font-weight:700;color:#1a1f2e;margin-bottom:2px}.vbc-year{font-size:12px;color:#9ca3af;margin-bottom:10px}.vbc-specs{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:10px}.vbc-specs span{font-size:12px;color:#374151}.vbc-price{display:flex;align-items:baseline;gap:3px}.price-amt{font-size:20px;font-weight:800;color:#1a1f2e}.price-unit{font-size:12px;color:#9ca3af}.vbc-btn{margin:0 14px 14px;padding:10px;border-radius:10px;background:#eff6ff;color:#1d4ed8;border:1.5px solid #bfdbfe;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.vbc-btn:hover{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.detail-img-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:4px}.detail-img-thumb{border-radius:10px;overflow:hidden;aspect-ratio:1;border:1px solid #e4e7ef}.detail-img-thumb img{width:100%;height:100%;object-fit:cover}.modal-drawer{background:#fff;border-radius:20px;display:flex;flex-direction:column;max-height:min(88vh,760px);box-shadow:0 24px 60px #00000038}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:#1d4ed8;color:#fff;border:none;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#374151;border:1.5px solid #e4e7ef;border-radius:9px;padding:8px 15px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.btn-ghost:hover{background:#f3f4f6}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:4px;font-size:16px}.icon-btn:hover{background:#f3f4f6}.empty-state p{font-size:13.5px;line-height:1.7}.auth-tabs{display:flex;border:1px solid var(--border, #e2e8f0);border-radius:8px;overflow:hidden;margin-bottom:18px}.auth-tab{flex:1;padding:8px 0;font-size:13px;font-weight:500;background:transparent;border:none;cursor:pointer;color:var(--muted, #64748b);transition:background .15s,color .15s}.auth-tab.active{background:var(--accent, #2563eb);color:#fff}.btn-auth{display:block;width:100%;padding:10px;background:var(--accent, #2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;margin-top:4px}.btn-auth:disabled{opacity:.55;cursor:not-allowed}.auth-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:12.5px}.auth-sep{color:var(--muted, #94a3b8)}.link-btn{background:none;border:none;color:var(--accent, #2563eb);cursor:pointer;font-size:12.5px;padding:0;text-decoration:underline}.link-btn:disabled{opacity:.5;cursor:not-allowed}.auth-msg{padding:9px 12px;border-radius:7px;font-size:13px;margin-bottom:14px;line-height:1.45}.auth-msg--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.auth-msg--success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.auth-msg--info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.otp-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500}.otp-input{text-align:center;font-size:22px;font-weight:700;letter-spacing:10px;padding:10px 12px;border:2px solid var(--border, #e2e8f0);border-radius:8px;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s}.otp-input:focus{border-color:var(--accent, #2563eb)}.resend-row{display:flex;justify-content:center;margin-top:12px}.resend-timer{font-size:12px;color:var(--muted, #64748b)}.login-form{display:flex;flex-direction:column;gap:12px}.login-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:500}.login-form input{padding:8px 10px;border:1px solid var(--border, #e2e8f0);border-radius:7px;font-size:14px;outline:none;transition:border-color .15s}.login-form input:focus{border-color:var(--accent, #2563eb)}.login-form select,.login-form textarea{display:block;width:100%;padding:9px 11px;border:1.5px solid #e4e7ef;border-radius:9px;background:#f9fafb;color:#1a1f2e;font:inherit;font-size:13.5px;outline:none;transition:border-color .15s,background .15s;resize:vertical}.login-form select:focus,.login-form textarea:focus{border-color:#1d4ed8;background:#fff}.login-form select:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.info-banner{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;font-size:13px;color:#1e40af;margin-bottom:14px}.toast{position:fixed;bottom:24px;right:24px;z-index:9999;padding:12px 20px;border-radius:10px;font-size:13.5px;font-weight:600;box-shadow:0 8px 24px #00000026;animation:toast-in .2s ease}.toast-success{background:#166534;color:#fff}.toast-error{background:#991b1b;color:#fff}.toast-info{background:#1e40af;color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hamburger-btn{display:none;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;padding:6px;color:#1a1f2e;cursor:pointer;flex-shrink:0;transition:background .12s}.hamburger-btn:hover{background:#f3f4f6}.sidebar-close-btn{display:none;position:absolute;top:14px;right:12px;background:#f3f4f6;border:none;border-radius:8px;padding:6px;color:#6b7280;cursor:pointer;transition:background .12s}.sidebar-close-btn:hover{background:#e5e7eb;color:#1a1f2e}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;border-top:1px solid #e4e7ef;box-shadow:0 -4px 16px #00000012;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;border:none;background:transparent;color:#9ca3af;font-size:10px;font-weight:500;font-family:inherit;cursor:pointer;flex:1;min-width:0;transition:color .12s;border-top:2px solid transparent}.bottom-nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bottom-nav-item.active{color:#1d4ed8;border-top-color:#1d4ed8}.bottom-nav-item:hover:not(.active){color:#374151}@media(max-width:1023px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;top:0;bottom:0;width:240px;z-index:200;transition:left .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;box-shadow:none;overflow-y:auto}.sidebar--open{left:0;box-shadow:4px 0 32px #0000002e}.sidebar-overlay{display:block}.sidebar-close-btn,.hamburger-btn{display:flex}.topbar{gap:10px;padding:12px 16px}.topbar-brand{flex:1;min-width:0}.topbar-title{font-size:15px}.metric-grid{grid-template-columns:repeat(2,1fr)}.page-body{padding:20px 18px}}@media(max-width:639px){.bottom-nav{display:flex}.page-body{padding:16px 14px 80px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.metric-card{padding:14px 12px;gap:10px}.metric-icon{width:38px;height:38px}.metric-value{font-size:18px}.two-col,.vbc-grid{grid-template-columns:1fr}.modal-overlay{padding:0;align-items:flex-end}.modal-drawer{border-radius:20px 20px 0 0;max-height:92vh;width:100%}.modal-head{padding:18px 18px 12px}.modal-body{padding:16px 18px 6px}.modal-footer{padding:12px 18px}.topbar{padding:10px 14px;gap:8px}.topbar-sub{display:none}.topbar-title{font-size:14px}.topbar-user-info{display:none}.table-scroll{-webkit-overflow-scrolling:touch}.page-title{font-size:18px}.toast{bottom:72px;left:14px;right:14px;text-align:center}.card{padding:14px}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes float-up{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.88)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmark-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes circle-scale{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(80px) rotate(720deg);opacity:0}}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(2.6);opacity:0}}@keyframes progress-fill{0%{width:0%}to{width:100%}}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes card-appear{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes ev-bolt{0%,to{opacity:1}50%{opacity:.3}}@keyframes logo-spin-once{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.vehicle-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:4px}.vehicle-skeleton-card{background:#fff;border:1.5px solid #e4e7ef;border-radius:16px;overflow:hidden;animation:float-up .4s ease both}.vehicle-skeleton-card:nth-child(1){animation-delay:0ms}.vehicle-skeleton-card:nth-child(2){animation-delay:60ms}.vehicle-skeleton-card:nth-child(3){animation-delay:.12s}.vehicle-skeleton-card:nth-child(4){animation-delay:.18s}.vehicle-skeleton-card:nth-child(5){animation-delay:.24s}.vehicle-skeleton-card:nth-child(6){animation-delay:.3s}.skel-shimmer{background:linear-gradient(90deg,#f0f2f5 25%,#e6e9f0,#f0f2f5 75%);background-size:600px 100%;animation:shimmer 1.5s infinite linear}.skel-img{height:160px}.skel-body{padding:14px 14px 8px}.skel-line{height:12px;border-radius:6px;margin-bottom:10px}.skel-line-lg{width:70%}.skel-line-sm{width:45%;margin-bottom:8px}.skel-line-xs{width:30%;height:10px}.skel-specs{display:flex;gap:8px;margin-bottom:10px}.skel-spec-chip{height:10px;width:60px;border-radius:99px}.skel-price{height:22px;width:80px;border-radius:8px;margin-bottom:14px}.skel-btn{height:38px;margin:0 14px 14px;border-radius:10px}.ev-loading-screen--vehicles{min-height:380px;padding:52px 24px 36px}.ev-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;padding:48px 24px;animation:fade-in .3s ease}.ev-scan-line-wrap{width:220px;height:2px;background:transparent;border-radius:99px;overflow:hidden;margin-bottom:20px;position:relative}.ev-scan-line{position:absolute;top:0;height:100%;width:60%;border-radius:99px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);animation:scan-slide 1.8s ease-in-out infinite}@keyframes scan-slide{0%{left:-60%}to{left:100%}}.ev-ripple,.ev-ripple-2{display:none}.vehicle-browse-card{animation:card-appear .38s cubic-bezier(.2,.8,.4,1) both}.vehicle-browse-card:nth-child(1){animation-delay:0ms}.vehicle-browse-card:nth-child(2){animation-delay:55ms}.vehicle-browse-card:nth-child(3){animation-delay:.11s}.vehicle-browse-card:nth-child(4){animation-delay:165ms}.vehicle-browse-card:nth-child(5){animation-delay:.22s}.vehicle-browse-card:nth-child(6){animation-delay:275ms}.vehicle-browse-card:nth-child(7){animation-delay:.33s}.vehicle-browse-card:nth-child(8){animation-delay:385ms}.vehicle-browse-card:nth-child(9){animation-delay:.44s}.vehicle-browse-card:nth-child(10){animation-delay:495ms}.vehicle-browse-card:nth-child(n+11){animation-delay:.55s}.vbc-img img{animation:fade-in .4s ease}.payment-processing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fade-in .25s ease}.payment-processing-card{background:#fff;border-radius:24px;padding:40px 44px;text-align:center;box-shadow:0 32px 80px #00000047;animation:pop-in .35s cubic-bezier(.2,.8,.4,1);max-width:340px;width:90%}.payment-spinner{width:64px;height:64px;margin:0 auto 20px;position:relative}.payment-spinner-ring{width:64px;height:64px;border:4px solid #e4e7ef;border-top-color:#1d4ed8;border-radius:50%;animation:spin .9s linear infinite}.payment-spinner-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px}.payment-processing-title{font-size:17px;font-weight:800;color:#1a1f2e;margin-bottom:6px}.payment-processing-sub{font-size:13px;color:#9ca3af;line-height:1.6;margin-bottom:16px}.payment-processing-steps{display:flex;flex-direction:column;gap:8px;text-align:left}.payment-step{display:flex;align-items:center;gap:10px;font-size:13px;color:#374151;padding:8px 12px;border-radius:8px;background:#f8fafc;transition:background .2s,color .2s}.payment-step.done{background:#f0fdf4;color:#15803d}.payment-step.active{background:#eff6ff;color:#1d4ed8;font-weight:600}.payment-step-icon{font-size:16px;flex-shrink:0}.payment-step-spinner{width:16px;height:16px;border:2.5px solid #bfdbfe;border-top-color:#1d4ed8;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.payment-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fade-in .3s ease}.payment-success-card{background:#fff;border-radius:28px;padding:44px 40px 36px;text-align:center;max-width:420px;width:92%;box-shadow:0 40px 100px #00000047;animation:pop-in .4s cubic-bezier(.2,.8,.4,1);position:relative;overflow:hidden}.success-confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:confetti-fall 1.8s ease-out both}.success-checkmark-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.success-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#22c55e);display:grid;place-items:center;animation:circle-scale .5s cubic-bezier(.2,.8,.4,1) .1s both;box-shadow:0 8px 28px #16a34a59}.success-check-svg{width:40px;height:40px}.success-check-path{stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:100;stroke-dashoffset:100;animation:checkmark-draw .5s ease .55s forwards}.success-title{font-size:22px;font-weight:800;color:#1a1f2e;margin-bottom:6px;animation:slide-up .4s ease .4s both}.success-amount{font-size:28px;font-weight:800;color:#16a34a;margin-bottom:4px;animation:slide-up .4s ease .5s both}.success-sub{font-size:13px;color:#9ca3af;margin-bottom:24px;animation:slide-up .4s ease .55s both}.success-details-card{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:16px 18px;text-align:left;margin-bottom:20px;animation:slide-up .4s ease .6s both}.success-detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:5px 0;border-bottom:1px solid rgba(187,247,208,.7);font-size:13px;gap:12px}.success-detail-row:last-child{border-bottom:none}.success-detail-label{color:#64748b;flex-shrink:0}.success-detail-value{color:#1a1f2e;font-weight:600;text-align:right;word-break:break-all}.success-pickup-banner{background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:12px;padding:12px 14px;font-size:13px;color:#1e40af;margin-bottom:20px;animation:slide-up .4s ease .65s both;text-align:left}.success-actions{display:flex;gap:10px;animation:slide-up .4s ease .7s both}.success-actions .btn-primary{flex:1;justify-content:center;padding:12px 16px;font-size:14px}.booking-steps{display:flex;align-items:center;gap:0;margin-bottom:20px;padding:0 2px}.booking-step-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.booking-step-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;border:2px solid #e4e7ef;background:#fff;color:#9ca3af;transition:all .3s cubic-bezier(.2,.8,.4,1);position:relative;z-index:1}.booking-step-dot.done{background:#16a34a;border-color:#16a34a;color:#fff}.booking-step-dot.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff;box-shadow:0 0 0 4px #2563eb2e}.booking-step-label{font-size:10px;font-weight:600;color:#9ca3af;white-space:nowrap;transition:color .3s}.booking-step-label.active{color:#1d4ed8}.booking-step-label.done{color:#16a34a}.booking-step-connector{height:2px;flex:1;margin-top:-16px;background:#e4e7ef;transition:background .4s;position:relative}.booking-step-connector.done{background:#16a34a}.booking-step-connector:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#16a34a;transform-origin:left;transform:scaleX(0);transition:transform .5s cubic-bezier(.2,.8,.4,1)}.booking-step-connector.done:after{transform:scaleX(1)}.modal-drawer{animation:pop-in .3s cubic-bezier(.2,.8,.4,1)}.vbc-img-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f0f2f5 25%,#e6e9f0,#f0f2f5 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear}.vbc-img img{position:relative;z-index:1}.pincode-spinner{width:18px;height:18px;border:2.5px solid #bfdbfe;border-top-color:#1d4ed8;border-radius:50%;animation:spin .75s linear infinite}.btn-primary.loading{position:relative;pointer-events:none;opacity:.85}.btn-primary.loading:after{content:"";width:14px;height:14px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-left:4px;display:inline-block;vertical-align:middle}.franchisee-tab-enter{animation:float-up .3s ease both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sidebar-skel-item:nth-child(2) .sidebar-skel-label{width:85%}.sidebar-skel-item:nth-child(3) .sidebar-skel-label{width:60%}.sidebar-skel-item:nth-child(5) .sidebar-skel-label{width:55%}.sidebar-skel-item:nth-child(6) .sidebar-skel-label{width:80%}.sidebar-skel-item:nth-child(7) .sidebar-skel-label{width:65%}.sidebar-skel-item:nth-child(8) .sidebar-skel-label{width:70%}.sidebar-skel-item:nth-child(1){animation-delay:0ms}.sidebar-skel-item:nth-child(2){animation-delay:60ms}.sidebar-skel-item:nth-child(3){animation-delay:.12s}.sidebar-skel-item:nth-child(4){animation-delay:.18s}.sidebar-skel-item:nth-child(5){animation-delay:.24s}.sidebar-skel-item:nth-child(6){animation-delay:.3s}.sidebar-skel-item:nth-child(7){animation-delay:.36s}.sidebar-skel-item:nth-child(8){animation-delay:.42s}.page-center-loader .ev-loading-screen{min-height:unset;padding:0;background:transparent}.booking-modal{width:min(580px,100%);height:min(760px,94vh);max-height:94vh;display:flex;flex-direction:column}.booking-modal>.modal-body{min-height:0;flex:1 1 auto;overflow-y:auto;display:block}.bk-step-content{min-height:300px}.bk-step-bar{display:flex;align-items:center;padding:14px 24px;background:#f8faff;border-bottom:1px solid #e4e9f7;gap:0}.bk-step-item{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.bk-step-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:#fff;border:2px solid #d1d5db;color:#9ca3af;transition:all .3s}.bk-step-dot.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff;box-shadow:0 0 0 4px #1d4ed826}.bk-step-dot.done{background:#16a34a;border-color:#16a34a;color:#fff}.bk-step-label{font-size:10px;font-weight:600;color:#9ca3af;white-space:nowrap;transition:color .3s}.bk-step-label.active{color:#1d4ed8}.bk-step-label.done{color:#16a34a}.bk-step-connector{flex:1;height:2px;background:#e2e8f0;margin:-14px 6px 0;transition:background .4s}.bk-step-connector.done{background:#16a34a}.bk-step-connector.active-line{background:linear-gradient(90deg,#16a34a 50%,#e2e8f0 50%)}.bk-step-content{display:flex;flex-direction:column;gap:18px}.bk-step-hero{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:#f0f6ff;border:1px solid #dbeafe;border-radius:12px}.bk-step-hero-icon{width:42px;height:42px;border-radius:10px;background:#1d4ed8;color:#fff;display:grid;place-items:center;flex-shrink:0}.bk-step-hero-title{font-size:15px;font-weight:700;color:#1a1f2e;margin-bottom:3px}.bk-step-hero-sub{font-size:13px;color:#4b6197}.bk-field-group{display:flex;flex-direction:column;gap:6px}.bk-label{font-size:12px;font-weight:600;color:#374151}.bk-field-err{font-size:12px;color:#dc2626;margin-top:2px}.bk-pincode-row{display:flex;align-items:center;gap:10px}.bk-input{display:block;width:100%;background:#f9fafb;border:1.5px solid #e4e7ef;color:#1a1f2e;border-radius:10px;padding:11px 14px;font:inherit;font-size:14px;outline:none;transition:border-color .15s}.bk-input:focus{border-color:#1d4ed8;background:#fff}.bk-pincode-input{font-size:16px;font-weight:600;letter-spacing:.05em}.bk-addr-reveal{animation:slide-up .3s ease both}.bk-addr-chips{display:flex;gap:10px;flex-wrap:wrap}.bk-addr-chip{flex:1;min-width:120px;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;padding:10px 14px}.bk-addr-chip-label{display:block;font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.bk-addr-chip-value{display:block;font-size:14px;font-weight:700;color:#1a1f2e}.bk-pickup-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:10px 14px;font-size:13px;color:#1e40af}.bk-vehicle-card{display:flex;gap:14px;align-items:center;background:#f8faff;border:1px solid #e4e9f7;border-radius:12px;padding:14px}.bk-vehicle-img{width:90px;height:66px;object-fit:cover;border-radius:8px;flex-shrink:0;border:1px solid #e4e7ef}.bk-vehicle-img-ph{width:90px;height:66px;border-radius:8px;flex-shrink:0;background:#eff6ff;border:1px dashed #bfdbfe;display:grid;place-items:center;color:#93c5fd}.bk-vehicle-name{font-size:15px;font-weight:800;color:#1a1f2e}.bk-vehicle-meta{font-size:12px;color:#6b7280;margin-top:2px}.bk-vehicle-price{font-size:18px;font-weight:800;color:#1d4ed8;margin-top:6px}.bk-vehicle-price span{font-size:12px;font-weight:500;color:#6b7280}.bk-qty-section{text-align:center;padding:6px 0}.bk-qty-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:14px}.bk-qty-controls{display:flex;align-items:center;justify-content:center;gap:20px}.bk-qty-btn{width:44px;height:44px;border-radius:50%;border:2px solid #e4e7ef;background:#fff;font-size:20px;font-weight:700;cursor:pointer;display:grid;place-items:center;color:#374151;transition:all .15s}.bk-qty-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.bk-qty-btn-plus{background:#2563eb;border-color:#2563eb;color:#fff}.bk-qty-btn-plus:hover{background:#1d4ed8}.bk-qty-num{font-size:38px;font-weight:900;color:#1a1f2e;min-width:48px;text-align:center}.bk-qty-avail{font-size:12px;color:#9ca3af;margin-top:10px}.bk-price-preview{background:#f8faff;border:1px solid #e4e9f7;border-radius:10px;padding:12px 16px}.bk-price-row{display:flex;justify-content:space-between;font-size:14px;color:#374151}.bk-price-row strong{font-size:16px;font-weight:800;color:#1d4ed8}.bk-order-summary{background:#f8faff;border:1px solid #e4e9f7;border-radius:12px;padding:14px 16px}.bk-order-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#6b7280;margin-bottom:10px}.bk-order-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f0f4fc;font-size:13px}.bk-order-row:last-child{border-bottom:none}.bk-order-row span{color:#6b7280}.bk-order-row strong{color:#1a1f2e;font-weight:600}.bk-section{background:#fff;border:1.5px solid #e4e9f7;border-radius:12px;padding:14px 16px}.bk-section-label{font-size:12px;font-weight:700;color:#374151;margin-bottom:10px}.bk-coupon-row{display:flex;gap:8px}.bk-coupon-input{flex:1;font-weight:700;letter-spacing:.06em}.bk-coupon-apply{padding:10px 18px;background:#1d4ed8;color:#fff;border:none;border-radius:10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s}.bk-coupon-apply:hover:not(:disabled){background:#1e40af}.bk-coupon-apply:disabled{opacity:.5;cursor:not-allowed}.bk-coupon-remove{padding:10px 14px;background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca;border-radius:10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s}.bk-coupon-msg{font-size:12px;margin-top:6px;font-weight:600}.bk-coupon-msg.ok{color:#16a34a}.bk-coupon-msg.err{color:#dc2626}.bk-coupon-applied{margin-top:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 12px;font-size:12px;color:#166534}.bk-wallet-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.bk-wallet-bal{display:flex;align-items:center;gap:8px;color:#374151;font-size:13px}.bk-wallet-bal strong{font-size:16px;font-weight:800;color:#16a34a}.bk-wallet-loading,.bk-wallet-label{font-size:12px;color:#9ca3af}.bk-wallet-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;font-weight:600;color:#374151;-webkit-user-select:none;user-select:none}.bk-wallet-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#1d4ed8;cursor:pointer}.bk-wallet-applied{margin-top:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:7px 12px;font-size:12px;color:#166534;font-weight:600}.bk-recharge-trigger{padding:8px 16px;background:#f0fdf4;color:#16a34a;border:1.5px solid #bbf7d0;border-radius:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.bk-recharge-trigger:hover{background:#dcfce7}.bk-recharge-panel{margin-top:12px;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;padding:14px}.bk-recharge-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:#166534;margin-bottom:10px}.bk-recharge-head button{background:none;border:none;cursor:pointer;font-size:14px;color:#6b7280;padding:2px 6px}.bk-recharge-chips{display:flex;gap:8px;flex-wrap:wrap}.bk-recharge-chip{padding:6px 14px;border:1.5px solid #bbf7d0;border-radius:99px;background:#fff;font:inherit;font-size:13px;font-weight:600;color:#166534;cursor:pointer;transition:all .15s}.bk-recharge-chip:hover{background:#dcfce7}.bk-recharge-chip.active{background:#16a34a;border-color:#16a34a;color:#fff}.bk-total-box{background:#fff;border:2px solid #e4e9f7;border-radius:12px;overflow:hidden}.bk-total-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;border-bottom:1px solid #f0f4fc}.bk-total-row:last-child{border-bottom:none}.bk-total-row span{color:#6b7280}.bk-total-row strong{font-weight:700}.bk-total-row.discount strong{color:#d97706}.bk-total-row.wallet strong{color:#16a34a}.bk-total-row.final{background:#f8faff;border-top:2px solid #e4e9f7}.bk-total-row.final span{font-size:14px;font-weight:700;color:#1a1f2e}.bk-total-row.final strong{font-size:20px;font-weight:800;color:#1d4ed8}.pc-grid{display:flex;flex-direction:column;gap:16px}.pc-card{background:#fff;border:1.5px solid #e4e9f7;border-left:4px solid #e4e9f7;border-radius:14px;padding:18px 20px;box-shadow:0 2px 10px #0000000a;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:14px}.pc-card:hover{box-shadow:0 6px 24px #00000014;transform:translateY(-1px)}.pc-top{display:flex;gap:14px;align-items:flex-start}.pc-img-wrap{flex-shrink:0}.pc-img{width:100px;height:72px;object-fit:cover;border-radius:10px;border:1px solid #e4e7ef}.pc-img-ph{width:100px;height:72px;border-radius:10px;background:#eff6ff;border:1.5px dashed #bfdbfe;display:grid;place-items:center;color:#93c5fd}.pc-title-col{flex:1}.pc-name{font-size:16px;font-weight:800;color:#1a1f2e;margin-bottom:3px}.pc-meta{font-size:12px;color:#6b7280;margin-bottom:8px}.pc-status-badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 12px;border-radius:99px}.pc-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;background:#f8faff;border:1px solid #e4e9f7;border-radius:10px;padding:12px 14px}.pc-stat{display:flex;flex-direction:column;gap:2px}.pc-stat span{font-size:11px;color:#9ca3af;font-weight:500}.pc-stat strong{font-size:13px;font-weight:700;color:#1a1f2e}.pc-stat--highlight strong{color:#1d4ed8;font-size:15px}.pc-stat--full{grid-column:1 / -1}.pc-pay-id{font-family:monospace;font-size:11px;word-break:break-all}.pc-location{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:#374151}.pc-location svg{flex-shrink:0;margin-top:1px;color:#6b7280}.pc-banner{padding:10px 14px;border-radius:8px;border:1px solid;font-size:13px;line-height:1.5}.pc-action-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#eff6ff;color:#1d4ed8;border:1.5px solid #bfdbfe;border-radius:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;align-self:flex-start}.pc-action-btn:hover{background:#dbeafe}@media(max-width:640px){.bk-step-bar{padding:12px 14px}.bk-step-connector{margin:-14px 3px 0}.bk-vehicle-img,.bk-vehicle-img-ph{width:70px;height:52px}.bk-qty-num{font-size:30px}.pc-img,.pc-img-ph{width:80px;height:60px}.pc-stats{grid-template-columns:repeat(2,1fr)}.pc-name{font-size:14px}}.cust-dashboard{display:flex;flex-direction:column;gap:20px}.cust-welcome-banner{background:linear-gradient(135deg,#1d4ed8,#1e40af,#312e81);border-radius:20px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;box-shadow:0 8px 32px #1d4ed84d}.cust-welcome-left{position:relative;z-index:2}.cust-welcome-tag{display:inline-block;background:#ffffff2e;color:#ffffffe6;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:99px;padding:4px 12px;margin-bottom:12px}.cust-welcome-title{font-size:26px;font-weight:800;color:#fff;margin-bottom:6px;line-height:1.2}.cust-welcome-sub{font-size:14px;color:#ffffffbf;margin-bottom:20px}.cust-welcome-actions{display:flex;gap:10px;flex-wrap:wrap}.cust-btn-primary{background:#fff;color:#1d4ed8;border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001f}.cust-btn-primary:hover{background:#eff6ff;transform:translateY(-1px)}.cust-btn-secondary{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.35);border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cust-btn-secondary:hover{background:#ffffff40}.cust-welcome-art{position:relative;width:120px;height:100px;flex-shrink:0}.cust-art-circle{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.15)}.cust-art-c1{width:100px;height:100px;top:-10px;right:-10px}.cust-art-c2{width:70px;height:70px;top:10px;right:10px;border-color:#ffffff1a}.cust-art-icon{position:absolute;font-size:42px;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));animation:float-art 3s ease-in-out infinite}@keyframes float-art{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-6px)}}.cust-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cust-stat-card{background:#fff;border:1.5px solid #e4e7ef;border-radius:16px;padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s;text-align:left;width:100%;box-shadow:0 1px 4px #0000000a}.cust-stat-card:hover{border-color:var(--stat-color);box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.cust-stat-icon{width:44px;height:44px;background:var(--stat-bg);border-radius:12px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.cust-stat-body{flex:1;min-width:0}.cust-stat-value{font-size:24px;font-weight:800;color:#1a1f2e;line-height:1}.cust-stat-label{font-size:12px;color:#64748b;margin-top:3px;font-weight:500}.cust-stat-arrow{color:#cbd5e1;font-size:18px;flex-shrink:0}.cust-stat-card:hover .cust-stat-arrow{color:var(--stat-color)}.cust-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cust-dash-card{background:#fff;border:1.5px solid #e4e7ef;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.cust-dash-card-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 12px;border-bottom:1px solid #f1f5f9}.cust-dash-card-title{font-size:14px;font-weight:700;color:#1a1f2e}.cust-dash-link{background:none;border:none;color:#2563eb;font-size:12px;font-weight:600;cursor:pointer;padding:0}.cust-dash-link:hover{color:#1d4ed8;text-decoration:underline}.cust-activity-list{padding:8px 0}.cust-activity-row{display:flex;align-items:center;gap:12px;padding:10px 18px;transition:background .15s;cursor:default}.cust-activity-row:hover{background:#f8fafc}.cust-activity-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.cust-activity-info{flex:1;min-width:0}.cust-activity-name{font-size:13px;font-weight:600;color:#1a1f2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cust-activity-meta{font-size:11px;color:#94a3b8;margin-top:2px}.cust-activity-badge{font-size:10px;font-weight:700;border-radius:99px;padding:3px 8px;white-space:nowrap;flex-shrink:0}.cust-qa-item{display:flex;align-items:center;gap:12px;padding:11px 18px;width:100%;text-align:left;background:none;border:none;cursor:pointer;transition:background .15s;border-bottom:1px solid #f8fafc}.cust-qa-item:last-child{border-bottom:none}.cust-qa-item:hover{background:#f8fafc}.cust-qa-icon{width:36px;height:36px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;font-size:18px;flex-shrink:0;transition:background .15s}.cust-qa-item:hover .cust-qa-icon{background:color-mix(in srgb,var(--qa-color) 12%,white)}.cust-qa-text{flex:1;min-width:0}.cust-qa-label{font-size:13px;font-weight:600;color:#1a1f2e}.cust-qa-desc{font-size:11px;color:#94a3b8;margin-top:2px}.cust-qa-arrow{color:#cbd5e1;font-size:20px;flex-shrink:0}.cust-qa-item:hover .cust-qa-arrow{color:var(--qa-color)}.cust-empty-mini{padding:28px 18px;text-align:center;color:#94a3b8;font-size:13px}.cust-empty-mini span{font-size:28px;display:block;margin-bottom:8px;opacity:.4}.cust-pending-alert{display:flex;align-items:center;gap:14px;background:#fffbeb;border:1.5px solid #fde68a;border-radius:14px;padding:14px 18px;cursor:pointer;transition:all .2s}.cust-pending-alert:hover{background:#fef3c7}.cust-pending-icon{font-size:22px;flex-shrink:0}.cust-pending-text{flex:1;font-size:13px;color:#92400e}.cust-pending-arrow{color:#d97706;font-size:18px;flex-shrink:0}.cust-no-vehicles{background:#fff;border:1.5px dashed #cbd5e1;border-radius:20px;padding:56px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.cust-no-vehicles-icon{font-size:52px;opacity:.35}.cust-no-vehicles-title{font-size:18px;font-weight:800;color:#1a1f2e}.cust-no-vehicles-sub{font-size:13px;color:#64748b;max-width:360px;line-height:1.6}.cust-no-vehicles-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}.cust-vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.cust-vehicle-card{background:#fff;border:1.5px solid #bbf7d0;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #0000000f;transition:box-shadow .2s,transform .2s}.cust-vehicle-card:hover{box-shadow:0 8px 28px #0000001a;transform:translateY(-2px)}.cust-vc-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 18px 12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #bbf7d0}.cust-vc-name{font-size:17px;font-weight:800;color:#14532d}.cust-vc-year{font-size:12px;color:#16a34a;margin-top:2px;font-weight:500}.cust-vc-owned-badge{background:#16a34a;color:#fff;font-size:11px;font-weight:700;border-radius:99px;padding:4px 12px;white-space:nowrap;flex-shrink:0}.cust-vc-images{display:flex;gap:0;height:160px;overflow:hidden}.cust-vc-img{flex:1;height:100%;object-fit:cover;border-right:2px solid #fff}.cust-vc-img:last-child{border-right:none}.cust-vc-img-main{flex:2}.cust-vc-img-ph{height:140px;display:grid;place-items:center;font-size:52px;background:#f8fafc;color:#cbd5e1}.cust-vc-specs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid #f1f5f9}.cust-vc-spec{display:flex;align-items:center;gap:4px;font-size:12px;color:#475569;font-weight:500;background:#f8fafc;border-radius:99px;padding:3px 10px}.cust-vc-spec span{font-size:13px}.cust-vc-details{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px 0}.cust-vc-detail-row{display:flex;flex-direction:column;gap:1px;padding:9px 16px;border-bottom:1px solid #f8fafc}.cust-vc-detail-row:nth-child(odd){border-right:1px solid #f8fafc}.cust-vc-detail-key{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.cust-vc-detail-val{font-size:13px;color:#1a1f2e;font-weight:700}.cust-vc-footer{padding:10px 16px;background:#f8fffe}.cust-vc-handover{font-size:12px;color:#64748b}.wallet-balance-card{background:linear-gradient(135deg,#16a34a,#15803d 60%,#14532d);border-radius:20px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px #16a34a4d;position:relative;overflow:hidden}.wallet-balance-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#ffffff0f;top:-80px;right:-60px}.wallet-balance-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#ffffff0a;bottom:-60px;right:80px}.wallet-balance-left{position:relative;z-index:2}.wallet-balance-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;margin-bottom:6px}.wallet-balance-amount{font-size:36px;font-weight:900;color:#fff;line-height:1;letter-spacing:-.02em}.wallet-balance-sub{font-size:12px;color:#fff9;margin-top:6px}.wallet-balance-right{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;z-index:2}.wallet-balance-icon{font-size:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.wallet-add-btn{display:flex;align-items:center;gap:7px;background:#fff;color:#16a34a;border:none;border-radius:12px;padding:11px 20px;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 3px 12px #00000026}.wallet-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.wallet-tx-section{background:#fff;border:1.5px solid #e4e7ef;border-radius:16px;overflow:hidden}.wallet-tx-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #f1f5f9}.wallet-tx-list{padding:4px 0}.wallet-tx-row{display:flex;align-items:center;gap:12px;padding:12px 18px;transition:background .15s;border-bottom:1px solid #f8fafc}.wallet-tx-row:last-child{border-bottom:none}.wallet-tx-row:hover{background:#f8fafc}.wallet-tx-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:16px;font-weight:800;flex-shrink:0}.wallet-tx-icon.credit{background:#f0fdf4;color:#16a34a}.wallet-tx-icon.debit{background:#fef2f2;color:#dc2626}.wallet-tx-info{flex:1;min-width:0}.wallet-tx-desc{font-size:13px;font-weight:600;color:#1a1f2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-tx-meta{font-size:11px;color:#94a3b8;margin-top:2px;display:flex;align-items:center;gap:8px}.wallet-tx-ref{background:#eff6ff;color:#2563eb;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:700}.wallet-tx-amount{font-size:14px;font-weight:800;flex-shrink:0}.wallet-tx-amount.credit{color:#16a34a}.wallet-tx-amount.debit{color:#dc2626}.wallet-recharge-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.wallet-recharge-chip{background:#f1f5f9;border:1.5px solid #e2e8f0;color:#374151;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.wallet-recharge-chip:hover{background:#dcfce7;border-color:#16a34a;color:#16a34a}.wallet-recharge-chip.active{background:#16a34a;border-color:#16a34a;color:#fff}.wallet-recharge-summary{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;padding:18px;text-align:center;margin-top:4px}.wallet-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;animation:fade-in .25s ease}.wallet-success-card{background:#fff;border-radius:24px;padding:36px 32px;width:min(400px,92vw);text-align:center;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000040;animation:slide-up .35s cubic-bezier(.34,1.56,.64,1)}.wallet-success-anim{position:relative;width:72px;height:72px;margin:0 auto 20px}.wallet-success-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #16a34a;animation:ring-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes ring-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.wallet-success-check{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:28px;color:#16a34a;font-weight:900;animation:check-pop .5s .15s cubic-bezier(.34,1.56,.64,1) both}@keyframes check-pop{0%{transform:scale(0)}to{transform:scale(1)}}.wallet-success-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wallet-confetti-piece{position:absolute;top:0;animation:confetti-fall .8s ease-in both}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(60px) rotate(360deg);opacity:0}}.wallet-success-title{font-size:20px;font-weight:800;color:#1a1f2e;margin-bottom:6px}.wallet-success-amount{font-size:36px;font-weight:900;color:#16a34a;margin:6px 0;letter-spacing:-.02em}.wallet-success-bal{font-size:14px;color:#64748b;margin-bottom:20px}.wallet-success-bal strong{color:#1a1f2e}.wallet-success-details{background:#f8fafc;border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.wallet-success-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.wallet-success-row span{color:#64748b}.wallet-success-row strong{color:#1a1f2e}.bk-wallet-zero-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fef9c3;border:1px solid #fde68a;border-radius:8px;padding:8px 12px;font-size:12px;color:#92400e;margin-top:8px}@media(max-width:900px){.cust-stat-grid{grid-template-columns:repeat(2,1fr)}.cust-dash-grid{grid-template-columns:1fr}.cust-welcome-art{display:none}.cust-welcome-banner{border-radius:14px;padding:22px 20px}.cust-welcome-title{font-size:20px}}@media(max-width:600px){.cust-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.cust-vehicles-grid{grid-template-columns:1fr}.wallet-balance-card{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.wallet-balance-amount{font-size:28px}}.cs-page{display:flex;flex-direction:column;gap:20px}.cs-hero{background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#2563eb);border-radius:18px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;position:relative}.cs-hero-content{position:relative;z-index:2}.cs-hero-tag{display:inline-block;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#93c5fd;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 12px;border-radius:99px;margin-bottom:10px}.cs-hero-title{font-size:28px;font-weight:900;color:#fff;margin:0 0 6px}.cs-hero-sub{font-size:13px;color:#ffffffb3;margin-bottom:20px}.cs-hero-stats{display:flex;gap:24px}.cs-hero-stat{text-align:center}.cs-hero-stat span{display:block;font-size:22px;font-weight:900;color:#fff}.cs-hero-stat label{display:block;font-size:10px;color:#fff9;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-top:2px}.cs-hero-stat--online span{color:#4ade80}.cs-hero-art{position:relative;width:100px;height:80px;flex-shrink:0}.cs-hero-circle{position:absolute;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.cs-hero-circle.c1{width:80px;height:80px;top:-10px;right:-10px}.cs-hero-circle.c2{width:50px;height:50px;top:15px;right:20px;background:#6366f133}.cs-hero-zap{font-size:36px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cs-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e4e7ef;border-radius:12px;padding:14px 18px;box-shadow:0 1px 4px #0000000a}.cs-loc-btn{display:flex;align-items:center;gap:6px;background:#2563eb;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.cs-loc-btn:hover{background:#1d4ed8}.cs-loc-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px}.cs-loc-status.getting{background:#eff6ff;color:#2563eb}.cs-loc-status.done{background:#f0fdf4;color:#16a34a}.cs-loc-status.denied{background:#fef2f2;color:#dc2626}.cs-loc-spinner{width:14px;height:14px;border:2px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cs-loc-clear{background:none;border:none;color:#94a3b8;font-size:13px;cursor:pointer;padding:0 4px}.cs-loc-clear:hover{color:#dc2626}.cs-filter-pills{display:flex;gap:6px;flex-wrap:wrap}.cs-pill{padding:5px 14px;border-radius:99px;font-size:12px;font-weight:600;border:1.5px solid #e4e7ef;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s}.cs-pill.active{border-color:var(--pill-color, #2563eb);background:color-mix(in srgb,var(--pill-color, #2563eb) 10%,white);color:var(--pill-color, #2563eb)}.cs-view-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:3px;gap:2px;margin-left:auto}.cs-view-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .15s}.cs-view-btn.active{background:#fff;color:#2563eb;box-shadow:0 1px 4px #0000001a}.cs-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.cs-hub-card{background:#fff;border:1.5px solid #e4e7ef;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .18s;position:relative;box-shadow:0 1px 4px #0000000a;padding:0 0 16px}.cs-hub-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001a;border-color:var(--hub-color, #2563eb)}.cs-hub-card.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.cs-hub-card.nearest{border-color:#2563eb}.cs-hub-accent{height:4px;width:100%}.cs-nearest-badge{position:absolute;top:18px;right:14px;background:#2563eb;color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:99px;letter-spacing:.05em}.cs-hub-top{display:flex;align-items:center;gap:8px;padding:14px 16px 8px}.cs-hub-rank{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}.cs-hub-status-pill{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700}.cs-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cs-hub-name{font-size:15px;font-weight:700;color:#1a1f2e;padding:0 16px 4px}.cs-hub-city{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7280;padding:0 16px 10px}.cs-hub-meta{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin:4px 0 10px}.cs-hub-chargers{display:flex;align-items:center;gap:5px;font-size:13px;color:#374151}.cs-hub-chargers strong{color:#1a1f2e}.cs-hub-dist{background:#eff6ff;color:#2563eb;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700}.cs-hub-code{font-size:11px;color:#94a3b8;padding:0 16px 8px}.cs-hub-actions{display:flex;gap:8px;padding:6px 16px 0}.cs-hub-btn-maps{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:7px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;flex:1;justify-content:center}.cs-hub-btn-maps:hover{background:#2563eb;color:#fff}.cs-hub-btn-view{flex:1;padding:6px 12px;background:#f9fafb;color:#374151;border:1px solid #e4e7ef;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.cs-hub-btn-view:hover{background:#f1f5f9}.cs-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:14px;border:1.5px dashed #e4e7ef}.cs-empty-icon{font-size:40px;margin-bottom:12px}.cs-empty-title{font-size:16px;font-weight:700;color:#1a1f2e;margin-bottom:4px}.cs-empty-sub{font-size:13px;color:#94a3b8}.cs-detail-panel{background:#fff;border:1.5px solid #2563eb;border-radius:14px;overflow:hidden;animation:slide-up .25s ease}.cs-detail-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;background:#f8fafc}.cs-detail-name{font-size:17px;font-weight:800;color:#1a1f2e}.cs-detail-city{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;margin-top:4px}.cs-detail-close{background:none;border:1px solid #e4e7ef;border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:14px;color:#64748b;display:flex;align-items:center;justify-content:center}.cs-detail-body{padding:16px 20px}.cs-detail-stat-row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:14px}.cs-detail-stat span{font-size:11px;color:#94a3b8;display:block;margin-bottom:3px;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.cs-detail-stat strong{font-size:14px;color:#1a1f2e;font-weight:700}.cs-detail-address{font-size:13px;color:#374151;margin-bottom:8px}.cs-detail-code{font-size:12px;color:#94a3b8;margin-bottom:14px}.cs-detail-maps-btn{display:flex;align-items:center;gap:8px;background:#2563eb;color:#fff;border-radius:9px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;justify-content:center;transition:background .15s}.cs-detail-maps-btn:hover{background:#1d4ed8}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a47;z-index:2147483000;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;animation:mobile-menu-fade .18s ease-out}.mobile-menu-drawer{position:fixed;z-index:2147483001;left:0;top:0;bottom:0;width:min(340px,88vw);background:#fff;box-shadow:12px 0 40px #0f172a38;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;animation:mobile-menu-slide .24s cubic-bezier(.22,1,.36,1);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-menu-head{min-height:76px;padding:16px 16px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5}.mobile-menu-brand{display:flex;align-items:center;gap:11px;min-width:0}.mobile-menu-brand img{width:42px;height:42px;object-fit:contain;border-radius:12px;background:#f4f7ff;padding:6px}.mobile-menu-title{font-size:16px;font-weight:800;color:#172033}.mobile-menu-sub{margin-top:2px;font-size:11px;color:#94a3b8;font-weight:600}.mobile-menu-close{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:12px;background:#f1f5f9;color:#475569;display:grid;place-items:center;cursor:pointer}.mobile-menu-close:active{transform:scale(.96)}.mobile-menu-user{margin:14px 14px 10px;padding:13px;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#f7f8ff);border:1px solid #e3eaff;display:flex;align-items:center;gap:11px}.mobile-menu-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#1d4ed8;color:#fff;font-size:16px;font-weight:800}.mobile-menu-user-copy{min-width:0;display:flex;flex-direction:column}.mobile-menu-user-copy strong{color:#172033;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-user-copy span{color:#64748b;font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-nav{padding:5px 10px 10px;display:flex;flex-direction:column;gap:3px}.mobile-menu-item{width:100%;min-height:52px;border:0;border-radius:14px;background:transparent;color:#475569;display:flex;align-items:center;gap:11px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;text-align:left;cursor:pointer}.mobile-menu-item:hover{background:#f8fafc;color:#172033}.mobile-menu-item.active{background:#eff6ff;color:#1d4ed8}.mobile-menu-item-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#f4f6fa;color:#64748b;display:grid;place-items:center}.mobile-menu-item.active .mobile-menu-item-icon{background:#dbeafe;color:#1d4ed8}.mobile-menu-chevron{margin-left:auto;color:#cbd5e1;font-size:23px;line-height:1;font-weight:400}.mobile-menu-footer{margin-top:auto;padding:10px;border-top:1px solid #edf0f5}.mobile-menu-logout{color:#dc2626}.mobile-menu-logout .mobile-menu-item-icon{color:#dc2626;background:#fef2f2}@keyframes mobile-menu-slide{0%{transform:translate(-105%);opacity:.9}to{transform:translate(0);opacity:1}}@keyframes mobile-menu-fade{0%{opacity:0}to{opacity:1}}@media(max-width:1023px){.desktop-sidebar{display:none!important}.mobile-menu-backdrop,.mobile-menu-drawer{display:flex}}@media(min-width:1024px){.mobile-menu-backdrop,.mobile-menu-drawer{display:none!important}}@media(max-width:639px){.bottom-nav{display:none!important}.page-body{padding-bottom:20px!important}}.customer-shell{--cp-primary: #1d4ed8;--cp-primary-2: #4338ca;--cp-ink: #111827;--cp-muted: #64748b;--cp-line: #e7ebf2;--cp-surface: #ffffff;--cp-bg: #f6f8fc;background:var(--cp-bg);color:var(--cp-ink)}.customer-shell .main-wrap{background:radial-gradient(circle at 88% -10%,rgba(59,130,246,.08),transparent 28%),var(--cp-bg)}.customer-shell .topbar{min-height:68px;padding:12px 30px;background:#ffffffeb;border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 1px #0f172a05;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100}.customer-shell .topbar-title{font-size:18px;letter-spacing:-.02em}.customer-shell .topbar-sub{color:#94a3b8}.customer-shell .topbar-user{padding:5px 7px 5px 5px;border:1px solid #edf0f5;border-radius:16px;background:#fff}.customer-shell .avatar{width:38px;height:38px;background:linear-gradient(135deg,#2563eb,#4338ca);box-shadow:0 6px 16px #2563eb33}.customer-shell .hamburger-btn{width:42px;height:42px;border:1px solid #e8edf5;background:#f8fafc}.customer-shell .hamburger-btn:hover{background:#eef4ff;color:#1d4ed8}.customer-page-body{padding:30px clamp(16px,3vw,38px)}.customer-page-transition{animation:customer-page-in .28s cubic-bezier(.22,1,.36,1) both}@keyframes customer-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.customer-shell .card{border:1px solid rgba(226,232,240,.95);border-radius:20px;background:#fffffff5;box-shadow:0 8px 30px #0f172a0b,0 1px 2px #0f172a06;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.customer-shell .card:hover{box-shadow:0 14px 36px #0f172a12,0 2px 4px #0f172a06}.customer-shell .metric-card{border:1px solid rgba(226,232,240,.95);border-radius:18px;background:#fffffff7;box-shadow:0 5px 22px #0f172a0b;transition:transform .2s ease,box-shadow .2s ease}.customer-shell .metric-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a14}.customer-shell .page-title{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.035em}.customer-shell .page-sub{max-width:720px;line-height:1.6}.mobile-menu-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:9998!important;background:#0f172a47!important;backdrop-filter:blur(0)!important;-webkit-backdrop-filter:blur(0)!important}.mobile-menu-drawer{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(340px,88vw)!important;z-index:9999!important;background:#fffffffa!important;border-right:1px solid rgba(226,232,240,.95)!important;box-shadow:22px 0 60px #0f172a2e!important;display:flex!important;flex-direction:column!important;padding:max(18px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom))!important;animation:drawer-in .28s cubic-bezier(.22,1,.36,1) both!important}@keyframes drawer-in{0%{opacity:.7;transform:translate(-24px)}to{opacity:1;transform:none}}.mobile-menu-head{padding:7px 8px 18px!important;border-bottom:1px solid #edf1f6!important}.mobile-menu-brand img{width:42px!important;height:42px!important;object-fit:contain!important;padding:7px!important;border-radius:13px!important;background:#f1f5ff!important}.mobile-menu-title{font-size:16px!important;letter-spacing:-.02em!important}.mobile-menu-sub{color:#94a3b8!important}.mobile-menu-close{width:38px!important;height:38px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid #e9eef5!important}.mobile-menu-user{margin:16px 4px 12px!important;padding:13px!important;border-radius:17px!important;background:linear-gradient(135deg,#eff6ff,#f5f3ff)!important;border:1px solid #dbe7ff!important}.mobile-menu-avatar{width:42px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(135deg,#2563eb,#4338ca)!important;box-shadow:0 7px 18px #2563eb33!important}.mobile-menu-user-copy strong{color:#172033!important}.mobile-menu-user-copy span{color:#64748b!important}.mobile-menu-nav{gap:5px!important;padding:5px 2px!important;overflow-y:auto!important}.mobile-menu-item{min-height:50px!important;padding:8px 11px!important;border-radius:14px!important;color:#475569!important;font-size:13.5px!important;font-weight:600!important;transition:transform .16s ease,background .16s ease,color .16s ease!important}.mobile-menu-item:hover{transform:translate(2px);background:#f8fafc!important}.mobile-menu-item.active{background:linear-gradient(135deg,#eff6ff,#eef2ff)!important;color:#1d4ed8!important;box-shadow:inset 3px 0 #2563eb!important}.mobile-menu-item-icon{width:36px!important;height:36px!important;border-radius:11px!important;background:#f8fafc!important;border:1px solid #edf1f6!important}.mobile-menu-item.active .mobile-menu-item-icon{background:#dbeafe!important;border-color:#bfdbfe!important}.mobile-menu-chevron{color:#a0aec0!important;font-size:21px!important}.mobile-menu-footer{margin-top:auto!important;padding-top:12px!important;border-top:1px solid #edf1f6!important}.mobile-menu-logout{color:#dc2626!important}.mobile-menu-logout .mobile-menu-item-icon{background:#fff1f2!important;border-color:#ffe4e6!important}.bottom-nav{display:none!important}@media(max-width:639px){.customer-shell .topbar{min-height:62px;padding:9px 12px}.customer-shell .topbar-title{font-size:16px}.customer-shell .page-body{padding:16px 12px 24px}.customer-shell .page-title{font-size:22px}.customer-shell .page-header{margin-bottom:18px}.customer-shell .metric-grid{gap:10px}.customer-shell .metric-card{min-height:104px;padding:14px 12px}.customer-shell .card{border-radius:18px}.customer-shell .btn-primary,.customer-shell .btn-ghost{min-height:44px}}.customer-shell .desktop-sidebar{background:#fffffff5;border-right-color:#e9edf4;padding:18px 11px}.customer-shell .desktop-sidebar .sidebar-logo{padding:8px 11px 20px}.customer-shell .desktop-sidebar .nav-item{min-height:44px;border-radius:12px}.customer-shell .desktop-sidebar .nav-item.active{background:linear-gradient(90deg,#eff6ff,#f5f7ff);box-shadow:inset 3px 0 #2563eb}.page-center-loader{min-height:38vh!important;display:grid!important;place-items:center!important;padding:24px!important;background:transparent!important}.compact-loader-card{min-width:190px;display:inline-flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #e8edf5;border-radius:16px;background:#fffffff0;box-shadow:0 10px 30px #0f172a0f}.compact-loader-spinner{width:22px;height:22px;flex:0 0 22px;border:2.5px solid #dbe5f5;border-top-color:#2563eb;border-radius:50%;animation:cp-loader-spin .72s linear infinite}.compact-loader-copy{display:flex;flex-direction:column;gap:2px}.compact-loader-copy strong{font-size:13px;color:#172033}.compact-loader-copy span{font-size:11px;color:#94a3b8}@keyframes cp-loader-spin{to{transform:rotate(360deg)}}.ev-loading-screen,.ev-logo-aura-wrap,.ev-logo-aura,.ev-logo-card,.ev-logo-shimmer-sweep,.ev-loading-title,.ev-loading-sub,.ev-progress-bar,.ev-dots{display:none!important}@media(max-width:639px){.modal-overlay{align-items:stretch!important;justify-content:stretch!important;padding:0!important;background:#0f172a57!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modal-drawer{width:100%!important;max-width:none!important;height:min(94dvh,760px)!important;max-height:94dvh!important;margin-top:auto!important;border-radius:24px 24px 0 0!important;overflow:hidden!important;box-shadow:0 -18px 60px #0f172a2e!important;animation:cp-sheet-in .24s cubic-bezier(.22,1,.36,1) both!important}.modal-head{flex:0 0 auto!important;padding:16px 16px 13px!important;min-height:64px!important;background:#fffffffa!important}.modal-title{font-size:17px!important;line-height:1.25!important}.modal-subtitle{font-size:11.5px!important;line-height:1.45!important;max-width:285px}.modal-body{min-height:0!important;padding:16px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.modal-footer{flex:0 0 auto!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;background:#fffffffa!important}.modal-footer>button,.modal-footer .btn-primary,.modal-footer .btn-ghost{flex:1 1 0!important;min-height:46px!important;justify-content:center!important}.modal-body .login-form,.modal-body form{gap:10px!important}.modal-body .login-form label,.modal-body form label{margin-bottom:5px!important;font-size:12px!important}.modal-body .login-form input,.modal-body .login-form select,.modal-body .login-form textarea,.modal-body form input,.modal-body form select,.modal-body form textarea{min-height:46px!important;width:100%!important;border-radius:12px!important;padding:11px 12px!important;font-size:14px!important;-webkit-appearance:none}.modal-body .login-form textarea,.modal-body form textarea{min-height:110px!important;resize:vertical!important}.modal-body .two-col,.modal-body .form-grid,.modal-body [style*=grid-template-columns]{grid-template-columns:1fr!important}.modal-body .btn-primary,.modal-body .btn-ghost{min-height:46px!important;border-radius:12px!important}.modal-body input,.modal-body select,.modal-body textarea{font-size:16px!important}}@keyframes cp-sheet-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(min-width:640px){.compact-loader-card{min-width:205px}}.vehicle-loading-inline{min-height:180px;display:flex;align-items:center;justify-content:center;gap:12px;padding:28px 16px;color:#64748b}.vehicle-loading-inline>div:last-child{display:flex;flex-direction:column;gap:3px;text-align:left}.vehicle-loading-inline strong{font-size:13px;color:#172033}.vehicle-loading-inline span{font-size:11px;color:#94a3b8}.vehicle-loading-inline .compact-loader-spinner{margin:0}.cust-app-launcher{margin:22px 0 24px;padding:22px;border:1px solid rgba(226,232,240,.9);border-radius:24px;background:#fffffff0;box-shadow:0 10px 35px #0f172a0e}.cust-app-launcher-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.cust-app-launcher-head h2{margin:0;font-size:18px;letter-spacing:-.025em;color:#111827}.cust-app-launcher-head p{margin:4px 0 0;color:#94a3b8;font-size:12px;font-weight:600}.cust-app-launcher-badge{padding:7px 10px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cust-app-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cust-app-icon-tile{min-height:108px;border:1px solid #edf0f5;border-radius:19px;background:#fff;padding:15px 12px 13px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;font-family:inherit}.cust-app-icon-tile:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a14;border-color:#dbe5f5}.cust-app-icon-tile:active{transform:scale(.98)}.cust-app-icon-wrap{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;margin-bottom:11px}.cust-app-icon-copy{display:flex;flex-direction:column;min-width:0;padding-right:12px}.cust-app-icon-copy strong{color:#172033;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cust-app-icon-copy small{color:#94a3b8;font-size:10px;font-weight:600;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cust-app-icon-arrow{position:absolute;top:16px;right:12px;color:#cbd5e1;font-size:18px;line-height:1}.tone-blue .cust-app-icon-wrap{background:#eaf2ff;color:#2563eb}.tone-violet .cust-app-icon-wrap{background:#f1edff;color:#7c3aed}.tone-green .cust-app-icon-wrap{background:#eafaf1;color:#16a34a}.tone-orange .cust-app-icon-wrap{background:#fff5e7;color:#ea8a00}.tone-cyan .cust-app-icon-wrap{background:#e8faff;color:#0891b2}.tone-indigo .cust-app-icon-wrap{background:#eef0ff;color:#4f46e5}.tone-rose .cust-app-icon-wrap{background:#fff0f2;color:#e11d48}.tone-slate .cust-app-icon-wrap{background:#f1f5f9;color:#475569}.topbar-profile-trigger{border:0;cursor:pointer;font:inherit;color:inherit}.topbar-profile-trigger:focus-visible,.mobile-menu-profile-card:focus-visible,.cust-app-icon-tile:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}.mobile-menu-profile-card{position:relative;width:calc(100% - 28px);cursor:pointer;text-align:left}.mobile-menu-profile-arrow{margin-left:auto;color:#94a3b8;font-size:24px;line-height:1}.cust-profile-page{max-width:900px;margin:0 auto}.cust-profile-hero{display:flex;align-items:center;gap:18px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#1d4ed8,#4338ca);color:#fff;box-shadow:0 18px 45px #2563eb2e;margin:20px 0 14px}.cust-profile-avatar{width:68px;height:68px;border-radius:21px;background:#ffffff29;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font-size:26px;font-weight:900}.cust-profile-kicker{font-size:9px;font-weight:900;letter-spacing:.14em;opacity:.68}.cust-profile-main h2{margin:4px 0 3px;font-size:23px;letter-spacing:-.03em}.cust-profile-main p{margin:0;opacity:.78;font-size:12px}.cust-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cust-profile-field{padding:18px;border:1px solid #e8edf4;border-radius:18px;background:#fff;box-shadow:0 5px 20px #0f172a09}.cust-profile-field span{display:block;color:#94a3b8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.cust-profile-field strong{display:block;color:#172033;font-size:14px;overflow-wrap:anywhere}.cust-profile-back{margin-top:16px;border:1px solid #dbe5f5;background:#fff;color:#2563eb;padding:12px 15px;border-radius:13px;font-weight:800;cursor:pointer}@media(max-width:720px){.cust-app-launcher{margin:18px 0;padding:17px 14px;border-radius:21px}.cust-app-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cust-app-icon-tile{min-height:100px;padding:12px 8px 10px;border-radius:16px;align-items:center;text-align:center}.cust-app-icon-wrap{width:44px;height:44px;margin-bottom:8px;border-radius:14px}.cust-app-icon-copy{align-items:center;max-width:100%;padding:0}.cust-app-icon-copy strong{font-size:10.5px;max-width:100%}.cust-app-icon-copy small,.cust-app-icon-arrow{display:none}.cust-app-launcher-head h2{font-size:17px}.cust-app-launcher-head p{font-size:10.5px}.cust-profile-hero{padding:20px;border-radius:21px}.cust-profile-grid{grid-template-columns:1fr}}@media(max-width:380px){.cust-app-icon-grid{gap:6px}.cust-app-icon-tile{min-height:92px;padding:10px 5px}.cust-app-icon-wrap{width:40px;height:40px;border-radius:12px}.cust-app-icon-copy strong{font-size:9.5px}}.profile-mobile-topbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.profile-mobile-topbar strong{display:block;font-size:17px;color:#172033;letter-spacing:-.02em}.profile-mobile-topbar span{display:block;margin-top:2px;font-size:11px;color:#94a3b8;font-weight:650}.profile-back-icon{width:42px;height:42px;border:1px solid #e7ecf3;background:#fff;border-radius:14px;display:grid;place-items:center;color:#172033;box-shadow:0 5px 18px #0f172a0d;cursor:pointer}.profile-back-icon:active{transform:scale(.96)}.profile-topbar-spacer{flex:1}.profile-cover-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;padding:25px;border-radius:26px;background:linear-gradient(135deg,#172d91,#2d4bc3 58%,#4a43a7);color:#fff;box-shadow:0 20px 55px #2540b438;margin-bottom:14px}.profile-cover-glow{position:absolute;width:220px;height:220px;border-radius:50%;right:-75px;top:-105px;background:#ffffff1c;filter:blur(2px)}.profile-photo-wrap{position:relative;flex:0 0 auto}.profile-photo{width:88px;height:88px;border-radius:28px;display:grid;place-items:center;overflow:hidden;background:#ffffff29;border:2px solid rgba(255,255,255,.35);box-shadow:0 12px 28px #00000029;font-size:32px;font-weight:900}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo-edit{position:absolute;right:-5px;bottom:-5px;width:31px;height:31px;border-radius:11px;display:grid;place-items:center;background:#fff;color:#1d4ed8;border:2px solid rgba(255,255,255,.8);box-shadow:0 6px 15px #0000002e;cursor:pointer}.profile-photo-edit input{display:none}.profile-photo-loading{position:absolute;left:0;top:96px;font-size:9px;white-space:nowrap;color:#fff;opacity:.8}.profile-cover-copy{position:relative;min-width:0;flex:1}.profile-kicker{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#ffffffbf}.profile-cover-copy h1{margin:6px 0 3px;font-size:24px;letter-spacing:-.04em;line-height:1.1}.profile-cover-copy p{margin:0;color:#ffffffbf;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-cover-chips{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.profile-cover-chips span{font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15)}.profile-edit-btn{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;padding:9px 12px;border-radius:12px;font-size:11px;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-edit-btn.active{background:#fff;color:#1d4ed8}.profile-message{display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:13px;font-size:11px;font-weight:750;margin-bottom:14px}.profile-message.success{background:#ecfdf3;color:#15803d;border:1px solid #bbf7d0}.profile-message.error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.profile-section-card{background:#fff;border:1px solid #e8edf4;border-radius:22px;padding:20px;margin-bottom:14px;box-shadow:0 7px 25px #0f172a0b}.profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.profile-section-eyebrow{display:block;font-size:9px;font-weight:900;letter-spacing:.13em;color:#94a3b8}.profile-section-head h2{margin:4px 0 0;font-size:17px;color:#172033;letter-spacing:-.025em}.profile-secure-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#ecfdf5;color:#15803d;font-size:9px;font-weight:850}.profile-muted-icon{color:#94a3b8}.profile-save-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:#1d4ed8;color:#fff;border-radius:11px;padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer}.profile-save-btn:disabled{opacity:.6}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-field-wide{grid-column:1/-1}.profile-input-field{display:block}.profile-input-field>span{display:block;margin:0 0 6px;font-size:10px;color:#64748b;font-weight:800}.profile-input-shell{height:46px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #e5eaf1;border-radius:13px;background:#f9fbfd;transition:.18s}.profile-input-shell:focus-within{border-color:#9bb8ff;box-shadow:0 0 0 3px #2563eb14;background:#fff}.profile-input-shell svg{color:#94a3b8;flex:0 0 auto}.profile-input-shell input,.profile-input-field>input{width:100%;border:0;outline:0;background:transparent;color:#172033;font:inherit;font-size:12px}.profile-input-shell input:disabled{color:#334155;opacity:1}.profile-input-shell input::placeholder,.profile-input-field>input::placeholder{color:#b0bac8}.profile-kyc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.profile-kyc-card{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #edf0f5;border-radius:16px;background:#fbfcfe}.profile-kyc-card>div:nth-child(2){min-width:0;flex:1}.profile-kyc-card span{display:block;color:#94a3b8;font-size:9px;font-weight:750}.profile-kyc-card strong{display:block;margin-top:4px;color:#172033;font-size:12px;letter-spacing:.04em;overflow-wrap:anywhere}.profile-kyc-card button{border:0;background:transparent;color:#94a3b8;cursor:pointer}.profile-kyc-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.profile-kyc-icon.blue{background:#eff6ff;color:#2563eb}.profile-kyc-icon.violet{background:#f5f3ff;color:#7c3aed}.profile-kyc-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}.profile-kyc-edit-grid .profile-input-field>input{height:44px;padding:0 12px;border:1px solid #e5eaf1;border-radius:12px;background:#f9fbfd}.profile-setting-list{display:flex;flex-direction:column}.profile-setting-row{display:flex;align-items:center;gap:11px;width:100%;padding:12px 2px;border:0;border-bottom:1px solid #f0f2f6;background:transparent;text-align:left;cursor:pointer}.profile-setting-row:last-child{border-bottom:0;padding-bottom:2px}.profile-setting-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#f7f8fb;font-size:16px}.profile-setting-copy{min-width:0;flex:1}.profile-setting-copy strong{display:block;color:#172033;font-size:12px}.profile-setting-copy small{display:block;color:#94a3b8;font-size:9px;line-height:1.45;margin-top:3px}.profile-switch{width:39px;height:23px;border-radius:999px;background:#dce2ea;padding:3px;transition:.2s;flex:0 0 auto}.profile-switch i{display:block;width:17px;height:17px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0f172a26;transition:.2s}.profile-switch.on{background:#2563eb}.profile-switch.on i{transform:translate(16px)}.profile-account-card{padding:8px 16px}.profile-account-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f0f2f6}.profile-account-row:last-child{border-bottom:0}.profile-account-icon{width:37px;height:37px;border-radius:12px;background:#f7f8fb;color:#64748b;display:grid;place-items:center}.profile-account-row>div:nth-child(2){min-width:0;flex:1}.profile-account-row strong{display:block;font-size:12px;color:#172033}.profile-account-row span{display:block;font-size:9px;color:#94a3b8;margin-top:3px}.profile-arrow{font-size:22px!important;color:#c2cad5!important;margin-top:0!important}@media(max-width:680px){.profile-mobile-topbar{position:sticky;top:0;z-index:5;padding:2px 0 10px;background:#f8fafc}.profile-cover-card{align-items:flex-start;gap:12px;padding:18px;border-radius:21px}.profile-photo{width:72px;height:72px;border-radius:22px;font-size:26px}.profile-photo-edit{width:28px;height:28px;border-radius:10px}.profile-cover-copy h1{font-size:19px}.profile-cover-copy p{font-size:10px}.profile-cover-chips{margin-top:8px}.profile-edit-btn{position:absolute;right:14px;top:14px;font-size:0;width:34px;height:34px;padding:0;justify-content:center;border-radius:11px}.profile-edit-btn svg{width:15px}.profile-form-grid,.profile-kyc-grid,.profile-kyc-edit-grid{grid-template-columns:1fr}.profile-field-wide{grid-column:auto}.profile-section-card{padding:15px;border-radius:18px}.profile-section-head h2{font-size:15px}.profile-save-btn{padding:8px 10px}.premium-profile-page{padding-bottom:20px}}@media(max-width:639px){.customer-mobile-profile-header{min-height:64px!important;height:64px!important;padding:8px 14px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;background:#fffffff7!important;border-bottom:1px solid #edf0f5!important;box-sizing:border-box!important}.customer-mobile-profile-header .hamburger-btn,.customer-mobile-profile-header .topbar-brand{display:none!important}.customer-mobile-profile-header .topbar-profile-trigger{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}.customer-mobile-profile-header .topbar-user-info{display:none!important}.customer-mobile-profile-header .avatar{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;overflow:hidden!important;background:linear-gradient(135deg,#2563eb,#3730a3)!important;color:#fff!important;font-size:16px!important;font-weight:800!important;border:2px solid #fff!important;box-shadow:0 7px 18px #2563eb3d!important}.customer-mobile-profile-header .topbar-profile-trigger:active{transform:scale(.94)}}@media(max-width:380px){.customer-mobile-profile-header{height:60px!important;min-height:60px!important;padding-left:12px!important;padding-right:12px!important}.customer-mobile-profile-header .topbar-profile-trigger{width:42px!important;height:42px!important;min-width:42px!important}.customer-mobile-profile-header .avatar{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}}@media(max-width:639px){.customer-mobile-profile-header{min-height:66px!important;height:66px!important;padding:8px 15px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fffffffa!important;border-bottom:1px solid #e9eef5!important;box-shadow:0 5px 18px #0f172a0b!important;box-sizing:border-box!important;position:sticky!important;top:0!important;z-index:1000!important}.customer-mobile-profile-header .hamburger-btn{display:none!important}.customer-mobile-profile-header .topbar-brand.customer-mobile-logo-brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;padding:0!important;flex:1!important}.customer-mobile-brand-logo{display:block!important;width:82px!important;height:34px!important;object-fit:contain!important;object-position:left center!important}.customer-mobile-profile-header .topbar-profile-trigger{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.customer-mobile-profile-header .topbar-user-info{display:none!important}.customer-mobile-profile-header .avatar{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:50%!important;background:linear-gradient(135deg,#2563eb,#3730a3)!important;color:#fff!important;font-size:16px!important;font-weight:800!important;border:2px solid #fff!important;box-shadow:0 7px 18px #2563eb3d!important}.customer-mobile-profile-header .avatar img{width:100%!important;height:100%!important;object-fit:cover!important}}@media(max-width:380px){.customer-mobile-profile-header{height:60px!important;min-height:60px!important;padding:7px 12px!important}.customer-mobile-brand-logo{width:74px!important;height:31px!important}.customer-mobile-profile-header .topbar-profile-trigger{width:42px!important;height:42px!important;min-width:42px!important}.customer-mobile-profile-header .avatar{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}}.customer-section-backbar{display:none}@media(max-width:639px){.customer-section-backbar{display:flex;align-items:center;gap:10px;min-height:48px;margin:-2px 0 8px;padding:0 2px;background:transparent}.customer-section-back{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #e4eaf2;border-radius:12px;background:#fff;color:#172033;box-shadow:0 5px 16px #0f172a0e;cursor:pointer;-webkit-tap-highlight-color:transparent}.customer-section-back:active{transform:scale(.94)}.customer-section-back-title{min-width:0;color:#172033;font-size:16px;font-weight:850;letter-spacing:-.025em}}@media(min-width:640px){.customer-shell .customer-mobile-logo-brand{display:none!important}.customer-shell .topbar{justify-content:flex-end!important}.customer-shell .topbar .hamburger-btn{display:none!important}}.bk-plan-heading{font-size:14px;font-weight:800;color:#0f172a;margin:18px 0 9px}.bk-rental-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.bk-rental-plan-card{position:relative;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:13px;cursor:pointer;transition:.18s;min-height:108px;box-shadow:0 3px 12px #0f172a0a}.bk-rental-plan-card:hover{transform:translateY(-1px);border-color:#93c5fd}.bk-rental-plan-card.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 6px 18px #2563eb1f}.bk-rental-plan-card strong{display:block;font-size:12px;color:#475569;margin-bottom:7px}.bk-rental-plan-card b{display:block;font-size:17px;color:#0f172a}.bk-rental-plan-card small{display:block;margin-top:2px;font-size:10px;color:#64748b}.bk-plan-check{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;color:#fff;background:transparent}.bk-rental-plan-card.active .bk-plan-check{background:#2563eb}.bk-rental-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.bk-duration-input{display:flex;align-items:center;gap:8px}.bk-duration-input input{width:90px;border:1px solid #dbe3ef;border-radius:10px;padding:10px;font-weight:800;font-size:16px;box-sizing:border-box}.bk-duration-input span{font-size:11px;color:#64748b;font-weight:700}.bk-total-row{margin-top:6px;padding-top:10px;border-top:1px solid #e2e8f0;font-size:13px}.bk-total-row strong{font-size:18px;color:#0f172a}.bk-discount{color:#16a34a!important}@media(max-width:620px){.bk-rental-plan-grid{grid-template-columns:1fr}.bk-rental-plan-card{min-height:auto}.bk-rental-controls{grid-template-columns:1fr}}.vbc-rental-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:7px 0 9px}.vbc-rental-prices>div{display:flex;flex-direction:column;min-width:0;padding:7px 8px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc}.vbc-rental-prices span{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.vbc-rental-prices strong{font-size:13px;font-weight:850;color:#0f172a;line-height:1.25;margin-top:2px}.vbc-rental-prices small{font-size:9px;color:#94a3b8;margin-top:1px}.bk-single-vehicle-note{border:1px solid #dbeafe;background:#f8fbff;border-radius:12px;padding:10px 12px}.bk-single-vehicle{display:flex;align-items:center;gap:7px;color:#1e3a8a;font-weight:800;font-size:13px}@media(max-width:700px){.vbc-rental-prices{grid-template-columns:1fr;gap:5px}.vbc-rental-prices>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:5px}.vbc-rental-prices small{margin:0}}.cust-vc-bike-id{margin-top:6px;font-size:11px;color:#2563eb;font-weight:750;letter-spacing:.01em}.cust-vc-rental-status{margin:14px 0;padding:13px 14px;border:1px solid #dbeafe;background:linear-gradient(135deg,#f8fbff,#eef6ff);border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.cust-vc-rental-status.due-soon{border-color:#fbbf24;background:linear-gradient(135deg,#fffdf5,#fff7ed)}.cust-vc-rental-status-main{display:flex;align-items:center;gap:10px;min-width:0}.cust-vc-rental-status-icon{width:38px;height:38px;border-radius:12px;background:#fff;display:grid;place-items:center;box-shadow:0 5px 15px #0f172a12;font-size:18px;flex:0 0 auto}.cust-vc-rental-status-main small{display:block;font-size:9px;font-weight:800;color:#64748b;letter-spacing:.09em}.cust-vc-rental-status-main strong{display:block;margin-top:2px;font-size:15px;color:#0f172a}.cust-vc-rental-status-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cust-vc-rental-status-meta span{font-size:10px;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:99px;padding:6px 9px}.cust-vc-rental-status-meta b{color:#1e3a8a}.cust-vc-owned-status{margin:14px 0;padding:11px 13px;border-radius:13px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:12px;font-weight:750}.cust-vc-detail-val.danger{color:#b45309}.cust-vc-extension-box{margin-top:14px;padding:15px;border:1px solid #dbeafe;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#f4f8ff);display:flex;align-items:center;justify-content:space-between;gap:14px}.cust-vc-extension-box>div{min-width:0}.cust-vc-extension-box strong{display:block;font-size:13px;color:#172033}.cust-vc-extension-box span{display:block;margin-top:3px;color:#64748b;font-size:11px;line-height:1.45}.cust-vc-extend-btn{border:0;border-radius:11px;padding:10px 14px;background:#2563eb;color:#fff;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px #2563eb2e;transition:.18s}.cust-vc-extend-btn:hover{transform:translateY(-1px);background:#1d4ed8}.cust-extension-modal{width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 30px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 28px 80px #0f172a40;padding:0}.cust-extension-modal-head{padding:21px 22px 17px;border-bottom:1px solid #edf1f6;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cust-extension-modal-head>div>span{font-size:9px;font-weight:850;letter-spacing:.12em;color:#2563eb}.cust-extension-modal-head h3{margin:4px 0 2px;font-size:20px;letter-spacing:-.025em;color:#101828}.cust-extension-modal-head p{margin:0;color:#64748b;font-size:11px}.cust-extension-vehicle{margin:18px 22px 12px;padding:13px;border:1px solid #e5eaf2;border-radius:15px;background:#f8fafc;display:flex;align-items:center;gap:12px}.cust-extension-bike{width:42px;height:42px;border-radius:13px;background:#eff6ff;display:grid;place-items:center;font-size:21px}.cust-extension-vehicle strong{display:block;font-size:13px;color:#172033}.cust-extension-vehicle span{display:block;margin-top:3px;font-size:11px;color:#64748b}.cust-extension-grid{margin:0 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cust-extension-grid>div{padding:11px;border:1px solid #e8edf4;border-radius:13px;background:#fff}.cust-extension-grid small{display:block;color:#94a3b8;font-size:8px;font-weight:850;letter-spacing:.08em}.cust-extension-grid strong{display:block;margin-top:4px;font-size:12px;color:#172033}.cust-extension-choice{margin:14px 22px;padding:15px;border:1px solid #dbeafe;border-radius:15px;background:#f8fbff}.cust-extension-choice label{display:block;font-size:12px;font-weight:800;color:#172033;margin-bottom:10px}.cust-extension-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}.cust-extension-plan-card{position:relative;text-align:left;padding:13px 12px 11px;border:1px solid #e3e8f0;border-radius:14px;background:#fff;cursor:pointer;transition:.18s ease;display:flex;flex-direction:column;gap:3px;min-height:92px}.cust-extension-plan-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 7px 18px #2563eb14}.cust-extension-plan-card.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px #2563eb1a}.cust-extension-plan-card:disabled{opacity:.6;cursor:not-allowed;transform:none}.cust-extension-plan-check{position:absolute;top:8px;right:9px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#eaf0f8;color:#64748b;font-size:11px;font-weight:900}.cust-extension-plan-card.active .cust-extension-plan-check{background:#2563eb;color:#fff}.cust-extension-plan-name{font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.cust-extension-plan-card strong{font-size:17px;color:#0f172a;margin-top:3px}.cust-extension-plan-card small{font-size:10px;color:#94a3b8}.cust-extension-units-label{margin-top:2px!important;margin-bottom:8px!important}.cust-extension-stepper{display:flex;align-items:center;justify-content:center;gap:18px}.cust-extension-stepper button{width:38px;height:38px;border:1px solid #dbe3ef;border-radius:11px;background:#fff;color:#1e3a8a;font-size:20px;font-weight:800;cursor:pointer}.cust-extension-stepper button:disabled{opacity:.4;cursor:not-allowed}.cust-extension-stepper strong{min-width:45px;text-align:center;font-size:20px;color:#0f172a}.cust-extension-newdue{margin-top:12px;text-align:center;font-size:11px;color:#64748b}.cust-extension-newdue strong{color:#166534}.cust-extension-total{margin:0 22px;padding:14px 0;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between}.cust-extension-total span{font-size:12px;color:#64748b;font-weight:700}.cust-extension-total strong{font-size:22px;color:#0f172a}.cust-extension-error{margin:13px 22px 0;padding:10px 12px;border-radius:11px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:11px;font-weight:650}.cust-extension-actions{padding:17px 22px 8px;display:flex;justify-content:flex-end;gap:9px}.cust-extension-pay{min-width:190px}.cust-extension-secure{padding:4px 22px 20px;text-align:center;color:#94a3b8;font-size:10px;line-height:1.45}@media(max-width:620px){.cust-vc-rental-status{align-items:flex-start;flex-direction:column}.cust-vc-rental-status-meta{justify-content:flex-start}.cust-vc-extension-box{align-items:stretch;flex-direction:column}.cust-vc-extend-btn{width:100%}.cust-extension-grid{grid-template-columns:1fr}.cust-extension-actions{flex-direction:column-reverse}.cust-extension-actions button{width:100%}}.customer-notification-center{max-width:1180px;margin:0 auto;padding-bottom:40px}.notification-hero{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff,#f8fbff);border-radius:18px;margin-bottom:22px}.notification-hero-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;font-size:24px;box-shadow:0 5px 18px #0f172a14}.notification-hero strong,.notification-hero span{display:block}.notification-hero strong{font-size:16px}.notification-hero span{font-size:13px;color:#64748b;margin-top:3px}.notification-section{margin-top:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-heading h3{margin:0;font-size:18px}.section-heading p{margin:4px 0 0;color:#64748b;font-size:13px}.count-pill{min-width:30px;padding:6px 10px;border-radius:999px;background:#f1f5f9;text-align:center;font-weight:700;font-size:12px}.maintenance-service-list{display:grid;gap:14px}.maintenance-service-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;box-shadow:0 8px 25px #0f172a0d}.maintenance-service-top{display:flex;justify-content:space-between;gap:14px}.service-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:#64748b}.maintenance-service-top h4{margin:4px 0 5px;font-size:18px}.service-vehicle{font-size:13px;color:#475569}.service-status{padding:7px 10px;border-radius:999px;height:max-content;font-size:11px;font-weight:800;text-transform:capitalize}.service-status.scheduled{background:#fff7ed;color:#c2410c}.service-status.progress{background:#eff6ff;color:#2563eb}.service-status.completed{background:#ecfdf5;color:#15803d}.service-status.cancelled{background:#f8fafc;color:#64748b}.maintenance-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.maintenance-meta-grid div{background:#f8fafc;border-radius:12px;padding:10px}.maintenance-meta-grid small,.maintenance-meta-grid strong{display:block}.maintenance-meta-grid small{font-size:10px;color:#64748b;text-transform:uppercase}.maintenance-meta-grid strong{font-size:12px;margin-top:3px}.service-info-box,.service-success-box,.customer-feedback-box{margin-top:12px;padding:12px 14px;border-radius:12px}.service-info-box{background:#f8fafc}.service-info-box b,.service-info-box span{display:block}.service-info-box span{font-size:13px;color:#475569;margin-top:4px}.service-success-box{display:flex;gap:10px;background:#ecfdf5;color:#15803d}.service-success-box b,.service-success-box span{display:block}.service-success-box span{font-size:12px;color:#166534;margin-top:3px}.customer-feedback-box{background:#fffbeb;border:1px solid #fde68a}.customer-feedback-box span{display:block;color:#d97706;font-size:18px;margin-top:4px}.customer-feedback-box p{margin:5px 0 0;color:#475569;font-size:13px}.service-feedback-btn{margin-top:12px}.notification-list{display:grid;gap:8px}.notification-row{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:13px;cursor:pointer}.notification-row.unread{border-color:#bfdbfe;background:#f8fbff}.notification-row-icon{width:34px;height:34px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center}.notification-row strong,.notification-row p,.notification-row small{display:block}.notification-row p{margin:3px 0;color:#475569;font-size:12px}.notification-row small{color:#94a3b8;font-size:10px}.notification-row>span{margin-left:auto;font-size:10px;color:#2563eb;font-weight:800}.notification-empty{padding:28px;text-align:center;color:#94a3b8;border:1px dashed #cbd5e1;border-radius:16px}.feedback-stars{display:flex;gap:5px;margin-bottom:16px}.feedback-stars button{border:0;background:none;font-size:30px;color:#cbd5e1;cursor:pointer}.feedback-stars button.active{color:#f59e0b}@media(max-width:720px){.maintenance-meta-grid{grid-template-columns:repeat(2,1fr)}.maintenance-service-top{align-items:flex-start}.maintenance-service-card,.notification-hero{padding:14px}}.service-location-card{display:flex;align-items:center;gap:16px;padding:18px 20px;margin:0 0 24px;border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(135deg,#fff,#f7fbff);box-shadow:0 10px 28px #2563eb12}.service-location-icon{width:50px;height:50px;min-width:50px;border-radius:15px;display:grid;place-items:center;background:#eff6ff;font-size:24px;border:1px solid #dbeafe}.service-location-copy{min-width:0;flex:1}.service-location-eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#2563eb;margin-bottom:4px}.service-location-copy h3{margin:0;color:#0f172a;font-size:17px;font-weight:850}.service-location-copy p{margin:4px 0 0;color:#64748b;font-size:12.5px;line-height:1.5}.service-location-map{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:11px;text-decoration:none;background:#2563eb;color:#fff;font-size:12px;font-weight:800;box-shadow:0 6px 16px #2563eb2e;transition:.18s ease}.service-location-map:hover{background:#1d4ed8;transform:translateY(-1px)}.service-location-map span{font-size:14px}@media(max-width:680px){.service-location-card{align-items:flex-start;flex-wrap:wrap;padding:15px}.service-location-copy{width:calc(100% - 66px)}.service-location-map{width:100%;justify-content:center}}.support-center,.premium-notification-center{max-width:1180px;margin:0 auto;padding:4px 0 44px;color:#0f172a}.support-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:28px;padding:34px 36px;border-radius:26px;background:linear-gradient(135deg,#0f172a,#172554 58%,#1e3a8a);box-shadow:0 22px 55px #0f172a2e;color:#fff}.support-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-180px;background:#ffffff12;box-shadow:0 0 0 80px #ffffff06}.support-hero-copy{position:relative;z-index:1;max-width:720px}.support-kicker,.notification-kicker{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#93c5fd}.support-hero h1{font-size:34px;line-height:1.08;letter-spacing:-.03em;margin:12px 0 10px}.support-hero p{margin:0;max-width:650px;color:#cbd5e1;font-size:14px;line-height:1.7}.support-hero-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.support-primary,.support-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 15px;font-size:12px;font-weight:850;cursor:pointer;transition:.18s ease}.support-primary{background:#fff;color:#1d4ed8;box-shadow:0 8px 20px #00000026}.support-primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0003}.support-primary:disabled,.support-secondary:disabled{opacity:.5;cursor:not-allowed}.support-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff}.support-secondary:hover{background:#ffffff29}.support-primary.small{background:#2563eb;color:#fff;box-shadow:none;padding:9px 13px}.support-hero-orb{position:relative;z-index:1;min-width:190px;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:25px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;border-radius:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.support-hero-orb svg{color:#bfdbfe}.support-hero-orb span{font-weight:850;font-size:13px}.support-hero-orb small{color:#cbd5e1;font-size:10px;text-align:center}.support-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.support-stat-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e5e7eb;border-radius:17px;background:#fff;box-shadow:0 7px 24px #0f172a0b}.support-stat-card strong,.support-stat-card span{display:block}.support-stat-card strong{font-size:21px;letter-spacing:-.02em}.support-stat-card div span{font-size:11px;color:#64748b;margin-top:2px}.support-stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.support-stat-icon.blue{background:#eff6ff;color:#2563eb}.support-stat-icon.amber{background:#fffbeb;color:#d97706}.support-stat-icon.violet{background:#f5f3ff;color:#7c3aed}.support-stat-icon.green{background:#ecfdf5;color:#16a34a}.support-help-panel,.support-tickets-panel,.support-review-banner,.support-trust-row{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 9px 28px #0f172a0b}.support-help-panel{padding:22px;margin-bottom:14px}.support-panel-eyebrow{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#64748b}.support-help-panel h3,.support-section-head h2{margin:5px 0 3px;font-size:20px;letter-spacing:-.02em}.support-help-panel p,.support-section-head p{margin:0;color:#64748b;font-size:12px}.support-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.support-faq{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:14px;border:1px solid #edf0f5;border-radius:14px;background:#f8fafc;cursor:pointer;color:#0f172a}.support-faq:hover{border-color:#cbd5e1;background:#fff}.support-faq strong,.support-faq span{display:block}.support-faq strong{font-size:12px}.support-faq span{font-size:11px;color:#64748b;margin-top:5px;line-height:1.5}.support-faq svg{flex:0 0 auto;color:#94a3b8}.support-review-banner{display:flex;align-items:center;gap:13px;padding:14px 16px;margin-bottom:14px;border-color:#fde68a;background:linear-gradient(135deg,#fffbeb,#fff)}.support-review-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#fef3c7;color:#d97706;font-size:18px}.support-review-copy{flex:1}.support-review-copy strong,.support-review-copy span{display:block}.support-review-copy strong{font-size:13px}.support-review-copy span{font-size:11px;color:#92400e;margin-top:3px}.support-review-banner>button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:#b45309;font-size:11px;font-weight:850;cursor:pointer}.support-tickets-panel{padding:22px}.support-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.support-link-button{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;color:#1d4ed8;font-size:11px;font-weight:850;cursor:pointer}.support-link-button:hover{background:#eff6ff}.support-link-button:disabled{opacity:.5;cursor:not-allowed}.support-toolbar{display:flex;align-items:center;gap:10px;margin:18px 0 14px;flex-wrap:wrap}.support-search{flex:1;min-width:240px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc;color:#94a3b8}.support-search:focus-within{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb12}.support-search input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:12px;color:#0f172a}.support-filters{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}.support-filters>svg{color:#94a3b8;margin:0 3px}.support-filters button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;padding:7px 8px;background:transparent;color:#64748b;font-size:10px;font-weight:800;cursor:pointer}.support-filters button.active{background:#fff;color:#1d4ed8;box-shadow:0 2px 8px #0f172a12}.support-filters b{font-size:9px;padding:2px 5px;border-radius:99px;background:#e2e8f0;color:#64748b}.support-filters .active b{background:#dbeafe;color:#2563eb}.support-event-strip{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:12px;margin:8px 0;font-size:11px}.support-event-strip strong,.support-event-strip span{display:block}.support-event-strip span{margin-top:3px;line-height:1.5}.support-event-strip.warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.support-event-strip.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.support-ticket-list{display:grid;gap:9px}.support-ticket-card{border:1px solid #e5e7eb;border-radius:15px;background:#fff;overflow:hidden;transition:.18s ease}.support-ticket-card:hover{border-color:#cbd5e1;box-shadow:0 6px 18px #0f172a0b}.support-ticket-card.expanded{border-color:#bfdbfe;box-shadow:0 8px 22px #2563eb12}.support-ticket-main{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:15px;border:0;background:transparent;cursor:pointer}.support-ticket-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center}.support-ticket-icon.open{background:#fff7ed;color:#ea580c}.support-ticket-icon.progress{background:#eff6ff;color:#2563eb}.support-ticket-icon.resolved{background:#ecfdf5;color:#16a34a}.support-ticket-content{min-width:0;flex:1}.support-ticket-top{display:flex;align-items:center;gap:7px}.support-ticket-id{font-size:9px;font-weight:900;letter-spacing:.08em;color:#94a3b8}.support-status{padding:4px 7px;border-radius:99px;font-size:9px;font-weight:900}.support-status.open{background:#fff7ed;color:#c2410c}.support-status.progress{background:#eff6ff;color:#2563eb}.support-status.resolved{background:#ecfdf5;color:#15803d}.support-ticket-content h3{margin:5px 0 3px;font-size:13px}.support-ticket-content p{margin:0;color:#64748b;font-size:11px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket-meta{display:flex;gap:6px;margin-top:6px;color:#94a3b8;font-size:9px}.support-ticket-chevron{color:#94a3b8;transition:.18s}.support-ticket-chevron.rotate{transform:rotate(180deg);color:#2563eb}.support-ticket-details{padding:0 15px 15px 65px;border-top:1px solid #f1f5f9}.support-resolution{display:flex;gap:9px;margin-top:12px;padding:11px 12px;border-radius:11px;background:#f0fdf4;color:#166534}.support-resolution strong,.support-resolution span{display:block}.support-resolution strong{font-size:11px}.support-resolution span{font-size:11px;margin-top:2px;line-height:1.5}.support-detail-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font-size:11px;border-bottom:1px solid #f1f5f9}.support-detail-row span{color:#64748b}.support-feedback{margin-top:12px;padding:13px;border-radius:13px;background:#f8fafc;border:1px solid #e2e8f0}.support-feedback>div:first-child strong,.support-feedback>div:first-child span{display:block}.support-feedback>div:first-child strong{font-size:12px}.support-feedback>div:first-child span{font-size:10px;color:#64748b;margin-top:2px}.support-stars{display:flex;gap:3px;margin:9px 0}.support-stars button{border:0;background:none;color:#cbd5e1;font-size:23px;cursor:pointer;padding:0}.support-stars button.active{color:#f59e0b}.support-feedback textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;border:1px solid #dbe3ef;border-radius:9px;background:#fff;padding:9px;font:inherit;font-size:11px;outline:0;min-height:62px}.support-feedback textarea:focus{border-color:#93c5fd}.support-feedback .small{margin-top:8px}.support-empty,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;padding:38px 20px;border:1px dashed #dbe3ef;border-radius:15px;color:#64748b}.support-empty-icon,.empty-art{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f8fafc;color:#94a3b8;margin-bottom:4px}.support-empty strong,.notification-empty strong{font-size:13px;color:#334155}.support-empty span,.notification-empty span{font-size:11px}.support-empty button{margin-top:9px;border:0;border-radius:9px;background:#2563eb;color:#fff;padding:8px 12px;font-size:11px;font-weight:800;cursor:pointer}.support-trust-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;padding:15px}.support-trust-row>div{display:flex;align-items:flex-start;gap:9px;padding:6px 15px;color:#64748b}.support-trust-row>div+div{border-left:1px solid #edf0f5}.support-trust-row strong,.support-trust-row span{display:block}.support-trust-row strong{font-size:11px;color:#334155}.support-trust-row span{font-size:10px;line-height:1.45;margin-top:2px}.support-request-modal{width:min(620px,100%)}.support-request-intro{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border-radius:12px;background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8;margin-bottom:16px}.support-request-intro strong,.support-request-intro span{display:block}.support-request-intro strong{font-size:11px}.support-request-intro span{font-size:10px;color:#64748b;margin-top:2px}.support-vehicle-preview{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:10px}.support-vehicle-preview div{flex:1}.support-vehicle-preview strong,.support-vehicle-preview span{display:block}.support-vehicle-preview strong{font-size:12px}.support-vehicle-preview span{font-size:10px;color:#64748b;margin-top:2px}.support-vehicle-preview>svg:last-child{color:#16a34a}.support-partner-preview{padding:10px 12px;border-radius:11px;background:#f0fdf4;border:1px solid #bbf7d0;margin-bottom:10px}.support-partner-preview span,.support-partner-preview strong,.support-partner-preview small{display:block}.support-partner-preview span{font-size:8px;letter-spacing:.12em;font-weight:900;color:#16a34a}.support-partner-preview strong{font-size:12px;color:#166534;margin-top:3px}.support-partner-preview small{font-size:10px;color:#64748b;margin-top:2px}.premium-notification-center{display:grid;gap:14px}.notification-premium-hero{display:flex;align-items:stretch;justify-content:space-between;gap:25px;padding:30px 32px;border-radius:25px;background:linear-gradient(135deg,#0f172a,#172554 65%,#1e40af);color:#fff;box-shadow:0 22px 55px #0f172a29}.notification-premium-hero>div:first-child{max-width:720px}.notification-premium-hero h1{margin:10px 0 8px;font-size:30px;line-height:1.12;letter-spacing:-.03em}.notification-premium-hero p{margin:0;color:#cbd5e1;font-size:12px;line-height:1.65}.notification-hero-metrics{display:grid;grid-template-columns:repeat(3,90px);gap:8px;align-self:center}.notification-hero-metrics div{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.notification-hero-metrics strong{font-size:22px}.notification-hero-metrics span{font-size:9px;color:#cbd5e1;margin-top:3px}.service-status-card,.notification-feed-card{background:#fff;border:1px solid #e5e7eb;border-radius:21px;box-shadow:0 9px 28px #0f172a0b}.service-status-card{padding:22px}.service-status-card-head,.notification-feed-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.service-status-card-head h2,.notification-feed-head h2{margin:5px 0 3px;font-size:20px;letter-spacing:-.02em}.service-status-card-head p,.notification-feed-head p{margin:0;color:#64748b;font-size:11px}.service-count-pill{padding:7px 10px;border-radius:99px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:900}.service-status-list{display:grid;gap:11px;margin-top:17px}.service-status-item{border:1px solid #e7ebf0;border-radius:16px;padding:16px;background:linear-gradient(180deg,#fff,#fbfdff)}.service-status-item-head{display:flex;justify-content:space-between;gap:12px}.service-status-title{display:flex;align-items:center;gap:10px}.service-type-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eff6ff;color:#2563eb}.service-status-title>div:last-child>span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#94a3b8}.service-status-title h3{margin:3px 0 2px;font-size:14px}.service-status-title p{margin:0;color:#64748b;font-size:10px}.service-status-badge{height:max-content;padding:6px 9px;border-radius:99px;font-size:9px;font-weight:900;text-transform:capitalize}.service-status-badge.scheduled{background:#fff7ed;color:#c2410c}.service-status-badge.progress{background:#eff6ff;color:#2563eb}.service-status-badge.paused{background:#fffbeb;color:#b45309}.service-status-badge.staff{background:#f5f3ff;color:#7c3aed}.service-status-badge.completed{background:#ecfdf5;color:#15803d}.service-status-badge.cancelled{background:#f1f5f9;color:#64748b}.service-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:17px 0 14px}.service-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;color:#cbd5e1}.service-step span{position:relative;z-index:2;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;border:2px solid #e2e8f0;font-size:9px;font-weight:900}.service-step.done{color:#2563eb}.service-step.done span{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.service-step small{font-size:8px;font-weight:850;letter-spacing:.02em;text-align:center}.service-step i{position:absolute;left:50%;right:-50%;top:11px;height:2px;background:#e5e7eb}.service-step.done i{background:#93c5fd}.service-step:last-child i{display:none}.service-status-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.service-status-meta div{padding:9px 10px;border-radius:10px;background:#f8fafc}.service-status-meta span,.service-status-meta strong{display:block}.service-status-meta span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.service-status-meta strong{font-size:10px;margin-top:3px}.service-note,.service-awaiting,.service-completed,.service-review-done{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:10px 12px;border-radius:11px}.service-note{background:#f8fafc;color:#475569}.service-note span{font-size:10px;line-height:1.5}.service-awaiting{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.service-awaiting strong,.service-awaiting span,.service-awaiting small,.service-completed strong,.service-completed span,.service-review-done span,.service-review-done strong,.service-review-done p{display:block}.service-awaiting strong,.service-completed strong{font-size:11px}.service-awaiting span,.service-completed span{font-size:10px;margin-top:2px;line-height:1.45}.service-awaiting small{font-size:9px;margin-top:4px}.service-completed{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.service-review-done{background:#fffbeb;border:1px solid #fde68a}.service-review-done>span{font-size:9px;color:#92400e;font-weight:800}.service-review-done strong{font-size:17px;color:#f59e0b;margin-top:2px}.service-review-done p{margin:2px 0 0;font-size:10px;color:#64748b}.service-review-button{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:900;cursor:pointer}.service-review-button:hover{background:#dbeafe}.notification-feed-card{padding:22px}.notification-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:17px 0 12px}.notification-search{flex:1;min-width:230px;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc;color:#94a3b8}.notification-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:11px}.notification-tabs{display:flex;gap:4px;padding:4px;border:1px solid #e5e7eb;border-radius:11px;background:#f8fafc}.notification-tabs button{border:0;border-radius:8px;padding:7px 9px;background:transparent;color:#64748b;font-size:10px;font-weight:850;cursor:pointer}.notification-tabs button.active{background:#fff;color:#2563eb;box-shadow:0 2px 8px #0f172a12}.notification-tabs b{margin-left:4px;font-size:8px}.premium-notification-list{display:grid;gap:7px}.premium-notification-row{width:100%;display:flex;align-items:center;gap:11px;padding:12px;text-align:left;border:1px solid #edf0f5;border-radius:13px;background:#fff;cursor:pointer;color:#0f172a}.premium-notification-row:hover{border-color:#cbd5e1;background:#fbfdff}.premium-notification-row.unread{border-color:#bfdbfe;background:#f8fbff}.premium-notification-icon{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:11px}.premium-notification-icon.new{background:#eff6ff;color:#2563eb}.premium-notification-icon.read{background:#f8fafc;color:#94a3b8}.premium-notification-copy{flex:1;min-width:0}.premium-notification-copy>div{display:flex;align-items:center;gap:7px}.premium-notification-copy strong{font-size:11px}.premium-notification-copy>div>span{padding:2px 5px;border-radius:99px;background:#dbeafe;color:#2563eb;font-size:7px;font-weight:900}.premium-notification-copy p{margin:3px 0;color:#64748b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-notification-copy small{color:#94a3b8;font-size:8px}.premium-notification-row>svg{color:#cbd5e1}.notification-trust{display:grid;grid-template-columns:repeat(3,1fr);padding:14px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.notification-trust>div{display:flex;gap:9px;padding:6px 14px;color:#64748b}.notification-trust>div+div{border-left:1px solid #edf0f5}.notification-trust span,.notification-trust strong{display:block}.notification-trust strong{font-size:10px;color:#334155}.notification-trust span{font-size:9px;line-height:1.4;margin-top:2px}@media(max-width:900px){.support-stat-grid{grid-template-columns:repeat(2,1fr)}.support-faq-grid,.support-trust-row,.notification-trust{grid-template-columns:1fr}.support-trust-row>div+div,.notification-trust>div+div{border-left:0;border-top:1px solid #edf0f5}.notification-premium-hero{flex-direction:column}.notification-hero-metrics{align-self:stretch;grid-template-columns:repeat(3,1fr)}.support-hero{padding:27px}.support-hero-orb{display:none}}@media(max-width:650px){.support-hero h1,.notification-premium-hero h1{font-size:25px}.support-stat-grid{grid-template-columns:1fr 1fr}.support-stat-card{padding:12px}.support-tickets-panel,.service-status-card,.notification-feed-card{padding:15px}.support-section-head,.service-status-card-head,.notification-feed-head{flex-direction:column}.support-link-button{width:100%;justify-content:center}.support-toolbar{align-items:stretch}.support-search{min-width:100%}.support-filters{overflow:auto;width:100%}.support-filters button{white-space:nowrap}.support-ticket-main{padding:12px}.support-ticket-content p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.support-ticket-details{padding:0 12px 12px}.service-status-item{padding:12px}.service-timeline{margin-top:14px}.service-step small{font-size:7px}.service-status-meta{grid-template-columns:1fr}.notification-hero-metrics{grid-template-columns:1fr 1fr 1fr}.notification-premium-hero{padding:23px}.notification-feed-card{padding:15px}.notification-toolbar{align-items:stretch}.notification-search{min-width:100%}.notification-tabs{justify-content:space-between}.notification-tabs button{flex:1}.premium-notification-row,.service-status-item-head{align-items:flex-start}.service-status-badge{white-space:nowrap}}.svc-progress-card{margin-top:12px;padding:14px 15px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 2px 8px #0f172a0a}.svc-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.svc-progress-title{font-size:12px;font-weight:800;color:#0f172a;letter-spacing:-.01em}.svc-progress-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.svc-progress-pill.pending{background:#f1f5f9;color:#64748b}.svc-progress-pill.active{background:#eff6ff;color:#1d4ed8}.svc-progress-pill.resolved{background:#dcfce7;color:#15803d}.svc-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:12px}.svc-step{display:flex;flex-direction:column;align-items:center;position:relative;gap:5px}.svc-step-track{display:flex;align-items:center;width:100%;position:relative}.svc-step-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:0 0 26px;font-size:10px;font-weight:900;border:2px solid #e2e8f0;background:#f8fafc;color:#94a3b8;transition:all .2s;z-index:2;position:relative}.svc-step.done .svc-step-dot{background:#16a34a;border-color:#16a34a;color:#fff;box-shadow:0 0 0 4px #16a34a1f}.svc-step.current .svc-step-dot{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 0 0 4px #2563eb1f;animation:svc-pulse 1.8s ease-in-out infinite}@keyframes svc-pulse{0%,to{box-shadow:0 0 0 4px #2563eb1f}50%{box-shadow:0 0 0 7px #2563eb0f}}.svc-step-num{font-size:9px;font-weight:900}.svc-step-line{flex:1;height:2px;background:#e2e8f0;transition:background .3s}.svc-step.done .svc-step-line{background:#86efac}.svc-step-body{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:5px}.svc-step-icon{font-size:13px;line-height:1}.svc-step-label{font-size:9px;font-weight:700;color:#94a3b8;text-align:center;letter-spacing:.01em;line-height:1.3}.svc-progress-staff{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0;margin-top:8px}.svc-staff-avatar{width:30px;height:30px;border-radius:50%;background:#16a34a;color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center;flex:0 0 30px}.svc-staff-role{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700}.svc-staff-name{display:block;font-size:12px;color:#0f172a;margin-top:1px}.svc-progress-summary{margin-top:9px;padding:9px 11px;border-radius:10px;background:#f8fafc;font-size:11px;color:#475569;line-height:1.5;border-left:3px solid #86efac}.svc-progress-proof{margin-top:10px}.svc-progress-proof strong{display:block;font-size:11px;color:#0f172a;margin-bottom:6px}.svc-proof-files{display:flex;gap:7px;flex-wrap:wrap}.svc-proof-link{font-size:10px;color:#2563eb;text-decoration:none;padding:4px 8px;border-radius:7px;background:#eff6ff;border:1px solid #bfdbfe}.svc-proof-link:hover{background:#dbeafe}.svc-progress-proof p{font-size:11px;color:#475569;margin:6px 0 0}.support-tab-switcher{display:flex;gap:8px;padding:6px;background:#f3f6fb;border:1px solid #e5eaf2;border-radius:14px;margin:18px 0}.support-tab-switcher button{flex:1;border:0;background:transparent;padding:12px 18px;border-radius:10px;color:#64748b;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.18s}.support-tab-switcher button b{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#e2e8f0;color:#475569;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.support-tab-switcher button.active{background:#fff;color:#1d4ed8;box-shadow:0 4px 14px #0f172a14}.support-tab-switcher button.active b{background:#2563eb;color:#fff}.complaint-stepper{grid-template-columns:repeat(5,1fr)!important}.svc-progress-card{position:relative;overflow:hidden;margin-top:16px;padding:20px 20px 18px;border:1px solid rgba(148,163,184,.24);border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 12px 32px #0f172a12,inset 0 1px #ffffffe6}.svc-progress-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#2563eb,#60a5fa,#22c55e);opacity:.9}.svc-progress-header{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #edf2f7}.svc-progress-title{font-size:13px;font-weight:900;color:#0f172a;letter-spacing:-.015em}.svc-progress-pill{padding:6px 11px;border:1px solid transparent;box-shadow:0 3px 10px #0f172a0f;font-size:9px}.svc-progress-pill.active{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.svc-progress-pill.resolved{background:#ecfdf5;color:#15803d;border-color:#bbf7d0}.svc-stepper{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:4px 2px 2px;margin:0 0 18px}.svc-step{min-width:0;gap:8px}.svc-step-track{height:38px;align-items:center}.svc-step-dot{width:34px;height:34px;flex-basis:34px;border:2px solid #dbe4ef;background:#fff;color:#94a3b8;box-shadow:0 2px 7px #0f172a0f;font-size:11px;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}.svc-step.done .svc-step-dot{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#16a34a;box-shadow:0 5px 14px #16a34a38,0 0 0 4px #22c55e14}.svc-step.current .svc-step-dot{background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-color:#2563eb;box-shadow:0 7px 18px #2563eb40,0 0 0 5px #3b82f61a;transform:scale(1.08)}.svc-step.upcoming .svc-step-dot:hover{border-color:#93c5fd;transform:translateY(-1px)}.svc-step-line{height:4px;margin:0 -1px;border-radius:999px;background:#e8eef6;transition:background .3s ease}.svc-step.done .svc-step-line{background:linear-gradient(90deg,#22c55e,#86efac)}.svc-step.current .svc-step-line{background:linear-gradient(90deg,#3b82f6,#dbeafe)}.svc-step-body{min-height:48px;padding:8px 5px 6px;border-radius:12px;transition:background .2s ease,transform .2s ease}.svc-step-icon{font-size:16px;filter:drop-shadow(0 2px 3px rgba(15,23,42,.08))}.svc-step-label{max-width:105px;font-size:10px;font-weight:800;color:#94a3b8;line-height:1.35}.svc-step.done .svc-step-body{background:#f0fdf4}.svc-step.done .svc-step-label{color:#15803d}.svc-step.current .svc-step-body{background:#eff6ff;box-shadow:inset 0 0 0 1px #dbeafe}.svc-step.current .svc-step-label{color:#1d4ed8}.svc-step.current .svc-step-icon{transform:translateY(-1px)}@media(max-width:720px){.svc-progress-card{padding:16px 12px 14px;border-radius:16px}.svc-progress-header{align-items:flex-start;gap:10px}.svc-stepper{overflow-x:auto;grid-template-columns:repeat(5,minmax(108px,1fr));padding-bottom:5px;scrollbar-width:thin}.svc-step-label{font-size:9px}}.vbc-rental-hidden-note{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:7px 10px;border-radius:9px;background:#f0fdf4;color:#15803d;font-size:11px;font-weight:700}.bk-rental-plan-card .bk-plan-price{display:block;margin-top:8px;font-size:13px;font-weight:800;color:#2563eb}.bk-total-row.discount strong{color:#16a34a}@media(max-width:640px){.complaint-progress-mini small{font-size:8px}}.referral-page{display:grid;gap:18px}.referral-hero{display:grid;grid-template-columns:1.5fr .8fr;gap:18px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;box-shadow:0 16px 40px #0f172a2e}.referral-hero h2{font-size:30px;margin:10px 0 8px}.referral-hero p{margin:0;color:#cbd5e1;line-height:1.6}.referral-code-box{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:18px;display:grid;gap:8px;align-content:center}.referral-code-box span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#cbd5e1}.referral-code-box strong{font-size:30px;letter-spacing:3px}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.referral-stats>div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.referral-stats span{display:block;color:#64748b;font-size:12px}.referral-stats strong{display:block;margin-top:6px;font-size:20px;color:#0f172a}.referral-history-row{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px}.referral-history-row small{display:block;color:#64748b;margin-top:4px}.customer-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172a9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.customer-popup-card{width:min(520px,100%);background:#fff;border-radius:22px;padding:24px;box-shadow:0 28px 90px #0000004d;text-align:center;animation:customerPopupIn .24s ease}.customer-popup-banner{width:100%;max-height:230px;object-fit:cover;border-radius:15px;margin-bottom:16px}.customer-popup-icon{font-size:38px}.customer-popup-card h2{margin:8px 0;color:#0f172a}.customer-popup-card p{color:#475569;line-height:1.6;margin:0 0 18px}.customer-popup-card .btn-primary{margin:auto;min-width:130px;justify-content:center}@keyframes customerPopupIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:700px){.referral-hero,.referral-stats{grid-template-columns:1fr}.referral-hero h2{font-size:24px}}.allevs-home{--home-ink: #101828;--home-muted: #667085;--home-soft: #f6f8fb;--home-border: #e7ebf2;--home-blue: #2563eb;--home-cyan: #0ea5e9;--home-green: #16a34a;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:22px;color:var(--home-ink)}.allevs-home button{font-family:inherit}.allevs-home-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 2px 0}.allevs-kicker{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#7b8799}.allevs-live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.allevs-home-head h1{margin:7px 0 4px;font-size:30px;line-height:1.1;letter-spacing:-.045em;font-weight:850}.allevs-home-head h1 span{font-size:25px}.allevs-home-head p{margin:0;color:#7b8799;font-size:13px}.allevs-head-actions{display:flex;align-items:center;gap:10px}.allevs-icon-button{width:42px;height:42px;border:1px solid var(--home-border);border-radius:14px;background:#fff;color:#526070;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 18px #0f172a0a;transition:.18s ease}.allevs-icon-button:hover{transform:translateY(-2px);color:var(--home-blue);border-color:#cdd9ee;box-shadow:0 10px 24px #0f172a14}.allevs-profile-pill{display:flex;align-items:center;gap:10px;min-width:190px;border:1px solid var(--home-border);background:#fff;border-radius:15px;padding:6px 10px 6px 7px;cursor:pointer;text-align:left;color:#4b5563;box-shadow:0 5px 18px #0f172a0a}.allevs-profile-pill:hover{border-color:#cdd9ee;box-shadow:0 10px 24px #0f172a14}.allevs-profile-pill>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.allevs-profile-pill strong{font-size:12px;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.allevs-profile-pill small{margin-top:2px;font-size:9px;color:#98a2b3}.allevs-profile-avatar{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;overflow:hidden;flex:none;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;font-size:12px;font-weight:850}.allevs-profile-avatar img{width:100%;height:100%;object-fit:cover}.allevs-home-main-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch}.allevs-ride-card{position:relative;overflow:hidden;min-width:0;border-radius:28px;padding:26px;color:#fff;background:radial-gradient(circle at 75% 22%,rgba(56,189,248,.25),transparent 28%),linear-gradient(135deg,#07111f,#0c1c2e,#113c55);box-shadow:0 24px 55px #0819282e}.allevs-ride-card:before{content:"";position:absolute;width:360px;height:360px;right:-180px;bottom:-220px;border-radius:50%;background:#22d3ee1f;filter:blur(4px)}.allevs-ride-card.is-empty{background:linear-gradient(135deg,#0b1726,#12304b 58%,#0b7890)}.allevs-nearest-stations{position:relative;z-index:2;margin-top:6px}.allevs-locate-stations-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 13px;border:1px solid rgba(125,211,252,.28);border-radius:11px;background:#ffffff1a;color:#e0f2fe;font:800 11px/1 inherit;cursor:pointer;transition:.18s ease}.allevs-locate-stations-btn:hover{background:#ffffff29;transform:translateY(-1px)}.allevs-locate-stations-btn:disabled{opacity:.7;cursor:wait;transform:none}.allevs-nearest-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.allevs-nearest-card{min-width:0;display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#ffffff12;color:#fff;text-decoration:none;transition:.18s ease}.allevs-nearest-card:hover{background:#ffffff21;border-color:#7dd3fc61;transform:translateY(-1px)}.allevs-nearest-number{flex:0 0 22px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#0ea5e933;color:#bae6fd;font-size:10px;font-weight:900}.allevs-nearest-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.allevs-nearest-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#f8fafc}.allevs-nearest-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#a9bacb}.allevs-nearest-copy b{font-size:8px;color:#7dd3fc}.allevs-nearest-card>svg{flex:none;color:#7dd3fc;margin-top:2px}.allevs-nearest-error{grid-column:1 / -1;padding:10px 12px;border-radius:10px;background:#7f1d1d2e;border:1px solid rgba(252,165,165,.18);color:#fecaca;font-size:10px;line-height:1.45}.allevs-ride-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.allevs-card-kicker{display:block;font-size:9px;line-height:1;font-weight:900;letter-spacing:.15em;color:#98a6b9;text-transform:uppercase}.allevs-ride-card .allevs-card-kicker{color:#8fa6ba}.allevs-ride-top h2{margin:8px 0 3px;font-size:23px;letter-spacing:-.035em;font-weight:850}.allevs-ride-top p{margin:0;color:#e2e8f0ad;font-size:11px}.allevs-status-chip{display:inline-flex;align-items:center;gap:7px;flex:none;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff14;color:#d1fae5;font-size:10px;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.allevs-status-chip i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px #34d3991f}.allevs-ride-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(270px,1fr);align-items:center;gap:20px;min-height:250px;padding:16px 0 8px}.allevs-bike-stage{position:relative;min-height:220px;display:flex;align-items:center;justify-content:center}.allevs-bike-glow{position:absolute;width:230px;height:120px;border-radius:50%;background:radial-gradient(ellipse,rgba(45,212,191,.24),transparent 68%);filter:blur(12px);bottom:17px}.allevs-bike-stage:after{content:"";position:absolute;left:13%;right:13%;bottom:19px;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.28),transparent)}.allevs-bike-stage img{position:relative;z-index:2;width:min(100%,330px);max-height:225px;object-fit:contain;filter:drop-shadow(0 25px 24px rgba(0,0,0,.28));animation:allevs-bike-float 5s ease-in-out infinite}@keyframes allevs-bike-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.allevs-bike-placeholder{position:relative;z-index:2;width:150px;height:150px;border-radius:45px;display:grid;place-items:center;align-content:center;gap:3px;background:linear-gradient(145deg,#ffffff29,#ffffff0a);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px #ffffff1a}.allevs-bike-placeholder span{font-size:42px}.allevs-bike-placeholder strong{font-size:11px;letter-spacing:.12em}.allevs-floating-label{position:absolute;z-index:3;bottom:23px;left:12%;display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#07111fa8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d9f99d;font-size:9px;font-weight:800}.allevs-ride-metrics{display:flex;flex-direction:column;gap:18px}.allevs-battery-panel{display:flex;align-items:center;gap:13px}.allevs-battery-panel>div:last-child{display:flex;flex-direction:column;gap:3px}.allevs-battery-panel>div:last-child strong{font-size:12px}.allevs-battery-panel>div:last-child span{color:#8fa6ba;font-size:9px}.allevs-battery-ring{--soc:0%;width:84px;height:84px;padding:7px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2dd4bf var(--soc),rgba(255,255,255,.1) 0);box-shadow:0 0 35px #2dd4bf21}.allevs-battery-ring>div{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;align-content:center;background:#0c1c2e;border:1px solid rgba(255,255,255,.07)}.allevs-battery-ring strong{font-size:20px;line-height:1}.allevs-battery-ring span{margin-top:2px;font-size:8px;color:#8fa6ba}.allevs-mini-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.09);border-left:1px solid rgba(255,255,255,.09)}.allevs-mini-metrics div{padding:11px 12px;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);min-width:0}.allevs-mini-metrics span{display:block;color:#7e94a8;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.allevs-mini-metrics strong{display:block;color:#eef6fb;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.allevs-empty-copy{display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:350px}.allevs-empty-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#9fe8ff;background:#ffffff17;border:1px solid rgba(255,255,255,.12);margin-bottom:3px}.allevs-empty-copy strong{font-size:18px}.allevs-empty-copy>span{max-width:310px;color:#9fb1c0;font-size:11px;line-height:1.6}.allevs-primary-btn,.allevs-outline-btn{min-height:37px;padding:0 13px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;font-size:10px;font-weight:850;cursor:pointer;transition:.18s ease}.allevs-primary-btn{background:#fff;color:#0b2132;box-shadow:0 8px 20px #0000001f}.allevs-primary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 25px #0000002e}.allevs-outline-btn{color:#e2edf5;border-color:#ffffff26;background:#ffffff0f}.allevs-outline-btn:hover{background:#ffffff1c}.allevs-rental-strip{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr auto;gap:16px;align-items:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.09)}.allevs-rental-progress-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:9px;color:#8297aa}.allevs-rental-progress-label strong{color:#e6f1f7;font-size:9px}.allevs-progress-track{height:5px;overflow:hidden;border-radius:99px;background:#ffffff14}.allevs-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#2dd4bf)}.allevs-rental-location{min-width:0;display:flex;align-items:center;gap:8px;color:#68e0d0}.allevs-rental-location>span{min-width:0;display:flex;flex-direction:column}.allevs-rental-location small{color:#8297aa;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.allevs-rental-location strong{margin-top:3px;color:#e7f2f7;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.allevs-ride-actions{display:flex;gap:7px;justify-content:flex-end}.allevs-ride-actions .allevs-primary-btn,.allevs-ride-actions .allevs-outline-btn{white-space:nowrap}.allevs-network-card{min-width:0;border:1px solid var(--home-border);border-radius:28px;background:#fff;padding:20px;box-shadow:0 14px 40px #0f172a0f;display:flex;flex-direction:column}.allevs-card-headline,.allevs-panel-head,.allevs-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.allevs-card-headline h3,.allevs-panel-head h3{margin:6px 0 0;font-size:16px;letter-spacing:-.025em}.allevs-card-headline button,.allevs-panel-head button,.allevs-section-title button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:#7b8799;cursor:pointer;font-size:10px;font-weight:800}.allevs-card-headline button:hover,.allevs-panel-head button:hover,.allevs-section-title button:hover{color:var(--home-blue)}.allevs-map-preview{position:relative;flex:1;min-height:265px;margin:16px 0 13px;overflow:hidden;border-radius:21px;background:radial-gradient(circle at 45% 45%,#e6f8f5,#eef3f5 48%,#e8edf1);border:1px solid #e1e9eb}.allevs-map-gridlines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;background-image:linear-gradient(28deg,transparent 0 48%,rgba(255,255,255,.9) 49% 51%,transparent 52%),linear-gradient(152deg,transparent 0 47%,rgba(255,255,255,.95) 48% 51%,transparent 52%);background-size:100% 72px,100% 88px}.allevs-map-road{position:absolute;height:9px;border-radius:999px;background:#fffffff2;box-shadow:0 0 0 1px #cbd5e159;transform-origin:left center}.road-a{width:115%;left:-8%;top:39%;transform:rotate(-17deg)}.road-b{width:100%;left:7%;top:65%;transform:rotate(20deg)}.road-c{width:80%;left:35%;top:10%;transform:rotate(71deg)}.allevs-map-you{position:absolute;left:48%;top:52%;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#2dd4bf29;box-shadow:0 0 0 8px #2dd4bf12}.allevs-map-you span{width:11px;height:11px;border-radius:50%;background:#14b8a6;border:3px solid #fff;box-shadow:0 2px 7px #14b8a666}.allevs-map-you b{position:absolute;top:40px;white-space:nowrap;padding:4px 7px;border-radius:7px;background:#fff;color:#475569;font-size:8px;box-shadow:0 3px 10px #0f172a14}.allevs-map-pin{position:absolute;width:29px;height:29px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);display:grid;place-items:center;background:#fff;color:#0f9b8d;box-shadow:0 7px 14px #0f172a24;border:2px solid #d8fff9}.allevs-map-pin svg{transform:rotate(45deg)}.pin-1{left:18%;top:22%}.pin-2{right:17%;top:30%}.pin-3{left:26%;bottom:17%}.pin-4{right:25%;bottom:22%}.pin-5{right:7%;top:58%}.allevs-map-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#667085;font-size:10px;font-weight:800}.allevs-map-compass{position:absolute;right:10px;top:10px;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#fff;color:#475569;font-size:8px;font-weight:900;box-shadow:0 4px 10px #0f172a14}.allevs-network-footer{display:flex;justify-content:space-between;gap:10px;color:#8a95a5;font-size:9px}.allevs-network-footer>div{display:flex;align-items:center;gap:5px}.allevs-network-footer strong{color:#344054}.allevs-network-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}.allevs-network-footer svg{color:#0ea5e9}.allevs-quick-section{padding-top:2px}.allevs-section-title{align-items:center;margin-bottom:12px}.allevs-section-title>div>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#98a2b3}.allevs-section-title h2{margin:4px 0 0;font-size:18px;letter-spacing:-.03em}.allevs-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.allevs-quick-card{min-width:0;display:flex;align-items:center;gap:10px;min-height:67px;padding:10px 11px;border:1px solid var(--home-border);border-radius:16px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 5px 18px #0f172a09;transition:.18s ease}.allevs-quick-card:hover{transform:translateY(-2px);border-color:#d7dfeb;box-shadow:0 12px 26px #0f172a14}.allevs-quick-icon{width:37px;height:37px;border-radius:12px;flex:none;display:grid;place-items:center}.allevs-quick-card>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column}.allevs-quick-card strong{font-size:10px;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.allevs-quick-card small{margin-top:3px;font-size:8px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.allevs-quick-arrow{flex:none;color:#c0c8d3}.allevs-quick-card:hover .allevs-quick-arrow{color:#64748b}.allevs-quick-card.tone-blue .allevs-quick-icon{color:#2563eb;background:#eaf2ff}.allevs-quick-card.tone-green .allevs-quick-icon{color:#16a34a;background:#eafaf1}.allevs-quick-card.tone-violet .allevs-quick-icon{color:#7c3aed;background:#f2edff}.allevs-quick-card.tone-amber .allevs-quick-icon{color:#d97706;background:#fff5dc}.allevs-quick-card.tone-cyan .allevs-quick-icon{color:#0891b2;background:#e8faff}.allevs-quick-card.tone-indigo .allevs-quick-icon{color:#4f46e5;background:#eef0ff}.allevs-quick-card.tone-rose .allevs-quick-icon{color:#e11d48;background:#fff0f2}.allevs-quick-card.tone-purple .allevs-quick-icon{color:#9333ea;background:#f8efff}.allevs-lower-grid{display:grid;grid-template-columns:1fr;gap:18px}.allevs-panel{min-width:0;border:1px solid var(--home-border);border-radius:22px;background:#fff;padding:19px;box-shadow:0 9px 28px #0f172a0b}.allevs-panel-head{align-items:center;margin-bottom:13px}.allevs-activity-list{display:flex;flex-direction:column}.allevs-activity-row{width:100%;display:flex;align-items:center;gap:10px;min-height:61px;padding:8px 0;border:0;border-top:1px solid #f0f2f5;background:none;text-align:left;cursor:pointer}.allevs-activity-row:first-child{border-top:0}.allevs-activity-row:hover .allevs-activity-copy strong{color:var(--home-blue)}.allevs-activity-vehicle{width:43px;height:43px;flex:none;overflow:hidden;border-radius:13px;display:grid;place-items:center;color:#7b8799;background:#f2f5f8}.allevs-activity-vehicle img{width:100%;height:100%;object-fit:cover}.allevs-activity-copy{min-width:0;flex:1;display:flex;flex-direction:column}.allevs-activity-copy strong{color:#172033;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.15s ease}.allevs-activity-copy span{margin-top:4px;color:#98a2b3;font-size:8px}.allevs-activity-status{flex:none;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:850;white-space:nowrap}.allevs-activity-status.green{color:#15803d;background:#ecfdf3}.allevs-activity-status.blue{color:#2563eb;background:#eff6ff}.allevs-activity-status.violet{color:#7c3aed;background:#f5f3ff}.allevs-activity-status.amber{color:#b45309;background:#fffbeb}.allevs-activity-status.slate{color:#64748b;background:#f1f5f9}.allevs-activity-status.red{color:#dc2626;background:#fef2f2}.allevs-activity-arrow{color:#cbd5e1;flex:none}.allevs-panel-empty{min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#98a2b3;text-align:center}.allevs-panel-empty strong{color:#344054;font-size:11px}.allevs-panel-empty span{font-size:9px}.allevs-wallet-panel{background:linear-gradient(145deg,#fbfdff,#f7fafc)}.allevs-wallet-balance{padding:13px 0 15px;border-bottom:1px solid #e9edf2;display:flex;flex-direction:column}.allevs-wallet-balance span{color:#98a2b3;font-size:9px}.allevs-wallet-balance strong{margin-top:4px;color:#101828;font-size:27px;letter-spacing:-.04em}.allevs-wallet-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #eef1f4;font-size:9px;color:#667085}.allevs-wallet-row span{display:flex;align-items:center;gap:6px}.allevs-wallet-row svg{color:#8b98a8}.allevs-wallet-row strong{color:#344054;font-size:10px}.allevs-wallet-btn{width:100%;margin-top:13px;height:37px;border:1px solid #dbe3ec;border-radius:11px;background:#fff;color:#344054;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:9px;font-weight:850}.allevs-wallet-btn:hover{border-color:#b8c9df;color:#2563eb}.allevs-pending-banner{width:100%;display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #fde68a;border-radius:16px;background:linear-gradient(90deg,#fffbeb,#fffdf7);color:#92400e;cursor:pointer;text-align:left}.allevs-pending-banner:hover{border-color:#f5d15e;box-shadow:0 8px 20px #d9770614}.allevs-pending-icon{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;background:#fef3c7;color:#d97706}.allevs-pending-banner>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column}.allevs-pending-banner strong{font-size:10px}.allevs-pending-banner small{margin-top:3px;color:#b45309;font-size:8px}.allevs-pending-banner>svg{flex:none;color:#d97706}.allevs-home-footnote{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 0 2px;color:#a0a9b6;font-size:8px}@media(max-width:1180px){.allevs-home-main-grid{grid-template-columns:1fr}.allevs-network-card{min-height:340px}.allevs-map-preview{min-height:235px}.allevs-quick-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.allevs-nearest-results{grid-template-columns:repeat(2,minmax(0,1fr))}.allevs-home{gap:17px}.allevs-home-head h1{font-size:25px}.allevs-home-head p{font-size:11px}.allevs-profile-pill{min-width:0}.allevs-profile-pill>span:nth-child(2),.allevs-profile-pill>svg{display:none}.allevs-ride-card{padding:20px;border-radius:23px}.allevs-ride-body{grid-template-columns:1fr 1fr;min-height:225px}.allevs-rental-strip{grid-template-columns:1fr 1fr}.allevs-ride-actions{grid-column:1 / -1;justify-content:flex-start}.allevs-quick-grid{grid-template-columns:repeat(2,1fr)}.allevs-lower-grid{grid-template-columns:1fr}}@media(max-width:600px){.allevs-nearest-results{grid-template-columns:1fr}.customer-page-body{padding:15px 13px 28px}.allevs-home{gap:14px}.allevs-home-head{padding:0 2px}.allevs-home-head h1{font-size:22px;margin-top:6px}.allevs-home-head p{display:none}.allevs-head-actions{gap:7px}.allevs-icon-button{width:38px;height:38px;border-radius:12px}.allevs-profile-pill{padding:4px;border-radius:12px;box-shadow:none}.allevs-profile-avatar{width:29px;height:29px;border-radius:10px}.allevs-home-main-grid{gap:13px}.allevs-ride-card{padding:17px;border-radius:22px}.allevs-ride-top{gap:8px}.allevs-ride-top h2{font-size:18px}.allevs-ride-top p{font-size:9px}.allevs-status-chip{padding:6px 8px;font-size:8px}.allevs-ride-body{grid-template-columns:1fr;min-height:0;gap:2px;padding-top:7px}.allevs-bike-stage{min-height:190px}.allevs-bike-stage img{width:min(86%,300px);max-height:190px}.allevs-bike-placeholder{width:120px;height:120px}.allevs-floating-label{left:8%;bottom:13px}.allevs-ride-metrics{gap:12px}.allevs-battery-panel{justify-content:center}.allevs-mini-metrics{width:100%}.allevs-rental-strip{grid-template-columns:1fr;gap:12px;padding-top:13px}.allevs-rental-location{padding-top:2px}.allevs-ride-actions{width:100%;grid-column:auto}.allevs-ride-actions .allevs-outline-btn,.allevs-ride-actions .allevs-primary-btn{flex:1}.allevs-network-card{min-height:0;padding:15px;border-radius:21px}.allevs-map-preview{min-height:210px;margin:13px 0 10px}.allevs-network-footer{font-size:8px}.allevs-section-title h2{font-size:16px}.allevs-section-title button{font-size:8px}.allevs-quick-grid{grid-template-columns:1fr 1fr;gap:8px}.allevs-quick-card{min-height:61px;padding:9px;border-radius:14px;gap:8px}.allevs-quick-icon{width:34px;height:34px;border-radius:11px}.allevs-quick-card strong{font-size:9px}.allevs-quick-card small{font-size:7px}.allevs-panel{padding:15px;border-radius:19px}.allevs-panel-head h3{font-size:15px}.allevs-activity-status{display:none}.allevs-activity-row{min-height:57px}.allevs-pending-banner{padding:11px}.allevs-pending-banner small{line-height:1.35}.allevs-home-footnote{font-size:7px;text-align:center}}:root{--alv-ink: #0b1220;--alv-ink-2: #25324a;--alv-muted: #64748b;--alv-muted-2: #94a3b8;--alv-line: #e7edf5;--alv-line-2: #dce5f0;--alv-surface: #ffffff;--alv-surface-2: #f8fafc;--alv-surface-3: #f1f5f9;--alv-brand: #2563eb;--alv-brand-2: #4f46e5;--alv-cyan: #06b6d4;--alv-green: #16a34a;--alv-amber: #d97706;--alv-red: #dc2626;--alv-shadow-sm: 0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.04);--alv-shadow: 0 12px 35px rgba(15,23,42,.07), 0 2px 7px rgba(15,23,42,.04);--alv-shadow-lg: 0 24px 70px rgba(15,23,42,.12), 0 6px 18px rgba(15,23,42,.06);--alv-radius: 18px;--alv-radius-sm: 12px}html{background:#fff}body{background:#fff!important;color:var(--alv-ink)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease,opacity .18s ease}.login-wrap{background:radial-gradient(circle at 10% 10%,rgba(37,99,235,.08),transparent 34%),radial-gradient(circle at 90% 90%,rgba(6,182,212,.07),transparent 30%),#fff!important}.login-box{border:1px solid var(--alv-line)!important;border-radius:28px!important;padding:42px!important;box-shadow:var(--alv-shadow-lg)!important;position:relative;overflow:hidden}.login-box:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--alv-brand),var(--alv-brand-2),var(--alv-cyan))}.logo-icon{background:linear-gradient(135deg,#111827,#2563eb)!important;box-shadow:0 8px 20px #2563eb38}.login-title{color:var(--alv-ink)!important;letter-spacing:-.035em}.login-form input{background:#fff!important;border:1px solid var(--alv-line-2)!important;border-radius:13px!important;min-height:46px;box-shadow:inset 0 1px 1px #0f172a05}.login-form input:focus{border-color:#93c5fd!important;box-shadow:0 0 0 4px #2563eb14}.login-form button,.btn-auth{background:linear-gradient(135deg,#1d4ed8,#4f46e5)!important;border-radius:13px!important;box-shadow:0 10px 22px #2563eb33!important}.login-form button:hover:not(:disabled),.btn-auth:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #2563eb3d!important}.shell{grid-template-columns:258px minmax(0,1fr)!important;background:#fff!important}.sidebar{background:#fffffff5!important;border-right:1px solid var(--alv-line)!important;padding:20px 14px!important;box-shadow:8px 0 30px #0f172a06;z-index:30}.sidebar-logo{padding:7px 10px 22px!important;margin-bottom:12px!important;border-bottom-color:#edf2f7!important}.logo-text{color:var(--alv-ink)!important;letter-spacing:.055em!important}.sidebar-nav{gap:5px!important}.nav-item{min-height:45px;padding:11px 13px!important;border:1px solid transparent!important;border-radius:13px!important;color:#64748b!important;font-weight:600!important;letter-spacing:-.01em}.nav-item svg{opacity:.82}.nav-item:hover{background:#f8fafc!important;border-color:#edf2f7!important;color:var(--alv-ink)!important;transform:translate(2px)}.nav-item.active{color:#1d4ed8!important;background:linear-gradient(90deg,#eff6ff,#f5f7ff)!important;border-color:#dbeafe!important;box-shadow:0 5px 14px #2563eb12}.nav-item.active svg{color:#2563eb!important;opacity:1}.logout-btn{margin-top:10px!important}.logout-btn:hover{transform:none}.main-wrap{background:#fff!important}.topbar{min-height:76px;padding:14px 34px!important;background:#fffffff0!important;border-bottom:1px solid var(--alv-line)!important;box-shadow:0 5px 22px #0f172a09;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40!important}.topbar-title{font-size:19px!important;letter-spacing:-.025em}.topbar-sub{color:#94a3b8!important}.avatar{background:linear-gradient(135deg,#111827,#2563eb)!important;box-shadow:0 7px 18px #2563eb2e}.page-body{padding:32px 34px 48px!important;max-width:1700px;width:100%;margin:0 auto}.page-header{margin-bottom:26px!important}.page-title{font-size:clamp(24px,2.1vw,31px)!important;letter-spacing:-.045em}.page-sub{color:#64748b!important;line-height:1.65}.card,.metric-card,.cust-dash-card,.bk-section,.bk-order-summary,.cs-detail-panel,.cs-hub-grid>*,.referral-stats>div,.referral-history-row{background:#fff!important;border-color:var(--alv-line)!important;box-shadow:var(--alv-shadow-sm)!important}.card{border-radius:var(--alv-radius)!important;padding:21px!important;margin-bottom:18px!important}.card:hover,.metric-card:hover,.cust-dash-card:hover{box-shadow:var(--alv-shadow)!important;border-color:#dce6f2!important}.card-head{margin-bottom:18px!important}.card-title,.cust-dash-card-title{color:var(--alv-ink)!important;letter-spacing:-.02em}.badge{background:#f8fafc!important;border:1px solid #e7edf5;color:#64748b!important}.btn-primary,.cust-btn-primary{border:1px solid transparent!important;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important;border-radius:12px!important;min-height:42px;padding:10px 16px!important;font-weight:800!important;box-shadow:0 8px 20px #2563eb2b!important}.btn-primary:hover:not(:disabled),.cust-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 27px #2563eb38!important}.btn-ghost,.cust-btn-secondary{border:1px solid var(--alv-line-2)!important;background:#fff!important;color:#334155!important;border-radius:12px!important;min-height:42px;font-weight:750!important;box-shadow:0 2px 7px #0f172a08}.btn-ghost:hover,.cust-btn-secondary:hover{background:#f8fafc!important;border-color:#cbd5e1!important;transform:translateY(-1px)}button:disabled{filter:saturate(.75)}.metric-grid{gap:16px!important;margin-bottom:22px!important}.metric-card{border-radius:17px!important;padding:19px!important;min-height:92px}.metric-icon{border-radius:14px!important;box-shadow:inset 0 0 0 1px #ffffffb3,0 7px 16px #0f172a0d}.metric-label{color:#64748b!important}.metric-value{letter-spacing:-.04em}.table-scroll{border:1px solid var(--alv-line);border-radius:15px;overflow:auto}table{background:#fff}th{background:#f8fafc;color:#64748b!important;border-bottom:1px solid var(--alv-line)!important;padding:12px 13px!important}td{border-bottom:1px solid #edf2f7!important;padding:14px 13px!important;color:#334155}tbody tr{transition:background .15s ease}tbody tr:hover{background:#f8fbff!important}input,textarea,select{border-color:var(--alv-line-2)!important;background:#fff!important;color:var(--alv-ink)!important;border-radius:11px!important;box-shadow:inset 0 1px 1px #0f172a05}input:focus,textarea:focus,select:focus{border-color:#93c5fd!important;outline:none!important;box-shadow:0 0 0 4px #2563eb14!important}label{color:#475569}.cust-dash-grid{gap:18px!important}.cust-dash-card{border-radius:20px!important;padding:21px!important;overflow:hidden;position:relative}.cust-dash-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-80px;top:-85px;background:radial-gradient(circle,rgba(37,99,235,.08),transparent 68%);pointer-events:none}.cust-dash-card-head{position:relative;z-index:1}.cust-activity-row{border:1px solid #edf2f7!important;border-radius:13px!important;background:#fff!important;padding:12px!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cust-activity-row:hover{transform:translateY(-2px);border-color:#dbeafe!important;box-shadow:0 8px 22px #0f172a0d}.cust-activity-icon{border-radius:11px!important}.cust-art-c1,.cust-art-c2{box-shadow:0 12px 28px #0f172a14!important;border:1px solid rgba(255,255,255,.7)}.cust-art-circle{box-shadow:0 0 0 12px #2563eb0d}.vbc-rental-hidden-note{background:#f0fdf4!important;border:1px solid #dcfce7;color:#15803d!important;border-radius:10px!important}.bk-vehicle-card{background:#fff!important;border:1px solid var(--alv-line)!important;border-radius:20px!important;box-shadow:var(--alv-shadow-sm)!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.bk-vehicle-card:hover{transform:translateY(-4px);box-shadow:var(--alv-shadow)!important;border-color:#dbeafe!important}.bk-vehicle-img{background:linear-gradient(180deg,#f8fbff,#eef4fb)!important}.bk-vehicle-info{padding:18px!important}.bk-vehicle-name{color:var(--alv-ink)!important;font-weight:850!important}.bk-vehicle-meta{color:#64748b!important}.bk-vehicle-price{color:#1d4ed8!important}.cs-page{background:#fff!important}.cs-hero{border:1px solid #dbeafe!important;border-radius:24px!important;background:linear-gradient(135deg,#f8fbff,#fff 58%,#f0fdfa)!important;box-shadow:var(--alv-shadow)!important;overflow:hidden}.cs-hero-title{color:var(--alv-ink)!important;letter-spacing:-.045em}.cs-hero-sub{color:#64748b!important}.cs-hero-tag{background:#eff6ff!important;color:#1d4ed8!important;border-color:#dbeafe!important}.cs-hero-stat{background:#ffffffe0!important;border:1px solid #e7edf5!important;box-shadow:0 8px 24px #0f172a0d}.cs-hub-grid{gap:16px!important}.cs-hub-grid>*{border-radius:18px!important;padding:18px!important;transition:transform .18s ease,box-shadow .18s ease}.cs-hub-grid>*:hover{transform:translateY(-3px);box-shadow:var(--alv-shadow)!important}.cs-hub-name{color:var(--alv-ink)!important}.cs-hub-city,.cs-hub-dist,.cs-hub-meta{color:#64748b!important}.cs-hub-status-pill{border-radius:999px!important}.cs-hub-btn-view,.cs-hub-btn-maps{border-radius:10px!important}.cs-filter-pills button,.cs-view-toggle button{border:1px solid var(--alv-line-2)!important;background:#fff!important;border-radius:10px!important}.cs-filter-pills button.active,.cs-view-toggle button.active{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}.cs-detail-panel{border-radius:22px!important;box-shadow:var(--alv-shadow-lg)!important}.booking-modal{background:#fff!important;border:1px solid var(--alv-line)!important;border-radius:24px!important;box-shadow:0 30px 90px #0f172a33!important}.bk-step-bar{background:#f8fafc!important;border-bottom:1px solid var(--alv-line)!important}.bk-step-item{color:#94a3b8!important}.bk-step-item.active{color:#1d4ed8!important}.bk-step-hero{border-radius:20px!important;background:linear-gradient(135deg,#eff6ff,#f8fafc)!important;border:1px solid #dbeafe!important}.bk-step-hero-title{color:var(--alv-ink)!important}.bk-step-content{background:#fff!important}.bk-section{border-radius:17px!important;box-shadow:0 4px 18px #0f172a09!important}.bk-section-label,.bk-label{color:#475569!important}.bk-input{border-radius:11px!important}.bk-total-box{background:linear-gradient(135deg,#f8fbff,#fff)!important;border:1px solid #dbeafe!important;border-radius:16px!important}.bk-order-summary{border-radius:18px!important}.bk-rental-plan-grid{gap:12px!important}.bk-plan-check{border:1px solid var(--alv-line-2)!important;border-radius:14px!important;background:#fff!important}.bk-plan-check:has(input:checked){border-color:#93c5fd!important;background:#f8fbff!important;box-shadow:0 0 0 3px #2563eb0f}.bk-recharge-panel{background:#f8fafc!important;border:1px solid var(--alv-line)!important;border-radius:14px!important}.bk-recharge-chips button{border-radius:10px!important}.vehicle-card,.my-vehicle-card,.vehicle-detail-card{background:#fff!important;border:1px solid var(--alv-line)!important;border-radius:20px!important;box-shadow:var(--alv-shadow-sm)!important}.vehicle-card:hover,.my-vehicle-card:hover{transform:translateY(-3px);box-shadow:var(--alv-shadow)!important}.purchase-card,.invoice-card,.wallet-card,.transaction-card{background:#fff!important;border:1px solid var(--alv-line)!important;border-radius:17px!important;box-shadow:var(--alv-shadow-sm)!important}.wallet-card{position:relative;overflow:hidden}.wallet-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#2563eb,#06b6d4)}.support-tab-switcher{padding:6px!important;background:#f8fafc!important;border:1px solid var(--alv-line)!important;border-radius:15px!important;box-shadow:0 2px 8px #0f172a08}.support-tab-switcher button{border-radius:10px!important}.support-tab-switcher button.active{box-shadow:0 6px 18px #0f172a12!important}.complaint-progress-mini{background:#f8fafc!important;border-color:var(--alv-line)!important;border-radius:14px!important}.svc-progress-card{box-shadow:var(--alv-shadow)!important;border-color:var(--alv-line)!important}.referral-hero{background:linear-gradient(135deg,#0b1220,#172554 52%,#1e40af)!important;border:1px solid #1e3a8a!important;border-radius:24px!important;box-shadow:0 24px 60px #0f172a2b!important}.referral-code-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.referral-stats>div{border-radius:16px!important}.notification-card,.notif-card,.notification-item{background:#fff!important;border:1px solid var(--alv-line)!important;border-radius:15px!important;box-shadow:0 2px 9px #0f172a09!important}.notification-card:hover,.notif-card:hover,.notification-item:hover{border-color:#dbeafe!important;background:#fbfdff!important}.customer-popup-overlay{background:#0f172a7a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.customer-popup-card{border:1px solid rgba(255,255,255,.75)!important;border-radius:26px!important;box-shadow:0 30px 100px #0f172a40!important}.toast{border-radius:13px!important;box-shadow:0 16px 36px #0f172a24!important;border:1px solid rgba(255,255,255,.75)!important}.info-banner{border:1px solid #dbeafe!important;background:#f8fbff!important;color:#334155!important;border-radius:13px!important}.compact-loader-card{border:1px solid var(--alv-line)!important;border-radius:18px!important;box-shadow:var(--alv-shadow-sm)!important;background:#fff!important}.cust-app-launcher{background:#fff!important;border:1px solid var(--alv-line)!important;border-radius:18px!important;box-shadow:var(--alv-shadow)!important}.cust-app-launcher-badge{box-shadow:0 5px 12px #2563eb29}.cust-app-icon-wrap{border-radius:13px!important}.cust-app-icon-grid,.cust-app-icon-arrow,.cust-app-icon-copy{color:#475569}.cs-empty,.cs-empty-icon{background:#fff!important;border-color:var(--alv-line)!important}.cs-empty{border-radius:18px!important}.cs-empty-title{color:var(--alv-ink)!important}.cs-empty-sub{color:#64748b!important}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:padding-box}@media(max-width:1100px){.shell{grid-template-columns:220px minmax(0,1fr)!important}.page-body{padding:26px 24px 42px!important}.topbar{padding:13px 24px!important}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.shell{display:block!important}.sidebar{position:fixed!important;left:0;top:0;bottom:0;width:min(300px,86vw)!important;transform:translate(-105%);transition:transform .25s ease;box-shadow:18px 0 50px #0f172a2e!important}.sidebar.open{transform:translate(0)}.main-wrap{min-height:100svh}.topbar{padding:12px 16px!important;min-height:68px}.page-body{padding:20px 16px 34px!important}.page-title{font-size:25px!important}.two-col{grid-template-columns:1fr!important}.metric-grid{grid-template-columns:repeat(2,1fr)!important;gap:11px!important}.metric-card{padding:15px!important;min-height:82px}.metric-value{font-size:20px!important}.card{padding:17px!important;border-radius:16px!important}.cust-dash-grid{grid-template-columns:1fr!important}.booking-modal{width:calc(100vw - 20px)!important;max-height:calc(100svh - 20px);overflow:auto;border-radius:20px!important}}@media(max-width:560px){.topbar-sub{display:none}.topbar-title{font-size:16px!important}.topbar-user{gap:8px}.user-name,.user-role{display:none}.page-body{padding:16px 12px 28px!important}.page-header{margin-bottom:18px!important}.page-title{font-size:23px!important}.page-sub{font-size:12px!important}.metric-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}.metric-card{gap:10px!important;padding:13px!important;border-radius:14px!important}.metric-icon{width:38px;height:38px;border-radius:11px!important}.metric-label{font-size:10px!important}.metric-value{font-size:18px!important}.card{padding:14px!important}.card-head{gap:8px;flex-wrap:wrap}.btn-primary,.btn-ghost,.cust-btn-primary,.cust-btn-secondary{min-height:40px;padding:9px 13px!important}.bk-step-bar{overflow-x:auto}.bk-step-item{min-width:82px}.referral-hero{padding:18px!important;border-radius:19px!important}.referral-hero h2{font-size:23px!important}.referral-code-box strong{font-size:25px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.customer-shell .desktop-sidebar{box-shadow:8px 0 30px #0f172a06}.customer-shell .topbar-user{border-color:var(--alv-line)!important;background:#fff!important;box-shadow:0 3px 12px #0f172a09}.customer-shell .hamburger-btn{border:1px solid var(--alv-line-2)!important;background:#fff!important;border-radius:12px!important;box-shadow:0 4px 12px #0f172a0a}.customer-shell .hamburger-btn:hover{background:#f8fafc!important;border-color:#bfdbfe!important}.mobile-menu-backdrop{background:#0f172a6b!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.mobile-menu-drawer{background:#fff!important;border-right:1px solid var(--alv-line)!important;box-shadow:20px 0 70px #0f172a2e!important}.mobile-menu-head{border-bottom-color:var(--alv-line)!important}.mobile-menu-user{box-shadow:0 7px 20px #0f172a0d}.mobile-menu-item{border:1px solid transparent!important;border-radius:13px!important}.mobile-menu-item.active{border-color:#dbeafe!important}.mobile-menu-footer{border-top-color:var(--alv-line)!important}.profile-cover-card{background:linear-gradient(135deg,#0b1220,#172554 54%,#2563eb)!important;box-shadow:0 24px 60px #0f172a26!important}.profile-section-card{border-color:var(--alv-line)!important;border-radius:20px!important;box-shadow:var(--alv-shadow-sm)!important}.profile-input-shell{background:#fff!important;border-color:var(--alv-line-2)!important}.profile-kyc-card{background:#fbfdff!important;border-color:var(--alv-line)!important}.profile-setting-row:hover{background:#f8fafc!important;border-radius:12px}.profile-account-card{border-color:var(--alv-line)!important}@media(min-width:1200px){.page-body>*{min-width:0}.cust-dash-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important}}@media(max-width:700px){.profile-cover-card{padding:19px!important;border-radius:20px!important}.profile-cover-copy h1{font-size:22px!important}.profile-form-grid,.profile-kyc-grid,.profile-kyc-edit-grid{grid-template-columns:1fr!important}.profile-field-wide{grid-column:auto!important}.profile-section-card{padding:16px!important}}.cust-extension-page-card{margin:0 auto 24px;max-width:900px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 10px 30px #0f172a12}.cust-extension-page-title span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#2563eb}.cust-extension-page-title h2{margin:6px 0 4px}.cust-extension-page-title p{margin:0;color:#64748b;font-size:12px}.cust-extension-open-btn{margin-top:18px;border:0;background:#2563eb;color:#fff;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}.cust-extension-success{margin-top:14px;padding:12px 14px;border-radius:10px;background:#ecfdf5;border:1px solid #86efac;color:#166534;font-weight:800}.cust-extension-plan-summary{margin-top:12px;padding:11px 13px;background:#f8fafc;border-radius:10px;color:#475569;font-size:12px}.customer-maintenance-popup-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:11px 13px;border:1px solid #fde68a;border-radius:13px;background:#fffbeb;text-align:left}.customer-maintenance-popup-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#a16207}.customer-maintenance-popup-meta strong{font-size:12px;color:#92400e}.customer-category-filter{display:flex;align-items:center;gap:10px;margin:0 0 20px}.customer-category-filter>label{font-size:12px;font-weight:800;color:#475569}.customer-category-select-wrap{position:relative;min-width:180px}.customer-category-select,.cs-filter-select select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1.5px solid #dbe3ef;background:#fff;color:#1e293b;border-radius:10px;padding:9px 36px 9px 12px;font:700 12px/1.2 inherit;cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s}.customer-category-select:focus,.cs-filter-select select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.customer-category-select-wrap>svg,.cs-filter-select>svg{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:#64748b}.cs-filter-select-wrap{display:flex;align-items:center;gap:8px}.cs-filter-select-wrap>label{font-size:11px;font-weight:800;color:#64748b;white-space:nowrap}.cs-filter-select{position:relative;min-width:170px}.cs-nearest-hero{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);background:#ffffff17;border-radius:10px;color:#ffffffd1;font-size:11px}.cs-nearest-hero strong{color:#fff}.cs-nearest-hero b{color:#bfdbfe}@media(max-width:700px){.customer-category-filter{align-items:stretch;flex-direction:column;gap:6px}.customer-category-select-wrap,.cs-filter-select-wrap{width:100%}.cs-filter-select{flex:1;min-width:0}.cs-nearest-hero{width:100%;box-sizing:border-box;flex-wrap:wrap}}.support-emergency-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #fecaca;background:#fff7f7;color:#b91c1c;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer}.support-emergency-button:disabled{opacity:.5;cursor:not-allowed}.service-emergency-modal{max-width:860px}.service-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.service-steps>div{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:11px;font-weight:700}.service-steps b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e2e8f0;color:#64748b}.service-steps .active,.service-steps .done{color:#1d4ed8}.service-steps .active b,.service-steps .done b{background:#2563eb;color:#fff}.service-panel{padding:8px 4px}.service-panel h3{margin:5px 0 6px;font-size:21px}.service-panel p{margin:0 0 18px;color:#64748b;font-size:13px;line-height:1.55}.service-icon{width:58px;height:58px;border-radius:17px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;margin-bottom:14px}.service-location-card{display:flex;gap:10px;align-items:center;margin:14px 0;padding:13px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:12px;color:#1d4ed8}.service-location-card div{display:grid;gap:2px}.service-location-card span{font-size:11px;color:#475569}.service-field{display:grid;gap:7px;margin-top:15px;font-size:12px;font-weight:800;color:#334155}.service-field select,.service-date{padding:11px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.service-upload{min-height:150px;border:2px dashed #bfdbfe;background:#f8fbff;border-radius:16px;display:grid;place-items:center;text-align:center;padding:20px;color:#2563eb;cursor:pointer}.service-upload span{display:block;color:#64748b;font-size:11px}.service-photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:15px}.service-photo-grid div{position:relative;aspect-ratio:1;border-radius:11px;overflow:hidden;border:1px solid #e2e8f0}.service-photo-grid img{width:100%;height:100%;object-fit:cover}.service-photo-grid span{position:absolute;left:6px;top:6px;background:#0f172a;color:#fff;border-radius:7px;padding:3px 7px;font-size:10px;font-weight:800}.service-note{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;padding:13px;resize:vertical;font:inherit}.service-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.service-mode button{padding:15px;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:12px;cursor:pointer}.service-mode button.selected{border-color:#2563eb;background:#eff6ff}.service-mode b,.service-mode span{display:block}.service-mode span{font-size:11px;color:#64748b;margin-top:4px}.service-date{width:100%;margin-top:10px;box-sizing:border-box}.service-error{margin-bottom:10px;padding:10px 12px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:12px;font-weight:700}.service-analysis-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:14px;border:1px solid #dbeafe;background:#f8fbff;border-radius:14px}.service-analysis-head span{font-size:10px;font-weight:900;color:#2563eb;letter-spacing:.08em}.service-analysis-head h3{font-size:17px;margin:5px 0 0}.service-confidence{min-width:60px;text-align:center;font-size:20px;font-weight:900;color:#2563eb}.service-confidence small{display:block;font-size:9px;color:#64748b;font-weight:700}.service-findings{display:grid;gap:8px;margin-top:12px}.service-finding{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:11px 13px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.service-finding span{font-size:11px;color:#64748b;line-height:1.4}.service-finding em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:9px;text-transform:uppercase;font-weight:900;color:#b45309;background:#fffbeb;padding:5px 7px;border-radius:7px}.service-estimate{margin-top:14px;border:1px solid #dbeafe;border-radius:14px;overflow:hidden;background:#fff}.service-estimate-head{display:flex;justify-content:space-between;padding:13px 14px;background:#eff6ff;color:#1e3a8a}.service-estimate-head span{font-size:10px;color:#b45309;font-weight:800}.service-cost-row,.service-cost-total{display:flex;justify-content:space-between;padding:10px 14px;border-top:1px solid #f1f5f9;font-size:12px}.service-cost-total{font-size:14px;background:#f8fafc}.service-cost-total strong{font-size:19px;color:#1d4ed8}.service-estimate>small{display:block;padding:0 14px 13px;color:#64748b;font-size:10px;line-height:1.45}.service-action-summary{margin-top:10px;padding:11px 13px;background:#f8fafc;border-radius:10px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#475569}@media(max-width:700px){.service-steps{grid-template-columns:repeat(2,1fr)}.service-photo-grid{grid-template-columns:repeat(3,1fr)}.service-mode{grid-template-columns:1fr}.service-action-summary{display:grid}.support-emergency-button{margin-top:8px}}.service-quotation{padding-bottom:4px}.service-quote-top{display:flex;justify-content:space-between;gap:18px;align-items:stretch;padding:16px;border:1px solid #dbeafe;background:linear-gradient(135deg,#f8fbff,#eef6ff);border-radius:16px}.service-kicker{font-size:10px;font-weight:900;letter-spacing:.1em;color:#2563eb}.service-quote-top h3{font-size:18px;line-height:1.35;margin:6px 0}.service-quote-top small{display:block;color:#64748b;font-size:11px;line-height:1.5;max-width:620px}.service-total-badge{min-width:145px;padding:12px 15px;border-radius:13px;background:#fff;border:1px solid #bfdbfe;display:flex;flex-direction:column;justify-content:center;text-align:right}.service-total-badge span{font-size:9px;font-weight:900;color:#64748b}.service-total-badge strong{font-size:25px;color:#1d4ed8;margin-top:3px}.service-quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.service-quote-card{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:13px}.service-quote-full{margin-top:10px}.service-card-title{font-size:11px;font-weight:900;color:#0f172a;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.service-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.service-card-title-row>span{font-size:9px;font-weight:800;color:#64748b}.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-detail-grid div{min-width:0}.service-detail-grid span,.service-issue-summary span{display:block;color:#94a3b8;font-size:9px;font-weight:800;text-transform:uppercase;margin-bottom:3px}.service-detail-grid b{display:block;color:#1e293b;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-quote-images div{position:relative;overflow:hidden;border-radius:10px;border:1px solid #e2e8f0;aspect-ratio:1}.service-quote-images img{width:100%;height:100%;object-fit:cover;display:block}.service-quote-images span{position:absolute;left:5px;bottom:5px;background:#0f172ac7;color:#fff;padding:4px 6px;border-radius:6px;font-size:8px;font-weight:800}.service-issue-summary{display:grid;grid-template-columns:1.7fr .8fr .8fr;gap:12px}.service-issue-summary p{margin:0;color:#334155;font-size:11px;line-height:1.5}.service-issue-summary b{display:block;color:#1e293b;font-size:11px}.service-issue-summary small{display:block;color:#64748b;font-size:9px;margin-top:3px}.service-confidence-pill{padding:5px 8px;border-radius:99px;background:#eff6ff;color:#1d4ed8}.service-finding{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px}.service-finding>div{display:grid;gap:3px;min-width:0}.service-finding b{font-size:11px}.service-finding span{font-size:10px;color:#64748b;line-height:1.4}.service-finding em{flex:none}.service-cost-table{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.service-cost-header,.service-cost-row,.service-cost-total{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #eef2f7;font-size:11px}.service-cost-header{background:#f8fafc;color:#64748b;font-size:9px;font-weight:900;text-transform:uppercase}.service-cost-row span{display:grid;gap:3px}.service-cost-row span small{font-size:9px;color:#94a3b8}.service-cost-total{border-bottom:0;background:#f8fafc}.service-cost-total strong{font-size:20px;color:#1d4ed8}.service-range-note{margin-top:9px;padding:9px 11px;border-radius:9px;background:#f8fafc;color:#475569;font-size:10px}.service-quote-warning{margin-top:8px;padding:10px 11px;border-radius:9px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:10px;line-height:1.5}.service-quote-footer{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:11px 12px;border-radius:10px;background:#f8fafc;color:#64748b;font-size:10px}.service-quote-footer b{color:#1e293b}@media(max-width:700px){.service-quote-top,.service-quote-footer{display:grid}.service-total-badge{text-align:left;min-width:0}.service-quote-grid,.service-detail-grid,.service-issue-summary{grid-template-columns:1fr}.service-quote-images{grid-template-columns:repeat(3,1fr)}.service-cost-header,.service-cost-row,.service-cost-total{grid-template-columns:1fr auto}}.service-cost-table-three .service-cost-header,.service-cost-table-three .service-cost-row,.service-cost-table-three .service-cost-total{grid-template-columns:1.05fr 1.45fr .75fr}.service-cost-table-three .service-cost-header span:last-child,.service-cost-table-three .service-cost-row>b,.service-cost-table-three .service-cost-total>strong{text-align:right}.service-cost-table-three .service-cost-row>span:nth-child(2){color:#475569;line-height:1.4}.service-total-badge small{display:block;margin-top:5px;color:#64748b;font-size:9px;font-weight:800;white-space:nowrap}@media(max-width:700px){.service-cost-table-three .service-cost-header,.service-cost-table-three .service-cost-row,.service-cost-table-three .service-cost-total{grid-template-columns:1fr auto}.service-cost-table-three .service-cost-header span:nth-child(2),.service-cost-table-three .service-cost-row>span:nth-child(2),.service-cost-table-three .service-cost-total>span:nth-child(2){display:none}}.service-fast-modal{max-width:980px!important;width:min(96vw,980px)!important;max-height:92vh;overflow:hidden;border:1px solid rgba(148,163,184,.2);box-shadow:0 30px 90px #0f172a47}.service-five-steps{display:grid!important;grid-template-columns:repeat(5,1fr);gap:8px!important;padding:12px 18px!important;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#f8fafc)}.service-five-steps>div{min-width:0;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:8px 6px;border-radius:12px;color:#94a3b8;transition:.2s}.service-five-steps>div b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;color:#64748b;font-size:12px}.service-five-steps>div span{font-size:11px;font-weight:800;letter-spacing:.02em}.service-five-steps>div.active{background:#fff1f2;color:#be123c;box-shadow:inset 0 0 0 1px #fecdd3}.service-five-steps>div.active b{background:#e11d48;color:#fff}.service-five-steps>div.done{color:#15803d}.service-five-steps>div.done b{background:#dcfce7;color:#15803d}.service-modern-panel{padding:28px!important}.service-panel-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#e11d48;margin-bottom:14px}.service-modern-panel h3{font-size:25px!important;letter-spacing:-.025em;margin:4px 0 7px!important}.service-modern-panel>p{color:#64748b;max-width:680px;margin:0 0 18px;line-height:1.55}.service-location-card.ready{border-color:#bbf7d0!important;background:#f0fdf4!important}.service-location-card.ready svg{color:#16a34a}.service-bike-strip{margin-top:12px;border:1px solid #e2e8f0;border-radius:15px;padding:13px 15px;display:flex;align-items:center;gap:11px;background:#f8fafc}.service-bike-strip>svg:first-child{color:#e11d48}.service-bike-strip>div{display:grid;gap:2px;flex:1}.service-bike-strip span{font-size:12px;color:#64748b}.service-bike-strip>svg:last-child{color:#16a34a}.service-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.service-choice-grid button{border:1px solid #e2e8f0;background:#fff;border-radius:17px;padding:16px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:11px;row-gap:4px;cursor:pointer;transition:.2s;box-shadow:0 6px 20px #0f172a0a}.service-choice-grid button svg{grid-row:span 2;color:#64748b;margin-top:2px}.service-choice-grid button b{font-size:14px;color:#0f172a}.service-choice-grid button span{font-size:12px;color:#64748b}.service-choice-grid button:hover{border-color:#fda4af;transform:translateY(-1px)}.service-choice-grid button.selected{border-color:#fb7185;background:#fff1f2;box-shadow:0 8px 24px #e11d481a}.service-choice-grid button.selected svg{color:#e11d48}.service-choice-grid button:disabled{opacity:.5;cursor:not-allowed;transform:none}.service-service-location-title{display:flex;align-items:center;gap:8px;font-weight:900;color:#0f172a;margin-top:20px}.service-service-location-title svg{color:#e11d48}.service-selection-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:13px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700}.service-selection-summary span:last-child{color:#be123c}.service-quotation{padding-top:22px!important}.service-quote-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.service-quote-top h3{margin:4px 0!important}.service-quote-top small{color:#64748b;line-height:1.45}.service-total-badge{min-width:180px;padding:14px 16px;border-radius:18px;background:#0f172a;color:#fff;display:grid;gap:3px;text-align:right;box-shadow:0 12px 28px #0f172a2e}.service-total-badge span{font-size:10px;letter-spacing:.12em;color:#cbd5e1;font-weight:900}.service-total-badge strong{font-size:26px}.service-total-badge small{color:#cbd5e1}.service-quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-quote-card{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:15px}.service-quote-full{margin-top:12px}.service-card-title{font-weight:900;color:#0f172a;margin-bottom:12px}.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-detail-grid>div{display:grid;gap:4px}.service-detail-grid span,.service-issue-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;font-weight:800}.service-detail-grid b{font-size:13px;color:#1e293b}.service-quote-images{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.service-quote-images>div{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f1f5f9}.service-quote-images img{width:100%;height:100%;object-fit:cover}.service-quote-images span{position:absolute;left:6px;bottom:6px;background:#0f172abf;color:#fff;border-radius:7px;padding:3px 6px;font-size:10px;font-weight:800}.service-issue-summary{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.service-issue-summary>div{display:grid;gap:5px}.service-issue-summary p{margin:0;color:#334155;font-size:13px;line-height:1.55}.service-issue-summary b{font-size:13px}.service-issue-summary small{font-size:11px;color:#64748b}.service-findings{display:grid;gap:8px}.service-finding{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.service-finding>div{display:grid;gap:3px}.service-finding b{font-size:12px}.service-finding span{font-size:11px;color:#64748b}.service-finding em{font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase;color:#b45309}.service-cost-table-three{border:1px solid #e2e8f0;border-radius:13px;overflow:hidden}.service-cost-header,.service-cost-row{display:grid;grid-template-columns:1.25fr 1.2fr .65fr;gap:10px;padding:11px 12px;align-items:center}.service-cost-header{background:#f8fafc;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:900}.service-cost-row{border-top:1px solid #eef2f7;font-size:12px;color:#475569}.service-cost-row>b:last-child{text-align:right;color:#0f172a}.service-cost-total{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;padding:14px 12px;background:#fff1f2;border-top:1px solid #fecdd3}.service-cost-total span{font-weight:800;color:#475569;font-size:12px}.service-cost-total span:nth-child(2){font-size:10px;color:#9f1239}.service-cost-total strong{font-size:20px;color:#be123c}.service-quote-warning{margin-top:12px;padding:11px 12px;border-radius:11px;background:#fffbeb;color:#92400e;font-size:11px;line-height:1.5}@media(max-width:720px){.service-five-steps>div span{display:none}.service-choice-grid,.service-quote-grid,.service-issue-summary{grid-template-columns:1fr}.service-detail-grid{grid-template-columns:1fr 1fr}.service-quote-images{grid-template-columns:repeat(3,1fr)}.service-quote-top{flex-direction:column}.service-total-badge{width:100%;text-align:left}.service-cost-header,.service-cost-row,.service-cost-total{grid-template-columns:1fr}.service-cost-row>b:last-child{text-align:left}.service-fast-modal{max-height:95vh}}.service-support-section{margin:22px 0}.service-support-list{display:grid;gap:14px}.service-support-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px;box-shadow:0 10px 30px #0f172a0d}.service-support-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.service-support-id{font-size:9px;letter-spacing:.1em;font-weight:900;color:#94a3b8}.service-support-card h3{margin:4px 0;font-size:16px;color:#0f172a}.service-support-card-head small{color:#64748b;font-size:11px}.service-support-status{padding:6px 10px;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.05em;background:#fff7ed;color:#c2410c}.service-support-status.resolved{background:#dcfce7;color:#166534}.service-support-status.staff_working{background:#dbeafe;color:#1d4ed8}.service-support-status.staff_paused{background:#fef3c7;color:#92400e}.service-support-status.staff_completed{background:#ede9fe;color:#6d28d9}.service-support-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:20px}.service-support-step{position:relative;display:grid;justify-items:center;text-align:center;gap:7px;min-width:0}.service-support-step:not(:last-child):after{content:"";position:absolute;top:15px;left:60%;width:80%;height:2px;background:#e2e8f0;z-index:0}.service-support-step.done:not(:last-child):after{background:#22c55e}.service-support-step-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#94a3b8;font-size:11px;font-weight:900;z-index:1;border:3px solid #fff;box-shadow:0 0 0 1px #e2e8f0}.service-support-step.done .service-support-step-dot{background:#16a34a;color:#fff;box-shadow:0 0 0 1px #16a34a}.service-support-step>div:last-child{display:grid;gap:3px}.service-support-step strong{font-size:10px;color:#334155}.service-support-step span{font-size:9px;color:#94a3b8}.service-support-step em{font-size:9px;font-style:normal;color:#b45309;font-weight:800}.service-pause-history{margin-top:14px;padding:13px;border-radius:13px;background:#fffbeb;border:1px solid #fde68a;display:grid;gap:7px}.service-pause-history>b{font-size:11px;color:#92400e}.service-pause-history>div{display:grid;grid-template-columns:70px 1fr auto;gap:8px;font-size:10px;color:#475569}.service-pause-history small{color:#a16207}.service-proof-box{margin-top:14px;padding:13px;border-radius:14px;background:#f0fdf4;border:1px solid #bbf7d0;display:flex;justify-content:space-between;gap:15px}.service-proof-box>div:first-child{display:grid;gap:4px}.service-proof-box b{font-size:11px;color:#166534}.service-proof-box span{font-size:10px;color:#4b5563}.service-proof-images{display:flex;gap:6px}.service-proof-images img{width:48px;height:48px;border-radius:8px;object-fit:cover}.service-feedback-box{margin-top:14px;padding:15px;border-radius:15px;background:linear-gradient(135deg,#fff1f2,#fff);border:1px solid #fecdd3;display:grid;gap:10px}.service-feedback-box>div:first-child{display:grid;gap:3px}.service-feedback-box b{font-size:12px;color:#881337}.service-feedback-box span{font-size:10px;color:#64748b}.service-feedback-box textarea{min-height:70px;border:1px solid #fecdd3;border-radius:10px;padding:9px;font:inherit;font-size:11px;resize:vertical}.service-feedback-thanks{margin-top:14px;padding:11px 13px;border-radius:12px;background:#f0fdf4;color:#166534;font-size:11px;font-weight:800;border:1px solid #bbf7d0}@media(max-width:760px){.service-support-timeline{grid-template-columns:1fr;gap:10px;text-align:left}.service-support-step{grid-template-columns:30px 1fr;justify-items:start;text-align:left;align-items:center}.service-support-step:not(:last-child):after{display:none}.service-pause-history>div{grid-template-columns:1fr}.service-proof-box,.service-support-card-head{flex-direction:column}}.service-support-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.service-view-quotation{display:inline-flex;align-items:center;gap:7px;border:1px solid #dbeafe;background:#f8fbff;color:#1d4ed8;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:900;cursor:pointer;transition:.2s ease;box-shadow:0 4px 12px #2563eb0f}.service-view-quotation:hover,.service-view-quotation.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 8px 18px #2563eb2e}.service-saved-quotation{margin-top:14px;padding:15px;border-radius:18px;border:1px solid #dbeafe;background:linear-gradient(145deg,#f8fbff,#fff 55%,#f8fafc);box-shadow:inset 0 1px #ffffffe6,0 10px 30px #0f172a0d;overflow:hidden}.service-saved-quotation-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 15px;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe}.service-saved-quotation-top>div:first-child{display:grid;gap:3px}.service-saved-quotation-top span{font-size:8px;letter-spacing:.13em;font-weight:950;color:#2563eb}.service-saved-quotation-top h4{margin:0;font-size:15px;color:#0f172a}.service-saved-quotation-top small{font-size:9px;color:#64748b}.service-saved-total{display:grid;justify-items:end;gap:2px}.service-saved-total span{letter-spacing:.06em;font-size:8px;color:#64748b}.service-saved-total strong{font-size:21px;line-height:1;color:#0f172a}.service-saved-quotation-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}.service-saved-quote-section{padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.service-saved-section-title{display:flex;align-items:center;gap:9px;margin-bottom:11px}.service-saved-section-title>span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#eff6ff;color:#2563eb;font-size:8px;font-weight:950}.service-saved-section-title>div{display:grid;gap:2px}.service-saved-section-title b{font-size:11px;color:#0f172a}.service-saved-section-title small{font-size:8px;color:#94a3b8}.service-saved-photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.service-saved-photo{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc}.service-saved-photo img{width:100%;height:100%;display:block;object-fit:cover}.service-saved-photo span{position:absolute;left:4px;bottom:4px;padding:3px 5px;border-radius:5px;background:#0f172ac2;color:#fff;font-size:7px;font-weight:800}.service-saved-issue{padding:10px 11px;border-radius:10px;background:#f8fafc;border:1px solid #eef2f7;color:#334155;font-size:10px;line-height:1.55;margin-bottom:9px}.service-saved-meta{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #f1f5f9;font-size:9px}.service-saved-meta span{color:#94a3b8}.service-saved-meta b{color:#334155;text-align:right}.service-saved-breakdown{margin-top:12px}.service-saved-price-list{border:1px solid #e5e7eb;border-radius:11px;overflow:hidden}.service-saved-price-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #f1f5f9}.service-saved-price-row:last-of-type{border-bottom:0}.service-saved-price-row>div{display:grid;gap:3px;min-width:0}.service-saved-price-row b{font-size:10px;color:#1e293b}.service-saved-price-row small{font-size:8px;color:#94a3b8;line-height:1.3}.service-saved-price-row>strong{flex:none;font-size:11px;color:#0f172a}.service-saved-price-total{display:flex;justify-content:space-between;align-items:center;padding:12px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border-top:1px solid #dbeafe}.service-saved-price-total span{font-size:10px;font-weight:900;color:#334155}.service-saved-price-total strong{font-size:17px;color:#1d4ed8}@media(max-width:760px){.service-support-head-actions{width:100%;justify-content:flex-start;margin-top:7px}.service-saved-quotation-top{align-items:flex-start}.service-saved-quotation-grid{grid-template-columns:1fr}.service-saved-photo-grid{grid-template-columns:repeat(5,1fr)}.service-saved-total{justify-items:start}.service-saved-quotation-top{display:grid}.service-saved-price-row{align-items:flex-start}}@media(max-width:480px){.service-saved-photo-grid{grid-template-columns:repeat(3,1fr)}.service-view-quotation{width:100%;justify-content:center}.service-support-head-actions{align-items:stretch;flex-direction:column}.service-support-status{width:max-content}}button,input,select,textarea{font:inherit}textarea{resize:vertical}.shell-sidebar-layout{display:flex;min-height:100vh;background:#f5f6fa}.sidebar{width:240px;min-width:240px;background:#fff;border-right:1px solid #e4e7ef;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:100;transition:width .2s ease,min-width .2s ease;box-shadow:2px 0 8px #0000000a}.sidebar.collapsed{width:68px;min-width:68px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 14px;border-bottom:1px solid #f0f0f0}.sidebar-logo{display:flex;align-items:center;gap:10px;overflow:hidden}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid #e4e7ef;background:#f9fafb;color:#6b7280;cursor:pointer;flex-shrink:0;transition:background .12s}.sidebar-collapse-btn:hover{background:#f3f4f6;color:#1a1f2e}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:12px 10px;gap:2px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;border:none;background:transparent;color:#6b7280;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;text-align:left;width:100%}.sidebar-nav-item:hover{background:#f3f4f6;color:#1a1f2e}.sidebar-nav-item.active{background:#eff6ff;color:#1d4ed8;font-weight:600}.sidebar-nav-item svg{flex-shrink:0}.sidebar-footer{padding:14px 10px;border-top:1px solid #f0f0f0;display:flex;align-items:center;gap:8px}.sidebar-user{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:6px 8px;border-radius:10px;border:1px solid #e4e7ef;transition:background .12s;overflow:hidden}.sidebar-user:hover{background:#f9fafb}.user-info-block{min-width:0;overflow:hidden}.user-info-block .user-name{font-size:13px;font-weight:600;color:#1a1f2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info-block .user-role{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-sidebar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:8px;border:1px solid #fde8e8;background:#fef2f2;color:#ef4444;cursor:pointer;transition:background .12s}.logout-sidebar-btn:hover{background:#fee2e2}.avatar{width:34px;height:34px;border-radius:50%;background:#1d4ed8;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}.avatar-img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.mobile-topbar{display:none;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:#fff;border-bottom:1px solid #e4e7ef;position:sticky;top:0;z-index:101;box-shadow:0 1px 6px #0000000f}.topnav-logo{display:flex;align-items:center;gap:10px}.mobile-menu-btn{display:flex;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px}.mobile-nav{display:none;position:fixed;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e4e7ef;padding:12px;z-index:99;box-shadow:0 4px 20px #0000001a}.mobile-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:none;color:#374151;font-size:14px;font-weight:500;cursor:pointer;border-radius:10px}.mobile-nav-item:hover,.mobile-nav-item.active{background:#eff6ff;color:#1d4ed8}.mobile-nav-item.logout-mobile{color:#ef4444}.mobile-nav-item.logout-mobile:hover{background:#fef2f2}.page-content-area{flex:1;min-width:0;padding:28px 32px;overflow-y:auto}.page-body-full{padding:28px 32px;max-width:1400px;margin:0 auto;width:100%}.metric-card-clickable{cursor:pointer;transition:all .15s}.metric-card-clickable:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 4px 16px #1d4ed81a}.metric-arrow{font-size:20px;color:#d1d5db;font-weight:300;margin-left:auto;transition:color .15s}.metric-card-clickable:hover .metric-arrow{color:#1d4ed8}.card{background:#fff;border:1px solid #e4e7ef;border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000a}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid #e4e7ef;background:#f9fafb;color:#6b7280;cursor:pointer;transition:all .12s}.icon-btn.danger:hover{background:#fef2f2;color:#dc2626;border-color:#fde8e8}.btn-primary{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:#1d4ed8;color:#fff;border:none;border-radius:9px;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:#f3f4f6;color:#374151;border:1px solid #e4e7ef;border-radius:9px;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s}.btn-ghost:hover{background:#e5e7eb}.btn-danger-sm{padding:5px 12px;background:#fef2f2;color:#dc2626;border:1px solid #fde8e8;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;margin-top:6px}.work-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1/-1}.form-field label{font-size:12px;font-weight:600;color:#374151}.form-field input,.form-field select,.form-field textarea{padding:9px 12px;border:1.5px solid #e4e7ef;border-radius:9px;background:#f9fafb;color:#1a1f2e;outline:none;transition:border-color .15s;font-size:13px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#1d4ed8;background:#fff}.profile-field-val{padding:9px 12px;background:#f9fafb;border:1.5px solid #f0f0f0;border-radius:9px;font-size:13px;color:#374151;min-height:38px}.success-toast{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:16px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}}.greeting-banner{background:linear-gradient(135deg,#1d4ed8,#3b82f6,#06b6d4);border-radius:16px;padding:24px 28px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #1d4ed840}.greeting-left{display:flex;align-items:center;gap:16px}.greeting-emoji{font-size:36px}.greeting-text{font-size:20px;font-weight:800;color:#fff}.greeting-date{font-size:13px;color:#fffc;margin-top:2px}.greeting-right{display:flex;gap:10px;flex-wrap:wrap}.greeting-tag{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700}.greeting-tag.orange{background:#fff3;color:#fff}.greeting-tag.blue{background:#ffffff26;color:#fff}.dash-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.works-summary{display:flex;gap:12px;margin-bottom:14px}.works-sum-item{flex:1;text-align:center;padding:12px;border-radius:10px}.works-sum-item.pending{background:#fef3c7}.works-sum-item.completed{background:#f0fdf4}.works-sum-item.total{background:#eff6ff}.wsval{font-size:22px;font-weight:800;color:#1a1f2e}.wslabel{font-size:11px;color:#6b7280;font-weight:500;margin-top:2px}.work-mini-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f5f6fa;font-size:13px}.work-mini-row:last-child{border-bottom:none}.work-mini-title{color:#374151;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.works-tabs{display:flex;align-items:center;gap:4px;margin-bottom:18px;flex-wrap:wrap}.works-tab{padding:8px 18px;border:1.5px solid #e4e7ef;border-radius:20px;background:#fff;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:6px}.works-tab:hover{border-color:#1d4ed8;color:#1d4ed8}.works-tab.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.tab-count{background:#ffffff40;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.works-tab:not(.active) .tab-count{background:#f3f4f6;color:#6b7280}.add-work-btn{margin-left:auto;display:flex;align-items:center;gap:7px;padding:9px 18px;background:#1d4ed8;color:#fff;border:none;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer}.add-work-btn:hover{background:#1e40af}.works-list{display:flex;flex-direction:column;gap:10px}.work-card{background:#fff;border:1.5px solid #e4e7ef;border-radius:14px;padding:16px 18px;display:flex;gap:14px;align-items:flex-start;transition:border-color .15s}.work-card:hover{border-color:#bfdbfe}.work-card.done{opacity:.7;background:#fafafa}.work-card.done .work-title{text-decoration:line-through;color:#9ca3af}.work-card-left{flex-shrink:0;padding-top:2px}.work-check{background:none;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center}.work-check.checked{color:#16a34a}.check-circle{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%}.work-card-body{flex:1;min-width:0}.work-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap}.work-title{font-size:14px;font-weight:600;color:#1a1f2e}.work-desc{font-size:13px;color:#6b7280;margin-top:4px}.work-notes{font-size:12px;color:#9ca3af;margin-top:4px;font-style:italic}.work-meta{font-size:11px;color:#d1d5db;margin-top:8px}.prio-tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;text-transform:uppercase}.due-tag{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:12px}.work-card-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.work-form-card{border:1.5px solid #bfdbfe;background:#fafbff}.empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:40px;margin-bottom:12px}.empty-title{font-size:15px;font-weight:700;color:#374151;margin-bottom:4px}.empty-sub{font-size:13px;color:#9ca3af}.next-holiday-banner{background:linear-gradient(135deg,#059669,#10b981);border-radius:14px;padding:20px 24px;margin-bottom:20px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 16px #05966933}.nhb-icon{font-size:40px}.nhb-label{font-size:11px;color:#fffc;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.nhb-name{font-size:18px;font-weight:800;color:#fff;margin-top:2px}.nhb-date{font-size:13px;color:#ffffffd9;margin-top:2px}.nhb-count{margin-left:auto;text-align:center;font-size:40px;font-weight:900;color:#fff;line-height:1}.nhb-count span{display:block;font-size:11px;font-weight:600;color:#ffffffbf}.holiday-controls{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.region-tabs{display:flex;gap:6px;flex-wrap:wrap}.region-tab{padding:7px 16px;border:1.5px solid #e4e7ef;border-radius:20px;background:#fff;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;transition:all .12s}.region-tab:hover{border-color:#1d4ed8;color:#1d4ed8}.region-tab.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.month-filter{padding:7px 14px;border:1.5px solid #e4e7ef;border-radius:20px;background:#fff;color:#374151;font-size:12px;font-weight:500;outline:none;cursor:pointer}.holidays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.holiday-card{background:#fff;border:1.5px solid #e4e7ef;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:14px;transition:all .15s}.holiday-card:hover{border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.holiday-card.past{opacity:.5}.holiday-card.today{border-color:#10b981;background:#f0fdf9}.hc-icon{font-size:28px;flex-shrink:0}.hc-body{flex:1;min-width:0}.hc-name{font-size:13px;font-weight:700;color:#1a1f2e}.hc-date{font-size:12px;color:#6b7280;margin-top:2px}.hc-type{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;background:#eff6ff;color:#1d4ed8;text-transform:uppercase}.hc-type.regional{background:#fef3c7;color:#d97706}.today-tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;background:#d1fae5;color:#059669}.hc-days-left{font-size:10px;font-weight:700;color:#9ca3af}.leave-top-bar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.leave-form-card{border:1.5px solid #bfdbfe;background:#fafbff}.approval-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:10px 14px;font-size:12px;color:#1d4ed8;display:flex;align-items:center;gap:8px}.leaves-list{display:flex;flex-direction:column;gap:10px}.leave-card{background:#fff;border:1.5px solid #e4e7ef;border-radius:12px;padding:16px 18px;display:flex;gap:18px;align-items:flex-start}.leave-card-left{flex-shrink:0;min-width:120px}.leave-type-badge{display:inline-block;font-size:10px;font-weight:800;padding:3px 10px;border-radius:10px;letter-spacing:.05em}.leave-dates{font-size:13px;font-weight:600;color:#374151;margin-top:8px}.leave-days{font-size:12px;color:#9ca3af;margin-top:2px}.leave-card-body{flex:1;min-width:0}.leave-reason{font-size:13px;color:#374151;line-height:1.5}.leave-contact{font-size:12px;color:#6b7280;margin-top:6px}.leave-meta{font-size:11px;color:#d1d5db;margin-top:8px}.leave-card-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}.balance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.balance-card{background:#fff;border:1.5px solid #e4e7ef;border-radius:12px;padding:18px}.bc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.bc-type{font-size:13px;font-weight:700;color:#1a1f2e}.bc-remain{font-size:28px;font-weight:900}.bc-bar{height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden;margin-bottom:8px}.bc-bar-fill{height:100%;border-radius:3px;transition:width .3s}.bc-meta{font-size:12px;color:#9ca3af}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}.profile-photo-card{background:#fff;border:1.5px solid #e4e7ef;border-radius:16px;padding:28px 20px;text-align:center;position:sticky;top:80px}.profile-avatar-wrap{position:relative;display:inline-block;margin-bottom:16px}.profile-avatar-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #e4e7ef}.profile-avatar-default{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;font-size:40px;font-weight:800;display:grid;place-items:center;border:4px solid #e4e7ef}.photo-upload-btn{position:absolute;bottom:4px;right:0;width:30px;height:30px;border-radius:50%;background:#1d4ed8;color:#fff;border:2px solid #fff;display:grid;place-items:center;cursor:pointer}.profile-display-name{font-size:18px;font-weight:800;color:#1a1f2e}.profile-role-badge{display:inline-block;margin-top:6px;padding:4px 12px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:700;border-radius:12px}.profile-hub{font-size:12px;color:#9ca3af;margin-top:6px}.profile-quick-stats{display:flex;gap:0;margin-top:20px;border-top:1px solid #f0f0f0;padding-top:16px}.pqs-item{flex:1;text-align:center;padding:0 8px;border-right:1px solid #f0f0f0}.pqs-item:last-child{border-right:none}.pqs-val{font-size:20px;font-weight:800;color:#1a1f2e}.pqs-label{font-size:11px;color:#9ca3af;margin-top:2px}.profile-details{display:flex;flex-direction:column;gap:16px}.profile-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.prof-tab{display:flex;align-items:center;gap:7px;padding:9px 18px;border:1.5px solid #e4e7ef;border-radius:20px;background:#fff;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .12s}.prof-tab:hover{border-color:#1d4ed8;color:#1d4ed8}.prof-tab.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.doc-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.doc-field-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f9fafb;border:1.5px solid #e4e7ef;border-radius:12px}.dfc-icon{font-size:24px;flex-shrink:0}.dfc-body{flex:1;min-width:0}.dfc-label{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.dfc-val{font-size:15px;font-weight:700;color:#1a1f2e;letter-spacing:.05em}.dfc-input{width:100%;padding:7px 10px;border:1.5px solid #e4e7ef;border-radius:8px;background:#fff;font-size:14px;font-weight:600;letter-spacing:.05em;outline:none}.dfc-input:focus{border-color:#1d4ed8}.dfc-verified{color:#16a34a;font-size:16px;font-weight:800}.doc-privacy-note{font-size:11px;color:#9ca3af;margin-top:12px;text-align:center}.settings-list{display:flex;flex-direction:column;gap:0}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0}.setting-row:last-child{border-bottom:none}.setting-label{font-size:14px;font-weight:600;color:#1a1f2e}.setting-sub{font-size:12px;color:#9ca3af;margin-top:2px}.settings-select{padding:6px 12px;border:1.5px solid #e4e7ef;border-radius:8px;background:#f9fafb;font-size:13px;outline:none}.toggle-btn{width:46px;height:26px;border-radius:13px;background:#e4e7ef;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggle-btn.on{background:#1d4ed8}.toggle-knob{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 4px #0003}.toggle-btn.on .toggle-knob{transform:translate(20px)}@media(max-width:1100px){.dash-grid-3{grid-template-columns:1fr 1fr}.profile-layout{grid-template-columns:1fr}.profile-photo-card{position:static;display:flex;align-items:center;gap:24px;text-align:left;padding:20px}.profile-quick-stats{flex-direction:row;margin-top:0;border-top:none;padding-top:0;border-left:1px solid #f0f0f0;padding-left:20px}.sidebar{width:68px;min-width:68px}.sidebar-nav-item span,.sidebar-logo .logo-text,.user-info-block,.sidebar-collapse-btn{display:none}}@media(max-width:768px){.shell-sidebar-layout{flex-direction:column}.sidebar{display:none}.mobile-topbar{display:flex}.mobile-nav{display:flex;flex-direction:column}.page-content-area{padding:16px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dash-grid-3,.work-form-grid,.balance-grid{grid-template-columns:1fr}}@media(max-width:600px){.metric-grid{grid-template-columns:1fr 1fr}.greeting-banner{flex-direction:column;align-items:flex-start;gap:12px}.nhb-count{display:none}.holiday-controls{flex-direction:column;align-items:flex-start}.leave-card{flex-direction:column}.leave-top-bar{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.profile-photo-card{flex-direction:column;text-align:center}.profile-quick-stats{border-left:none;padding-left:0;border-top:1px solid #f0f0f0;padding-top:16px;margin-top:16px}}.duty-toggle-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:16px 20px;margin-bottom:18px;box-shadow:0 1px 4px #0000000d;gap:16px}.duty-toggle-left{display:flex;align-items:center;gap:14px}.duty-status-dot{width:13px;height:13px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #00000014}.duty-status-dot.on{background:#16a34a;box-shadow:0 0 0 4px #dcfce7}.duty-status-dot.off{background:#9ca3af;box-shadow:0 0 0 4px #f3f4f6}.duty-toggle-label{font-size:14px;font-weight:600;color:#111827}.duty-toggle-sub{font-size:12px;color:#6b7280;margin-top:2px}.duty-toggle-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:24px;padding:6px 18px 6px 8px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;transition:background .2s,box-shadow .2s;min-width:90px;position:relative}.duty-toggle-btn.off{background:#f3f4f6;color:#374151;border:1.5px solid #d1d5db}.duty-toggle-btn.on{background:#16a34a;color:#fff;border:1.5px solid #15803d;box-shadow:0 2px 8px #16a34a40}.duty-toggle-btn.off:hover{background:#e5e7eb}.duty-toggle-btn.on:hover{background:#15803d}.duty-toggle-knob{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;flex-shrink:0}.duty-toggle-btn.off .duty-toggle-knob{background:#9ca3af}.duty-toggle-text{-webkit-user-select:none;user-select:none}.duty-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:24px;padding:6px 20px;font-size:12px;font-weight:700;letter-spacing:.6px;pointer-events:none;-webkit-user-select:none;user-select:none;min-width:70px}.duty-status-badge.off{background:#f3f4f6;color:#6b7280;border:1.5px solid #d1d5db}.duty-status-badge.on{background:#dcfce7;color:#15803d;border:1.5px solid #86efac}.duty-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.duty-confirm-modal{background:#fff;border-radius:18px;padding:32px 28px;max-width:380px;width:100%;text-align:center;box-shadow:0 8px 40px #0000002e}.duty-confirm-icon{font-size:48px;margin-bottom:12px}.duty-confirm-title{font-size:20px;font-weight:700;color:#111827;margin-bottom:10px}.duty-confirm-body{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:24px}.duty-confirm-btns{display:flex;gap:10px;justify-content:center}.btn-duty-on{background:#16a34a;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-weight:700;cursor:pointer;font-size:14px}.btn-duty-on:hover{background:#15803d}.btn-duty-off{background:#dc2626;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-weight:700;cursor:pointer;font-size:14px}.btn-duty-off:hover{background:#b91c1c}.page-center-loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}#staff-hub-map{width:100%;height:100%}.mobile-profile-btn,.mobile-profile-avatar,.mobile-profile-avatar-img,.mobile-profile-online,.staff-mobile-launcher,.staff-mobile-bottom-nav{display:none}.feature-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.feature-header-left{display:flex;align-items:center;gap:11px;min-width:0}.feature-header h1{font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.025em;color:#172033}.feature-header p{margin-top:4px;color:#7a8497;font-size:12px}.feature-title-icon{width:42px;height:42px;border-radius:13px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;flex:0 0 auto}.mobile-back-btn{display:none;border:0;background:#fff;color:#475569;align-items:center;justify-content:center;gap:4px}.premium-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;background:#2563eb;color:#fff;padding:10px 14px;font-size:12px;font-weight:750;cursor:pointer;box-shadow:0 6px 16px #2563eb2e}.premium-btn.ghost{background:#f8fafc;color:#334155;border:1px solid #e4e8f0;box-shadow:none}.premium-btn.full{width:100%}.premium-btn:disabled{opacity:.55;cursor:not-allowed}.feature-stack{display:grid;gap:12px}.feature-card{background:#fff;border:1px solid #e7eaf0;border-radius:17px;padding:18px;box-shadow:0 7px 25px #0f172a0b}.feature-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.feature-card-head b{font-size:14px;color:#182033}.feature-card-head span{font-size:11px;color:#94a3b8}.premium-empty{min-height:230px;background:#fff;border:1px dashed #dbe1eb;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#94a3b8;padding:30px}.premium-empty svg{color:#6366f1}.premium-empty b{font-size:15px;color:#334155}.premium-empty span{font-size:12px;max-width:320px;line-height:1.5}.notification-card{position:relative;width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;border:1px solid #e7eaf0;background:#fff;border-radius:15px;padding:14px;cursor:pointer;transition:.16s}.notification-card.unread{border-left:4px solid #2563eb;background:#fafdff}.notification-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px #0f172a0f}.notification-icon{width:38px;height:38px;border-radius:12px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;flex:0 0 auto}.notification-body{display:grid;gap:4px;min-width:0}.notification-body strong{font-size:13px;color:#172033}.notification-body span{font-size:12px;color:#596579;line-height:1.45}.notification-body small{font-size:10px;color:#9aa3b3}.notification-card i{width:7px;height:7px;border-radius:50%;background:#2563eb;position:absolute;top:13px;right:13px}.attendance-hero,.performance-hero{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #e0e7ff;border-radius:20px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.attendance-hero small,.performance-hero small{display:block;color:#718096;font-size:11px;font-weight:600}.attendance-hero strong,.performance-hero strong{display:block;color:#172554;font-size:28px;letter-spacing:-.04em;margin:3px 0 5px}.attendance-hero span{font-size:11px;color:#64748b}.live-dot{color:#16a34a!important}.duty-big-btn{border:0;border-radius:14px;background:#172033;color:#fff;padding:12px 16px;font-weight:750;font-size:12px;cursor:pointer}.duty-big-btn.on{background:#dc2626}.mini-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.mini-stat-grid>div{background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:14px;text-align:center}.mini-stat-grid b{display:block;font-size:18px;color:#172033}.mini-stat-grid span{display:block;margin-top:3px;color:#8993a5;font-size:10px}.location-chip{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;background:#ecfdf5;color:#047857;border-radius:99px;font-size:10px;font-weight:700}.log-row{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #f1f3f6;font-size:11px;color:#5b6678}.log-row em{font-style:normal;font-size:9px;font-weight:750;padding:4px 7px;border-radius:99px;background:#f1f5f9;color:#64748b}.check-row{display:flex;align-items:center;gap:10px;width:100%;padding:11px 0;border:0;border-top:1px solid #f1f3f6;background:none;text-align:left;color:#334155;font-size:12px;cursor:pointer}.check-row.done{color:#16a34a;text-decoration:line-through}.check-box{width:20px;height:20px;border:1.5px solid #cbd5e1;border-radius:6px;display:block}.doc-vault-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vault-doc-card{position:relative;display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center;background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:15px;text-decoration:none;color:inherit;box-shadow:0 6px 22px #0f172a0a}.vault-doc-icon{grid-row:span 2;width:42px;height:42px;border-radius:12px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center}.vault-doc-card strong{font-size:13px;color:#1f2937}.vault-doc-card small{font-size:10px;color:#8a94a5}.doc-open{grid-column:2;margin-top:6px;display:flex;align-items:center;gap:5px;color:#2563eb;font-size:10px;font-weight:750}.payslip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.payslip-card{background:#fff;border:1px solid #e7eaf0;border-radius:18px;padding:17px;box-shadow:0 7px 25px #0f172a0b}.payslip-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.payslip-top small{display:block;color:#8993a5;font-size:10px}.payslip-top strong{display:block;margin-top:4px;color:#172033;font-size:24px;letter-spacing:-.03em}.payslip-top>span{font-size:8px;font-weight:800;color:#64748b;background:#f1f5f9;border-radius:99px;padding:5px 7px}.salary-lines{display:grid;gap:7px;margin:15px 0;border-top:1px solid #f1f3f6;padding-top:12px}.salary-lines span{display:flex;justify-content:space-between;color:#667085;font-size:11px}.salary-lines b{color:#263143}.published-pill{display:block;text-align:center;padding:9px;background:#ecfdf5;color:#047857;border-radius:10px;font-size:11px;font-weight:750}.ticket-card{background:#fff;border:1px solid #e7eaf0;border-radius:17px;padding:16px;box-shadow:0 7px 25px #0f172a0a}.ticket-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.ticket-head span{font-size:10px;color:#8b95a5;font-weight:700}.ticket-head em{font-style:normal;font-size:9px;font-weight:800;padding:4px 8px;border-radius:99px;background:#eef2ff;color:#4f46e5}.ticket-card>strong{font-size:14px;color:#1f2937}.ticket-card>p{font-size:11px;color:#687386;line-height:1.5;margin:7px 0 10px}.ticket-thread{display:grid;gap:7px}.ticket-thread>div{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:#f8fafc}.ticket-thread .mine{background:#eff6ff}.ticket-thread b{font-size:9px;color:#64748b}.ticket-thread span{font-size:11px;color:#334155}.ticket-reply,.admin-reply{display:flex;gap:7px;margin-top:10px}.ticket-reply input,.admin-reply input{flex:1;min-width:0;border:1px solid #e2e8f0;border-radius:10px;padding:9px 10px;font-size:11px;outline:none}.ticket-reply button,.admin-reply button{border:0;border-radius:10px;background:#eef2ff;color:#4338ca;padding:0 11px;cursor:pointer}.performance-hero{justify-content:flex-start}.progress-ring{margin-left:auto;width:76px;height:76px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid #c7d2fe}.progress-ring span{font-size:17px;font-weight:800;color:#312e81}.progress-ring small{font-size:8px;color:#7c3aed}.shift-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e7eaf0;border-radius:15px;padding:13px}.shift-date{width:46px;height:46px;border-radius:13px;background:#eff6ff;color:#2563eb;display:flex;flex-direction:column;align-items:center;justify-content:center}.shift-date b{font-size:17px}.shift-date small{font-size:8px;font-weight:700}.shift-card>div:nth-child(2){flex:1;display:grid;gap:4px}.shift-card strong{font-size:12px;color:#253044}.shift-card span{font-size:10px;color:#8a94a5}.shift-card em{font-style:normal;font-size:9px;font-weight:750;color:#16a34a;background:#ecfdf5;border-radius:99px;padding:5px 8px}.recognition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.recognition-card{display:flex;gap:12px;background:#fff;border:1px solid #e7eaf0;border-radius:17px;padding:16px}.recognition-card>span{width:44px;height:44px;border-radius:14px;background:#fff7ed;color:#ea580c;display:grid;place-items:center;flex:0 0 auto}.recognition-card strong{font-size:13px;color:#1f2937}.recognition-card p{font-size:11px;color:#697487;margin:4px 0}.recognition-card small{font-size:9px;color:#9aa3b3}.search-box{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e3e7ef;border-radius:15px;padding:12px 14px;margin-bottom:12px;box-shadow:0 5px 18px #0f172a09}.search-box input{border:0;outline:none;width:100%;font-size:13px}.search-results{display:grid;gap:9px}.search-result{display:grid;gap:3px;text-align:left;border:1px solid #e7eaf0;background:#fff;border-radius:14px;padding:13px;cursor:pointer}.search-result span{font-size:9px;color:#4f46e5;font-weight:800;text-transform:uppercase}.search-result strong{font-size:12px;color:#1f2937}.search-result small{font-size:10px;color:#8a94a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.security-card{max-width:620px}.security-banner{display:flex;gap:10px;padding:12px;border-radius:13px;background:#eff6ff;color:#2563eb;margin-bottom:16px}.security-banner div{display:grid;gap:3px}.security-banner b{font-size:12px}.security-banner span{font-size:10px;color:#64748b}.staff-proof-modal{max-width:620px}.proof-job-summary{display:flex;justify-content:space-between;padding:12px;border-radius:12px;background:#f8fafc;margin-bottom:13px}.proof-job-summary strong{font-size:13px}.proof-job-summary span{font-size:11px;color:#64748b}.upload-drop{display:flex;align-items:center;gap:10px;border:1.5px dashed #cbd5e1;border-radius:13px;padding:13px;cursor:pointer;color:#4f46e5;margin-bottom:10px}.upload-drop span{display:grid;gap:2px}.upload-drop b{font-size:11px}.upload-drop small{font-size:9px;color:#94a3b8}.upload-drop input{display:none}.proof-thumb-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.proof-thumb{position:relative;width:56px;height:56px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;overflow:hidden}.proof-thumb img{width:100%;height:100%;object-fit:cover}.proof-thumb button{position:absolute;top:2px;right:2px;width:16px;height:16px;border:0;border-radius:50%;background:#111827;color:#fff;font-size:11px;cursor:pointer}.signature-box{border:1px solid #e2e8f0;border-radius:13px;overflow:hidden;margin-top:8px}.signature-head{display:flex;justify-content:space-between;padding:8px 10px;background:#f8fafc;font-size:10px;font-weight:750}.signature-head button{border:0;background:none;color:#2563eb;font-size:10px;cursor:pointer}.signature-box canvas{display:block;width:100%;height:130px;background:#fff;touch-action:none}.modal-body{padding:18px;max-height:70vh;overflow:auto}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #edf0f5}.admin-feature-tabs{display:flex;gap:8px;margin-bottom:16px}.admin-feature-tabs button{display:inline-flex;align-items:center;gap:7px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:9px 13px;color:#64748b;font-size:12px;font-weight:700;cursor:pointer}.admin-feature-tabs button.active{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.command-comm-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.comm-banner-preview{display:flex;gap:10px;padding:13px;border-radius:13px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);color:#4338ca;margin-bottom:16px}.comm-banner-preview div{display:grid;gap:3px}.comm-banner-preview b{font-size:12px}.comm-banner-preview span{font-size:10px;color:#64748b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:11px;font-weight:700;color:#475569}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:5px;border:1px solid #e2e8f0;border-radius:10px;padding:10px;background:#fff;outline:none;font-size:12px}.switch-field{display:flex;gap:9px;align-items:center}.switch-field input{width:auto;margin:0}.switch-field span{display:grid;gap:2px}.switch-field small{font-size:9px;color:#94a3b8;font-weight:500}.comm-history{display:grid;gap:8px}.comm-history-row{display:flex;gap:8px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #f1f3f6}.comm-history-row>span{font-size:8px;font-weight:800;padding:4px 6px;border-radius:99px;background:#eff6ff;color:#2563eb}.comm-history-row>span.banner-mark{background:#fff7ed;color:#ea580c}.comm-history-row div{display:grid;gap:2px}.comm-history-row b{font-size:11px}.comm-history-row small{font-size:9px;color:#94a3b8}.support-admin-desc{font-size:12px;color:#64748b;line-height:1.5}.admin-thread{display:grid;gap:6px;margin-top:10px}.admin-thread>div{display:grid;gap:2px;background:#f8fafc;border-radius:9px;padding:8px}.admin-thread b{font-size:8px;color:#64748b}.admin-thread span{font-size:10px;color:#334155}@media(max-width:768px){.sidebar{display:none}.shell-sidebar-layout{display:block;min-height:100dvh}.mobile-topbar{display:flex;height:64px;padding:0 15px;background:#fffffff5;border-bottom:1px solid #edf0f5;position:sticky;top:0;z-index:101;box-shadow:0 1px 8px #0f172a0d}.topnav-logo img{height:31px!important}.mobile-profile-btn{display:grid;position:relative;width:40px;height:40px;padding:2px;border:0;border-radius:50%;background:#eef2ff;place-items:center}.mobile-profile-avatar,.mobile-profile-avatar-img{display:grid;width:36px;height:36px;border-radius:50%;place-items:center;object-fit:cover}.mobile-profile-avatar{background:linear-gradient(135deg,#ddd6fe,#dbeafe);color:#4338ca;font-weight:800}.mobile-profile-online{display:block;position:absolute;right:1px;bottom:1px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#22c55e}.mobile-menu-btn,.mobile-nav{display:none!important}.page-content-area{padding:14px 10px 94px}.page-header{margin-bottom:13px}.page-title{font-size:19px}.page-sub{font-size:11px}.staff-mobile-launcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 6px;margin:4px 0 16px}.staff-mobile-launch-item{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent;color:#596579;font-size:9px;font-weight:650;cursor:pointer;padding:2px}.staff-mobile-launch-item.active{color:#2563eb}.staff-mobile-launch-icon{position:relative;width:54px;height:54px;border-radius:17px;display:grid;place-items:center}.staff-mobile-launch-icon.blue{background:#dbeafe;color:#2563eb}.staff-mobile-launch-icon.indigo{background:#e0e7ff;color:#4f46e5}.staff-mobile-launch-icon.green{background:#dcfce7;color:#16a34a}.staff-mobile-launch-icon.orange{background:#ffedd5;color:#ea580c}.staff-mobile-launch-icon.pink{background:#fce7f3;color:#db2777}.staff-mobile-launch-icon.teal{background:#ccfbf1;color:#0f766e}.staff-mobile-launch-icon.violet{background:#ede9fe;color:#7c3aed}.staff-mobile-launch-icon.sky{background:#e0f2fe;color:#0284c7}.staff-mobile-launch-icon.amber{background:#fef3c7;color:#d97706}.staff-mobile-launch-icon.purple{background:#ede9fe;color:#6366f1}.staff-mobile-launch-icon.mint{background:#ccfbf1;color:#0f766e}.staff-mobile-launch-icon.rose{background:#fce7f3;color:#db2777}.staff-mobile-launch-icon b{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid #fff;border-radius:99px;background:#ef4444;color:#fff;font-size:8px}.staff-mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:6px;right:6px;bottom:6px;height:68px;background:#fffffff7;border:1px solid #eef0f4;border-radius:25px;box-shadow:0 10px 35px #0f172a24;z-index:1000;padding-bottom:max(2px,env(safe-area-inset-bottom))}.staff-mobile-bottom-nav button{position:relative;border:0;background:transparent;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px;font-weight:700}.staff-mobile-bottom-nav button.active{color:#4f46e5}.staff-mobile-bottom-nav button.active svg{stroke-width:2.6}.bottom-badge{position:absolute;top:7px;right:24%;min-width:15px;height:15px;display:grid;place-items:center;border:2px solid #fff;border-radius:99px;background:#ef4444;color:#fff;font-size:7px}.feature-header{margin-bottom:13px}.feature-title-icon{display:none}.feature-header h1{font-size:20px}.feature-header p{font-size:10px}.mobile-back-btn{display:flex;width:36px;height:36px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 3px 10px #0f172a0d;flex:0 0 auto}.mobile-back-btn span{display:none}.premium-btn{padding:9px 11px;font-size:10px}.feature-card{padding:14px;border-radius:15px}.attendance-hero,.performance-hero{padding:16px;border-radius:17px}.attendance-hero strong,.performance-hero strong{font-size:23px}.duty-big-btn{padding:10px 12px;font-size:10px}.mini-stat-grid{grid-template-columns:repeat(2,1fr)}.doc-vault-grid,.payslip-grid,.recognition-grid,.command-comm-grid,.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.log-row{grid-template-columns:70px 1fr;gap:5px}.log-row em{grid-column:2;width:max-content}.staff-proof-modal{max-width:none}.modal-drawer{max-width:100%!important;width:100%}.modal-body{max-height:65vh}.signature-box canvas{height:120px}.page-content-area>.page-header:first-child{margin-top:1px}}@media(min-width:769px){.mobile-back-btn{display:none!important}}body.staff-dark{background:#0f172a;color:#e5e7eb}body.staff-dark .shell-sidebar-layout{background:#0f172a}body.staff-dark .sidebar,body.staff-dark .mobile-topbar,body.staff-dark .card,body.staff-dark .feature-card,body.staff-dark .metric-card,body.staff-dark .premium-empty,body.staff-dark .notification-card,body.staff-dark .vault-doc-card,body.staff-dark .payslip-card,body.staff-dark .ticket-card,body.staff-dark .shift-card,body.staff-dark .recognition-card,body.staff-dark .search-result,body.staff-dark .search-box,body.staff-dark .mini-stat-grid>div{background:#111827;border-color:#243044;color:#e5e7eb}body.staff-dark .page-title,body.staff-dark .feature-header h1,body.staff-dark .card-title,body.staff-dark .feature-card-head b,body.staff-dark .notification-body strong,body.staff-dark .vault-doc-card strong,body.staff-dark .payslip-top strong,body.staff-dark .ticket-card>strong,body.staff-dark .shift-card strong,body.staff-dark .recognition-card strong{color:#f8fafc}body.staff-dark .page-sub,body.staff-dark .feature-header p,body.staff-dark .notification-body span,body.staff-dark .notification-body small,body.staff-dark .vault-doc-card small,body.staff-dark .ticket-card>p,body.staff-dark .shift-card span,body.staff-dark .recognition-card p{color:#94a3b8}body.staff-dark .staff-mobile-bottom-nav{background:#111827fa;border-color:#243044}body.staff-dark .staff-mobile-bottom-nav button{color:#94a3b8}.job-timeline{display:grid;grid-template-columns:1fr;gap:0;margin:0 0 14px;padding:10px 0}.timeline-item{display:flex;gap:9px;position:relative;min-height:36px}.timeline-item>span{width:9px;height:9px;border-radius:50%;background:#cbd5e1;margin-top:3px;z-index:1;flex:0 0 auto}.timeline-item:not(:last-child)>span:after{content:"";position:absolute;left:4px;top:12px;bottom:0;width:1px;background:#e2e8f0}.timeline-item.done>span{background:#2563eb}.timeline-item div{display:grid;gap:1px}.timeline-item b{font-size:9px;color:#475569}.timeline-item small{font-size:9px;color:#94a3b8}.works-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.works-mode-btn{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e3e7ef;background:#fff;border-radius:14px;padding:12px 14px;color:#64748b;font-size:12px;font-weight:750;cursor:pointer}.works-mode-btn b{min-width:22px;padding:3px 7px;border-radius:99px;background:#f1f5f9;color:#475569;font-size:10px}.works-mode-btn.active{background:#eef2ff;border-color:#c7d2fe;color:#4338ca;box-shadow:0 5px 16px #4338ca14}.works-mode-btn.active b{background:#4338ca;color:#fff}.job-card-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.job-card-summary{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #e7eaf0;background:#fff;border-radius:17px;padding:14px;cursor:pointer;box-shadow:0 6px 22px #0f172a0a;color:#334155}.job-card-summary>span:nth-child(2){display:grid;gap:2px;flex:1}.job-card-summary b{font-size:22px;line-height:1;color:#172033}.job-card-summary small{font-size:10px;color:#7c8798;font-weight:650}.job-card-summary-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#fef3c7;color:#d97706;font-size:18px}.job-card-summary.completed .job-card-summary-icon{background:#dcfce7;color:#16a34a}.job-card-summary.active.pending{border-color:#fbbf24;background:#fffbeb}.job-card-summary.active.completed{border-color:#86efac;background:#f0fdf4}.job-card-summary svg{color:#94a3b8}@media(max-width:768px){.works-mode-tabs{gap:8px}.works-mode-btn{padding:10px 8px;font-size:11px;border-radius:13px}.job-card-summary-grid{grid-template-columns:1fr;gap:9px}.job-card-summary{padding:13px;border-radius:15px}.job-card-summary b{font-size:20px}.staff-mobile-launcher{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 4px}.staff-mobile-launch-icon{width:51px;height:51px;border-radius:16px}.staff-mobile-launch-item{font-size:8px;gap:5px}.staff-mobile-launch-icon svg{width:21px;height:21px}.feature-header h1{font-weight:800;letter-spacing:-.025em}.feature-header p,.page-sub{display:none}}.attendance-calendar-card{margin-top:12px}.attendance-week-head,.attendance-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.attendance-week-head{margin-bottom:6px}.attendance-week-head span{font-size:9px;font-weight:750;color:#94a3b8;text-align:center}.attendance-calendar-grid span{height:30px;display:grid;place-items:center;border-radius:9px;font-size:10px;font-weight:700;color:#64748b;background:#f8fafc}.attendance-calendar-grid .present{background:#dcfce7;color:#15803d}.attendance-calendar-grid .late{background:#fef3c7;color:#b45309}.attendance-calendar-grid .absent{background:#fee2e2;color:#b91c1c}.attendance-calendar-grid .future{background:#f8fafc;color:#cbd5e1}.legend-dot.attendance-present{background:#22c55e}.legend-dot.attendance-late{background:#f59e0b}.legend-dot.attendance-absent{background:#ef4444}.support-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.support-category{display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center;text-align:left;border:1px solid #e7eaf0;background:#fff;border-radius:15px;padding:11px;cursor:pointer}.support-category>span{grid-row:span 2;width:34px;height:34px;border-radius:10px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center}.support-category b{font-size:11px;color:#253044}.support-category small{font-size:8px;color:#94a3b8;margin-top:2px}.support-category.active{border-color:#c7d2fe;background:#f8faff}.support-category.active>span{background:#4f46e5;color:#fff}@media(max-width:768px){.support-category-grid{grid-template-columns:1fr 1fr;gap:8px}.support-category{padding:10px}.support-category small{font-size:7px}}.dashboard-premium-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:16px;margin-bottom:18px}.dashboard-section{min-width:0}.premium-panel{background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid #e7ebf3;border-radius:20px;padding:18px;box-shadow:0 8px 30px #0f172a0b,0 1px 2px #0f172a08;overflow:hidden}.dashboard-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.dashboard-section-title{display:flex;align-items:center;gap:8px;color:#172033;font-size:14px;font-weight:800;letter-spacing:-.01em}.dashboard-section-sub{font-size:11px;color:#8a94a6;margin:5px 0 0 36px;line-height:1.35}.section-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.live-icon{background:#eff6ff;color:#2563eb}.works-icon{background:#eef2ff;color:#4f46e5}.live-badge{display:inline-flex;align-items:center;gap:5px;margin-left:3px;padding:4px 8px;border-radius:99px;background:#ecfdf3;color:#15803d;font-size:9px;font-weight:800;letter-spacing:.02em}.live-badge i{width:5px;height:5px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.section-link{display:inline-flex;align-items:center;gap:2px;border:0;background:transparent;color:#4f46e5;font-size:11px;font-weight:800;padding:5px 2px;cursor:pointer;white-space:nowrap}.section-link:hover{color:#3730a3}.active-job-list{display:flex;flex-direction:column;gap:8px}.active-job-row{position:relative;width:100%;display:grid;grid-template-columns:3px 34px minmax(0,1fr) auto 16px;align-items:center;gap:10px;text-align:left;border:1px solid #edf0f5;background:#fff;border-radius:14px;padding:10px 10px 10px 0;cursor:pointer;overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s}.active-job-row:hover{transform:translateY(-1px);border-color:#dbe4f4;box-shadow:0 7px 18px #0f172a0f}.job-priority-bar{align-self:stretch;border-radius:0 4px 4px 0}.job-priority-bar.high{background:#ef4444}.job-priority-bar.medium{background:#f59e0b}.job-priority-bar.normal{background:#3b82f6}.job-row-icon{width:34px;height:34px;border-radius:11px;background:#f1f5ff;color:#4f46e5;display:grid;place-items:center}.job-row-main{display:grid;gap:3px;min-width:0}.job-row-main strong{font-size:11px;color:#263247;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-row-main small{font-size:9px;color:#929bad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-row-side{display:grid;justify-items:end;gap:4px}.job-status,.job-priority{font-style:normal;white-space:nowrap}.job-status{font-size:8px;font-weight:800;padding:4px 7px;border-radius:99px;background:#f1f5f9;color:#64748b}.job-status.assigned{background:#f3e8ff;color:#7c3aed}.job-status.in-progress,.job-status.active,.job-status.started{background:#dbeafe;color:#2563eb}.job-status.completed{background:#dcfce7;color:#15803d}.job-priority{font-size:7px;font-weight:800;letter-spacing:.05em}.job-priority.high{color:#dc2626}.job-priority.medium{color:#d97706}.job-priority.normal{color:#2563eb}.job-row-chevron{color:#c0c7d3}.works-premium-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.work-stat-card{min-width:0;border:1px solid #edf0f4;border-radius:14px;background:#fff;padding:10px 7px;display:grid;justify-items:center;gap:4px;cursor:pointer;transition:transform .15s,box-shadow .15s}.work-stat-card:hover{transform:translateY(-1px);box-shadow:0 6px 15px #0f172a0d}.work-stat-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center}.work-stat-card strong{font-size:18px;line-height:1;color:#172033;font-weight:850}.work-stat-card small{font-size:8px;color:#7f899a;font-weight:700;white-space:nowrap}.work-stat-card.pending .work-stat-icon{background:#fff4cf;color:#d97706}.work-stat-card.progress .work-stat-icon{background:#dbeafe;color:#2563eb}.work-stat-card.completed .work-stat-icon{background:#dcfce7;color:#16a34a}.work-stat-card.total .work-stat-icon{background:#ede9fe;color:#7c3aed}.works-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8a94a6;font-weight:650;margin-bottom:6px}.works-progress-head b{font-size:10px;color:#4f46e5}.works-progress-track{height:6px;border-radius:99px;background:#edf1f7;overflow:hidden;margin-bottom:11px}.works-progress-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#6366f1,#2563eb);transition:width .35s ease}.recent-work-list{display:flex;flex-direction:column}.recent-work-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;border:0;border-top:1px solid #f1f3f7;background:transparent;text-align:left;padding:9px 0;cursor:pointer}.recent-work-row>span:nth-child(2){display:grid;gap:2px;min-width:0}.recent-work-row strong{font-size:10px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-work-row small{font-size:8px;color:#a0a8b7}.recent-work-dot{width:7px;height:7px;border-radius:50%;background:#6366f1}.mini-work-status{font-size:7px;font-weight:800;font-style:normal;padding:4px 6px;border-radius:99px;background:#f1f5f9;color:#64748b;text-transform:capitalize}.mini-work-status.completed{background:#dcfce7;color:#15803d}.mini-work-status.pending{background:#fef3c7;color:#b45309}.mini-work-status.in-progress,.mini-work-status.active{background:#dbeafe;color:#2563eb}.dashboard-empty{display:grid;justify-items:center;text-align:center;padding:24px 10px;color:#8c96a7}.dashboard-empty>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#f1f5ff;color:#6366f1;margin-bottom:8px}.dashboard-empty strong{font-size:11px;color:#556176;font-weight:800}.dashboard-empty small{font-size:9px;color:#a0a8b7;margin-top:3px}.compact-empty{min-height:120px}.feature-card,.notification-card,.vault-doc-card,.payslip-card,.ticket-card,.shift-card,.recognition-card,.search-result{border-radius:17px!important;box-shadow:0 7px 24px #0f172a09!important;transition:transform .16s,box-shadow .16s,border-color .16s}.feature-card:hover,.notification-card:hover,.vault-doc-card:hover,.payslip-card:hover,.ticket-card:hover,.shift-card:hover,.recognition-card:hover,.search-result:hover{border-color:#d9e1f0!important;box-shadow:0 10px 28px #0f172a0f!important}.form-grid input,.form-grid select,.form-grid textarea,.search-box input{border-radius:12px!important;box-shadow:inset 0 1px 2px #0f172a06}.premium-btn{border-radius:12px!important;box-shadow:0 5px 14px #2563eb1f}@media(max-width:900px){.dashboard-premium-grid{grid-template-columns:1fr}.works-premium-stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.dashboard-premium-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.premium-panel{padding:13px;border-radius:17px;box-shadow:0 5px 18px #0f172a0b}.dashboard-section-head{margin-bottom:11px}.dashboard-section-title{font-size:12px}.dashboard-section-sub{font-size:8px;margin-left:38px;margin-top:3px}.section-icon{width:27px;height:27px;border-radius:9px}.section-link{font-size:9px}.active-job-list{gap:7px}.active-job-row{grid-template-columns:3px 31px minmax(0,1fr) auto 13px;gap:7px;padding:9px 7px 9px 0;border-radius:13px}.job-row-icon{width:31px;height:31px;border-radius:10px}.job-row-main strong{font-size:9px}.job-row-main small{font-size:7px}.job-status{font-size:6.5px;padding:3px 5px}.job-priority{font-size:6px}.job-row-chevron{width:13px}.works-premium-stats{gap:6px;margin-bottom:11px}.work-stat-card{padding:8px 3px;border-radius:12px}.work-stat-icon{width:25px;height:25px;border-radius:8px}.work-stat-card strong{font-size:16px}.work-stat-card small{font-size:7px}.works-progress-head{font-size:8px}.works-progress-head b{font-size:9px}.recent-work-row{padding:8px 0}.recent-work-row strong{font-size:9px}.recent-work-row small{font-size:7px}.mini-work-status{font-size:6px;padding:3px 5px}.compact-empty{min-height:92px;padding:16px 8px}.dashboard-empty>span{width:34px;height:34px;border-radius:11px}.dashboard-empty strong{font-size:9px}.dashboard-empty small{font-size:7px}.greeting-banner{border-radius:17px;padding:15px 14px;margin-bottom:10px}.greeting-text{font-size:16px}.greeting-date{font-size:9px}.duty-toggle-card{border-radius:15px;padding:11px 12px;margin-bottom:11px}.duty-toggle-label{font-size:11px}.duty-toggle-sub{font-size:8px}.metric-grid{gap:7px;margin-bottom:11px}.metric-card{border-radius:14px;padding:11px;gap:9px}.metric-icon{width:36px;height:36px;border-radius:11px}.metric-label{font-size:9px}.metric-value{font-size:18px}}.profile-layout{grid-template-columns:310px minmax(0,1fr);gap:24px}.profile-photo-card{background:radial-gradient(circle at 15% 0%,rgba(99,102,241,.12),transparent 34%),linear-gradient(180deg,#fff,#fbfcff);border:1px solid #e7eaf2;border-radius:24px;padding:30px 24px 24px;box-shadow:0 12px 35px #0f172a12,0 2px 8px #0f172a08;overflow:hidden}.profile-avatar-wrap{margin-bottom:17px;padding:5px;border-radius:50%;background:linear-gradient(135deg,#eef2ff,#e0f2fe,#f5f3ff);box-shadow:0 10px 28px #4f46e521}.profile-avatar-img,.profile-avatar-default{width:104px;height:104px;border:4px solid #fff;box-shadow:0 5px 18px #0f172a1a}.profile-avatar-default{background:linear-gradient(135deg,#4f46e5,#2563eb 55%,#06b6d4);font-size:38px;letter-spacing:-.03em}.photo-upload-btn{width:32px;height:32px;right:0;bottom:5px;background:#111827;border:3px solid #fff;box-shadow:0 4px 12px #0f172a2e}.profile-name-block{padding:0 4px}.profile-display-name{font-size:21px;line-height:1.25;font-weight:800;letter-spacing:-.025em;color:#111827}.profile-role-badge{margin-top:8px;padding:5px 11px;border:1px solid #dbeafe;background:#eff6ff;color:#2563eb;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.profile-hub{margin-top:9px;color:#94a3b8;font-size:11px;font-weight:500;word-break:break-word}.profile-quick-stats{margin-top:24px;padding-top:18px;border-top:1px solid #edf0f5}.pqs-item{padding:0 10px}.pqs-val{font-size:23px;line-height:1.1;font-weight:850;letter-spacing:-.04em;color:#111827}.pqs-label{margin-top:5px;color:#94a3b8;font-size:10px;font-weight:650;letter-spacing:.02em;text-transform:uppercase}.profile-details{gap:18px;min-width:0}.profile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:5px;margin:0;background:#f4f6fa;border:1px solid #e9edf4;border-radius:17px}.prof-tab{min-height:42px;justify-content:center;gap:7px;padding:9px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#64748b;font-size:12px;font-weight:700;transition:all .18s ease}.prof-tab:hover{background:#fffc;border-color:#e2e8f0;color:#334155;transform:translateY(-1px)}.prof-tab.active{background:#fff;color:#312e81;border-color:#e3e7ff;box-shadow:0 5px 14px #0f172a12}.profile-details>.card{border:1px solid #e7eaf2;border-radius:22px;padding:23px;box-shadow:0 10px 30px #0f172a0e}.profile-details>.card .card-head{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef1f5}.profile-details>.card .card-title{font-size:15px;font-weight:800;color:#172033;letter-spacing:-.015em}.profile-details .form-field{gap:7px}.profile-details .form-field label{color:#64748b;font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.profile-details .profile-field-val{min-height:44px;display:flex;align-items:center;padding:11px 13px;background:#f8fafc;border:1px solid #e8edf3;border-radius:12px;color:#253047;font-size:13px;font-weight:600;box-shadow:inset 0 1px 2px #0f172a06}.doc-fields{gap:10px}.doc-field-card{padding:15px;border:1px solid #e7eaf2;border-radius:15px;background:linear-gradient(180deg,#fbfcfe,#f8fafc);transition:all .18s ease}.doc-field-card:hover{transform:translateY(-1px);border-color:#d9defb;box-shadow:0 8px 20px #4f46e50f}.dfc-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eef2ff;font-size:20px}.dfc-label{color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.08em}.dfc-val{margin-top:2px;color:#1e293b;font-size:13px;font-weight:750;letter-spacing:.015em}.dfc-verified{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#dcfce7;color:#16a34a;font-size:12px}.doc-privacy-note{color:#94a3b8;font-size:10px;line-height:1.5}.settings-list{overflow:hidden;border:1px solid #edf0f5;border-radius:15px}.setting-row{min-height:68px;padding:14px 15px;background:#fff;border-bottom:1px solid #edf0f5}.setting-row:last-child{border-bottom:0}.setting-label{color:#1e293b;font-size:12px;font-weight:750}.setting-sub{max-width:430px;color:#94a3b8;font-size:10px;line-height:1.45}.settings-select{min-width:105px;padding:8px 11px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#334155;font-size:11px;font-weight:650}.toggle-btn{width:45px;height:25px;background:#dbe1ea;box-shadow:inset 0 1px 2px #0f172a1a}.toggle-btn.on{background:linear-gradient(135deg,#4f46e5,#2563eb)}@media(max-width:768px){.profile-layout{display:block}.profile-photo-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar name" "stats stats";align-items:center;column-gap:14px;row-gap:16px;margin-bottom:14px;padding:18px;border-radius:22px;text-align:left}.profile-avatar-wrap{grid-area:avatar;margin:0}.profile-avatar-img,.profile-avatar-default{width:76px;height:76px}.profile-avatar-default{font-size:28px}.photo-upload-btn{width:27px;height:27px;right:-1px;bottom:2px}.profile-name-block{grid-area:name;min-width:0;padding:0}.profile-display-name{overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.profile-role-badge{margin-top:5px;padding:4px 9px;font-size:9px}.profile-hub{overflow:hidden;margin-top:6px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.profile-quick-stats{grid-area:stats;width:100%;margin:0;padding:14px 0 0;border-top:1px solid #edf0f5;border-left:0}.pqs-val{font-size:19px}.pqs-label{font-size:9px}.profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border-radius:16px}.prof-tab{min-height:40px;padding:8px 9px;font-size:11px;border-radius:11px}.profile-details>.card{padding:16px;border-radius:18px}.profile-details>.card .card-head{margin-bottom:16px;padding-bottom:12px}.profile-details>.card .card-title{font-size:14px}.profile-details .work-form-grid{gap:11px}.profile-details .profile-field-val{min-height:42px;padding:10px 12px;border-radius:11px;font-size:12px}.doc-field-card{padding:12px;border-radius:13px}.dfc-icon{width:37px;height:37px}.dfc-val{font-size:12px}.setting-row{min-height:64px;padding:12px;gap:12px}.setting-label{font-size:11px}.setting-sub{font-size:9px}.settings-select{min-width:88px;padding:7px 9px;font-size:10px}}@media(max-width:380px){.profile-photo-card{padding:15px}.profile-avatar-img,.profile-avatar-default{width:68px;height:68px}.profile-display-name{font-size:16px}.profile-details>.card{padding:14px}}.premium-profile-page{max-width:1180px;margin:0 auto;padding-bottom:24px}.premium-profile-layout{grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.premium-profile-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#fbfcff 62%,#f5f7ff);border:1px solid #e6eaf2;border-radius:24px;padding:24px 22px 20px;box-shadow:0 14px 38px #0f172a12,0 2px 8px #0f172a08}.premium-profile-hero:before{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-100px;border-radius:50%;background:radial-gradient(circle,#6366f11f,#6366f100 70%);pointer-events:none}.premium-profile-hero-top{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.premium-avatar-wrap{margin:0;padding:4px;background:linear-gradient(135deg,#e0e7ff,#dbeafe,#f5f3ff);box-shadow:0 10px 24px #4f46e51f}.premium-avatar-wrap .profile-avatar-img,.premium-avatar-wrap .profile-avatar-default{width:78px;height:78px;border:3px solid #fff;box-shadow:0 4px 14px #0f172a1a}.premium-avatar-wrap .profile-avatar-default{font-size:28px}.premium-profile-identity{min-width:0;padding:0}.premium-profile-identity .profile-display-name{font-size:19px;line-height:1.2;font-weight:820;letter-spacing:-.03em;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-profile-identity .profile-role-badge{margin-top:7px;padding:4px 9px;font-size:9px;letter-spacing:.09em}.premium-profile-identity .profile-hub{display:flex;align-items:center;gap:4px;margin-top:7px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-profile-identity .profile-hub span{overflow:hidden;text-overflow:ellipsis}.profile-account-status{display:flex;align-items:center;gap:5px;margin-top:7px;color:#64748b;font-size:9px;font-weight:650}.profile-account-status span{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}.premium-profile-edit{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:start;padding:8px 10px;border:1px solid #e3e8f2;border-radius:10px;background:#fff;color:#475569;font-size:9px;font-weight:750;cursor:pointer;box-shadow:0 3px 10px #0f172a0a}.premium-profile-edit:hover{border-color:#cfd7ff;color:#4338ca;background:#fafaff}.premium-profile-stats{position:relative;margin-top:20px;padding-top:16px;border-top:1px solid #edf0f5}.premium-profile-stats .pqs-item{flex:1;padding:0;text-align:center}.premium-profile-stats .pqs-item+.pqs-item{border-left:1px solid #edf0f5}.premium-profile-stats .pqs-val{font-size:21px;font-weight:820}.premium-profile-stats .pqs-label{margin-top:4px;font-size:8px;letter-spacing:.08em}.premium-profile-details{gap:14px;min-width:0}.premium-profile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px;margin:0;background:#f4f6fa;border:1px solid #e7ebf2;border-radius:16px}.premium-profile-tabs .prof-tab{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 7px;border-radius:11px;color:#64748b;background:transparent;font-size:10px;font-weight:750;white-space:nowrap}.premium-profile-tabs .prof-tab:hover{transform:none;background:#fff;border-color:#e4e8ef;color:#334155}.premium-profile-tabs .prof-tab.active{background:#fff;color:#4338ca;border-color:#dfe3ff;box-shadow:0 4px 12px #0f172a0f}.prof-tab-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eef2f7;color:#64748b}.premium-profile-tabs .prof-tab.active .prof-tab-icon{background:#ede9fe;color:#5b4ee8}.premium-profile-card{border:1px solid #e5e9f0!important;border-radius:20px!important;padding:21px!important;background:#fff;box-shadow:0 10px 30px #0f172a0d!important}.premium-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px!important;padding-bottom:14px!important;border-bottom:1px solid #edf0f4!important}.premium-card-subtitle{margin-top:4px;color:#94a3b8;font-size:9px;line-height:1.4}.premium-section-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:9px;background:#f5f7fb;color:#64748b;font-size:8px;font-weight:750;white-space:nowrap}.premium-profile-fields{gap:13px!important}.premium-profile-fields .form-field{gap:6px}.premium-profile-fields .form-field label{font-size:9px!important;letter-spacing:.075em;color:#64748b;font-weight:800}.premium-profile-fields .profile-field-val{min-height:45px;padding:11px 13px;border-radius:12px;background:#f8fafc;border:1px solid #e8edf3;color:#1f2937;font-size:12px;font-weight:650;box-shadow:inset 0 1px 2px #0f172a06}.profile-not-set{color:#c1c8d4!important;font-weight:550}.premium-profile-save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #edf0f4}.premium-profile-save-row span{display:flex;align-items:center;gap:5px;color:#94a3b8;font-size:8px}.premium-profile-save-row .premium-btn{font-size:9px;padding:8px 11px;border-radius:10px}.premium-doc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px!important}.premium-doc-card{min-width:0;padding:14px!important;border-radius:14px!important;background:linear-gradient(180deg,#fcfdff,#f8fafc)!important}.premium-doc-card .dfc-body{min-width:0}.premium-doc-card .dfc-label{font-size:8px}.premium-doc-card .dfc-val{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-privacy-note{display:flex;align-items:center;gap:6px;margin-top:12px;padding:9px 10px;border-radius:10px;background:#f8fafc;color:#94a3b8;font-size:8px}.premium-address-note{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:12px;border:1px solid #e8edf3;border-radius:12px;background:#f8fafc;color:#64748b}.premium-address-note>svg{flex:0 0 auto;color:#6366f1;margin-top:1px}.premium-address-note div{display:grid;gap:2px}.premium-address-note strong{font-size:10px;color:#334155}.premium-address-note span{font-size:8px;line-height:1.45;color:#94a3b8}.premium-settings-list{border:1px solid #e8edf3!important;border-radius:15px!important;overflow:hidden}.premium-setting-row{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px!important;min-height:66px;padding:11px 13px!important}.premium-setting-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.premium-setting-icon.blue{background:#eff6ff;color:#2563eb}.premium-setting-icon.indigo{background:#eef2ff;color:#4f46e5}.premium-setting-icon.green{background:#ecfdf5;color:#059669}.premium-setting-icon.orange{background:#fff7ed;color:#ea580c}.premium-setting-copy{min-width:0}.premium-setting-copy .setting-label{font-size:10px}.premium-setting-copy .setting-sub{font-size:8px;line-height:1.4}.premium-setting-row .toggle-btn{flex:0 0 auto}.premium-setting-row .settings-select{min-width:92px;font-size:9px}@media(max-width:900px){.premium-profile-layout{grid-template-columns:1fr}.premium-profile-hero{position:relative}}@media(max-width:768px){.premium-profile-page{padding:0 1px 18px}.premium-profile-page .page-header{margin-bottom:10px}.premium-profile-page .page-header .page-sub{display:none}.premium-profile-layout{display:block}.premium-profile-hero{padding:16px 15px 13px;border-radius:20px;margin-bottom:11px;box-shadow:0 8px 25px #0f172a0e}.premium-profile-hero-top{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"avatar identity";gap:11px}.premium-avatar-wrap{grid-area:avatar}.premium-avatar-wrap .profile-avatar-img,.premium-avatar-wrap .profile-avatar-default{width:62px;height:62px}.premium-avatar-wrap .profile-avatar-default{font-size:23px}.premium-profile-identity{grid-area:identity}.premium-profile-identity .profile-display-name{font-size:17px}.premium-profile-identity .profile-role-badge{margin-top:5px;font-size:8px;padding:4px 8px}.premium-profile-identity .profile-hub,.profile-account-status{margin-top:5px;font-size:8px}.premium-profile-edit{position:absolute;right:12px;top:12px;width:29px;height:29px;padding:0;border-radius:9px;font-size:0;background:#f8fafc;color:#64748b;box-shadow:none}.premium-profile-edit svg{width:13px;height:13px}.premium-profile-stats{margin-top:13px;padding-top:12px}.premium-profile-stats .pqs-val{font-size:18px}.premium-profile-stats .pqs-label{font-size:7px;margin-top:3px}.premium-profile-details{gap:10px}.premium-profile-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:3px;border-radius:14px;overflow:hidden}.premium-profile-tabs .prof-tab{min-height:43px;padding:5px 2px;gap:3px;font-size:8px;border-radius:10px}.prof-tab-icon{width:22px;height:22px;border-radius:7px}.premium-profile-card{padding:14px!important;border-radius:17px!important;box-shadow:0 7px 22px #0f172a0b!important}.premium-card-head{margin-bottom:14px!important;padding-bottom:11px!important}.premium-profile-card .card-title{font-size:13px!important}.premium-card-subtitle{font-size:8px}.premium-section-chip{padding:5px 6px;font-size:7px}.premium-profile-fields{grid-template-columns:1fr!important;gap:10px!important}.premium-profile-fields .form-field label{font-size:8px!important}.premium-profile-fields .profile-field-val{min-height:42px;padding:10px 11px;font-size:11px;border-radius:10px}.premium-profile-save-row{align-items:stretch;flex-direction:column;gap:9px;margin-top:14px;padding-top:11px}.premium-profile-save-row span{font-size:7px}.premium-profile-save-row .premium-btn{width:100%;min-height:36px}.premium-doc-fields{grid-template-columns:1fr;gap:8px!important}.premium-doc-card{padding:11px!important}.premium-doc-card .dfc-icon{width:35px;height:35px;border-radius:10px}.premium-doc-card .dfc-label{font-size:7px}.premium-doc-card .dfc-val{font-size:10px}.premium-privacy-note{font-size:7px;line-height:1.4}.premium-address-note{margin-top:12px;padding:10px;border-radius:10px}.premium-address-note strong{font-size:9px}.premium-address-note span{font-size:7px}.premium-setting-row{grid-template-columns:32px minmax(0,1fr) auto!important;gap:9px!important;min-height:61px;padding:10px!important}.premium-setting-icon{width:31px;height:31px;border-radius:9px}.premium-setting-icon svg{width:14px;height:14px}.premium-setting-copy .setting-label{font-size:9px}.premium-setting-copy .setting-sub{font-size:7px}.premium-setting-row .settings-select{min-width:78px;padding:7px 8px;font-size:8px}}@media(max-width:380px){.premium-profile-hero{padding:14px 12px 12px}.premium-profile-hero-top{grid-template-columns:58px minmax(0,1fr);gap:9px}.premium-avatar-wrap .profile-avatar-img,.premium-avatar-wrap .profile-avatar-default{width:56px;height:56px}.premium-profile-identity .profile-display-name{font-size:15px}.premium-profile-tabs .prof-tab{font-size:7px}.premium-profile-card{padding:12px!important}.premium-section-chip{display:none}}@media(max-width:768px){.premium-profile-page{width:100%;max-width:none;padding:0 8px 112px!important;margin:0!important}.premium-profile-page>.page-header{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;column-gap:10px!important;min-height:42px!important;height:42px!important;margin:2px 0 10px!important;padding:0!important}.premium-profile-page>.page-header .mobile-back-btn{grid-column:1;grid-row:1;width:42px!important;height:42px!important;margin:0!important;border-radius:13px!important;background:#fff!important;border:1px solid #e5e9f0!important;color:#334155!important;box-shadow:0 4px 14px #0f172a0f!important}.premium-profile-page>.page-header .page-title{grid-column:2;grid-row:1;min-width:0;margin:0!important;padding:0!important;color:#111827!important;font-size:21px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.035em!important;text-align:left!important;white-space:nowrap}.premium-profile-page>.page-header .page-sub{display:none!important}.premium-profile-hero{width:100%;margin:0 0 10px!important;padding:15px 14px 12px!important;border-radius:20px!important;box-sizing:border-box;box-shadow:0 7px 24px #0f172a0e!important}.premium-profile-hero-top{display:grid!important;grid-template-columns:68px minmax(0,1fr) 34px!important;grid-template-areas:"avatar identity manage"!important;align-items:center!important;gap:10px!important;min-height:68px!important}.premium-avatar-wrap{grid-area:avatar!important;width:68px!important;height:68px!important;margin:0!important;padding:4px!important;box-sizing:border-box}.premium-avatar-wrap .profile-avatar-img,.premium-avatar-wrap .profile-avatar-default{width:60px!important;height:60px!important;border-width:3px!important;box-sizing:border-box}.premium-avatar-wrap .profile-avatar-default{font-size:23px!important}.premium-avatar-wrap .photo-upload-btn{width:27px!important;height:27px!important;right:-1px!important;bottom:1px!important;border-width:2px!important}.premium-profile-identity{grid-area:identity!important;min-width:0!important;padding:0!important}.premium-profile-identity .profile-display-name{margin:0!important;color:#111827!important;font-size:17px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important}.premium-profile-identity .profile-role-badge{display:inline-flex!important;margin-top:5px!important;padding:4px 8px!important;border-radius:999px!important;font-size:8px!important;line-height:1!important;font-weight:800!important;letter-spacing:.08em!important}.premium-profile-identity .profile-hub{display:flex!important;align-items:center!important;gap:4px!important;max-width:100%!important;margin-top:5px!important;color:#94a3b8!important;font-size:8px!important;line-height:1.2!important;font-weight:550!important}.premium-profile-identity .profile-hub span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-profile-identity .profile-account-status{display:flex!important;align-items:center!important;gap:5px!important;margin-top:5px!important;color:#64748b!important;font-size:8px!important;line-height:1!important;font-weight:650!important}.premium-profile-identity .profile-account-status span{width:7px!important;height:7px!important;flex:0 0 7px}.premium-profile-edit{grid-area:manage!important;position:static!important;width:34px!important;height:34px!important;padding:0!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-size:0!important;color:#64748b!important;background:#f8fafc!important;border:1px solid #e4e9f1!important;box-shadow:none!important}.premium-profile-edit svg{width:14px!important;height:14px!important}.premium-profile-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;margin:13px 0 0!important;padding:12px 0 0!important;border-top:1px solid #edf0f4!important;box-sizing:border-box}.premium-profile-stats .pqs-item{min-width:0!important;padding:0!important;text-align:center!important}.premium-profile-stats .pqs-item+.pqs-item{border-left:1px solid #edf0f4!important}.premium-profile-stats .pqs-val{color:#111827!important;font-size:19px!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.035em!important}.premium-profile-stats .pqs-label{margin-top:4px!important;color:#94a3b8!important;font-size:7px!important;line-height:1!important;font-weight:750!important;letter-spacing:.08em!important}.premium-profile-details{display:flex!important;flex-direction:column!important;gap:9px!important;min-width:0!important}.premium-profile-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;min-height:48px!important;margin:0!important;padding:3px!important;gap:3px!important;box-sizing:border-box;background:#f3f5f9!important;border:1px solid #e6eaf1!important;border-radius:15px!important;overflow:hidden!important}.premium-profile-tabs .prof-tab{min-width:0!important;min-height:40px!important;padding:5px 2px!important;gap:3px!important;border:0!important;border-radius:11px!important;color:#64748b!important;background:transparent!important;font-size:7.5px!important;line-height:1!important;font-weight:700!important}.premium-profile-tabs .prof-tab.active{color:#4338ca!important;background:#fff!important;box-shadow:0 3px 10px #0f172a0f!important}.premium-profile-tabs .prof-tab-icon{width:21px!important;height:21px!important;flex:0 0 21px;border-radius:7px!important}.premium-profile-tabs .prof-tab-icon svg{width:13px!important;height:13px!important}.premium-profile-card{width:100%!important;box-sizing:border-box;margin:0!important;padding:15px!important;border-radius:18px!important;border:1px solid #e7ebf1!important;box-shadow:0 6px 20px #0f172a0b!important}.premium-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin:0 0 13px!important;padding:0 0 11px!important;border-bottom:1px solid #edf0f4!important}.premium-profile-card .card-title{margin:0!important;color:#111827!important;font-size:14px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.018em!important}.premium-card-subtitle{margin-top:4px!important;color:#94a3b8!important;font-size:8px!important;line-height:1.35!important;font-weight:500!important}.premium-section-chip{flex:0 0 auto;padding:5px 7px!important;border-radius:8px!important;font-size:7px!important;font-weight:750!important}.premium-profile-fields{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}.premium-profile-fields .form-field{min-width:0!important;gap:5px!important}.premium-profile-fields .form-field label{color:#64748b!important;font-size:8px!important;line-height:1!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase}.premium-profile-fields .profile-field-val{width:100%!important;min-height:43px!important;box-sizing:border-box;display:flex!important;align-items:center!important;padding:10px 12px!important;border-radius:11px!important;border:1px solid #e5eaf1!important;background:#f8fafc!important;color:#1f2937!important;font-size:11px!important;line-height:1.25!important;font-weight:650!important}.premium-profile-save-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;margin-top:14px!important;padding-top:11px!important;border-top:1px solid #edf0f4!important}.premium-profile-save-row span{font-size:7px!important;line-height:1.35!important}.premium-profile-save-row .premium-btn{width:100%!important;min-height:37px!important;border-radius:10px!important;font-size:9px!important;font-weight:750!important}}@media(max-width:380px){.premium-profile-page{padding-left:6px!important;padding-right:6px!important}.premium-profile-page>.page-header .page-title{font-size:20px!important}.premium-profile-hero{padding-left:12px!important;padding-right:12px!important}.premium-profile-hero-top{grid-template-columns:62px minmax(0,1fr) 32px!important;gap:8px!important}.premium-avatar-wrap{width:62px!important;height:62px!important}.premium-avatar-wrap .profile-avatar-img,.premium-avatar-wrap .profile-avatar-default{width:54px!important;height:54px!important}.premium-profile-tabs .prof-tab{font-size:7px!important}.premium-profile-tabs .prof-tab-icon{width:20px!important;height:20px!important;flex-basis:20px}.premium-profile-card{padding:13px!important}}.duty-log-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.duty-log-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:12px}.duty-log-table th{padding:10px 12px;text-align:left;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:800;white-space:nowrap}.duty-log-table td{padding:11px 12px;border-bottom:1px solid #f1f5f9;color:#334155;white-space:nowrap;font-variant-numeric:tabular-nums}.duty-log-table tbody tr:last-child td{border-bottom:0}.duty-log-empty{text-align:center!important;color:#94a3b8!important;padding:24px!important}.duty-log-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9;color:#64748b;font-size:11px}.duty-log-legend i{font-style:normal;margin-right:4px}@media(max-width:700px){.duty-log-table{min-width:700px}.duty-log-table th,.duty-log-table td{padding:9px 10px}.duty-log-legend{gap:10px}}.feature-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;background:#0f172a75;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}.feature-modal-panel{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 28px 80px #0f172a40;overflow:hidden}.feature-modal-panel .feature-card-head{padding:18px 20px;border-bottom:1px solid #eef2f7;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#fff,#f8fafc)}.feature-modal-panel .form-field{display:grid;gap:6px;font-size:11px;font-weight:800;color:#475569}.feature-modal-panel .form-field input,.feature-modal-panel .form-field select,.feature-modal-panel .form-field textarea{width:100%;box-sizing:border-box;border:1px solid #dbe3ef;background:#fff;border-radius:11px;padding:10px 11px;font:inherit;font-size:13px;font-weight:600;color:#172033;outline:none}.feature-modal-panel .form-field input:focus,.feature-modal-panel .form-field select:focus,.feature-modal-panel .form-field textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61f}@media(max-width:680px){.feature-modal-panel>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.feature-modal-panel .form-field{grid-column:1/-1!important}}.attendance-command-card{position:relative;overflow:hidden;border-radius:24px;padding:24px;background:linear-gradient(135deg,#111827,#172554 52%,#312e81);color:#fff;box-shadow:0 18px 45px #1e293b2e;margin-bottom:14px}.attendance-command-glow{position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-130px;background:#818cf838;filter:blur(4px)}.attendance-command-top,.attendance-command-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px}.attendance-command-top{padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.11)}.attendance-eyebrow{display:flex;align-items:center;gap:7px;color:#c7d2fe;font-size:9px;font-weight:850;letter-spacing:.13em}.attendance-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#94a3b8}.attendance-live-pulse{background:#4ade80!important;box-shadow:0 0 0 5px #4ade801f;animation:attendancePulse 1.7s infinite}@keyframes attendancePulse{50%{box-shadow:0 0 0 9px #4ade8000}}.attendance-command-top h2{margin:8px 0 4px;font-size:25px;letter-spacing:-.035em}.attendance-command-top p{margin:0;color:#cbd5e1;font-size:11px;line-height:1.5}.attendance-clock-orb{width:94px;height:94px;flex:0 0 94px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#ffffff14;border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 20px #ffffff0a}.attendance-clock-orb svg{color:#c7d2fe;margin-bottom:1px}.attendance-clock-orb strong{font-size:18px;font-variant-numeric:tabular-nums}.attendance-clock-orb span{font-size:9px;color:#94a3b8}.attendance-command-bottom{padding-top:18px}.attendance-start-info{display:grid;gap:3px}.attendance-start-info span{font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-weight:750}.attendance-start-info strong{font-size:16px}.attendance-start-info small{font-size:10px;color:#cbd5e1}.attendance-main-action{display:flex;align-items:center;gap:9px;border:0;border-radius:13px;padding:11px 14px;background:#fff;color:#172033;font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 8px 20px #0000001f;transition:transform .16s,box-shadow .16s}.attendance-main-action:hover{transform:translateY(-1px);box-shadow:0 11px 25px #0000002b}.attendance-main-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.attendance-main-action.danger{background:#fee2e2;color:#991b1b}.attendance-action-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#eef2ff;color:#4f46e5}.danger .attendance-action-icon{background:#fecaca;color:#b91c1c}.attendance-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.attendance-kpi{position:relative;min-width:0;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:13px;box-shadow:0 6px 20px #0f172a0a}.attendance-kpi-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center}.attendance-kpi-icon.blue{background:#dbeafe;color:#2563eb}.attendance-kpi-icon.green{background:#dcfce7;color:#16a34a}.attendance-kpi-icon.amber{background:#fef3c7;color:#d97706}.attendance-kpi-icon.violet{background:#ede9fe;color:#7c3aed}.attendance-kpi div{min-width:0}.attendance-kpi b{display:block;color:#172033;font-size:17px;line-height:1.15;font-variant-numeric:tabular-nums}.attendance-kpi small{display:block;margin-top:3px;color:#64748b;font-size:9px;white-space:nowrap}.attendance-kpi em{margin-left:auto;align-self:flex-start;font-style:normal;color:#94a3b8;font-size:8px;white-space:nowrap}.attendance-primary-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:12px;margin-bottom:12px}.attendance-secondary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.7fr);gap:12px;margin-bottom:12px}.attendance-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.attendance-section-head>div:first-child{display:grid;gap:3px}.attendance-section-head b{font-size:14px;color:#172033}.attendance-section-head span{font-size:10px;color:#94a3b8}.attendance-status-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800}.attendance-status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.attendance-status-pill.working{background:#dcfce7;color:#15803d}.attendance-status-pill.break{background:#fef3c7;color:#b45309}.attendance-status-pill.offline{background:#f1f5f9;color:#64748b}.attendance-progress-area{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;border-radius:15px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #e5e7eb}.attendance-progress-copy{display:grid;gap:4px;min-width:0}.attendance-progress-copy>span{font-size:9px;color:#64748b;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.attendance-progress-copy strong{font-size:23px;color:#172033;letter-spacing:-.03em}.attendance-progress-copy small{font-size:9px;color:#94a3b8}.attendance-progress-ring{width:82px;height:82px;flex:0 0 82px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#4f46e5 var(--progress),#e2e8f0 var(--progress));position:relative}.attendance-progress-ring:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:#fff;border-radius:50%}.attendance-progress-ring>div{position:relative;z-index:1;text-align:center;display:grid;gap:1px}.attendance-progress-ring b{font-size:15px;color:#312e81}.attendance-progress-ring span{font-size:7px;color:#94a3b8}.attendance-time-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:13px 0;border:1px solid #edf0f4;border-radius:13px;overflow:hidden}.attendance-time-strip>div{padding:10px;border-right:1px solid #edf0f4}.attendance-time-strip>div:last-child{border-right:0}.attendance-time-strip span{display:block;font-size:8px;color:#94a3b8;margin-bottom:3px}.attendance-time-strip b{font-size:11px;color:#334155}.attendance-break-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e2e8f0;background:#fff;border-radius:11px;padding:9px;color:#334155;font-size:10px;font-weight:800;cursor:pointer}.attendance-break-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.attendance-break-btn:disabled{opacity:.5;cursor:not-allowed}.attendance-location{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 10px;border-radius:11px;background:#ecfdf5;color:#047857}.attendance-location>span{width:27px;height:27px;border-radius:8px;background:#d1fae5;display:grid;place-items:center}.attendance-location div{display:grid;gap:2px;flex:1}.attendance-location b{font-size:9px}.attendance-location small{font-size:8px;color:#6b8b7e}.attendance-target-label{padding:5px 8px;border-radius:99px;background:#f8fafc;border:1px solid #e2e8f0;font-size:8px!important;color:#64748b!important;font-weight:750}.attendance-week-chart{height:210px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;padding:5px 1px 0}.attendance-week-bar{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0}.attendance-bar-value{height:17px;font-size:7px;color:#64748b;white-space:nowrap}.attendance-bar-track{position:relative;width:100%;max-width:31px;height:145px;background:#f1f5f9;border-radius:9px;overflow:hidden;display:flex;align-items:flex-end}.attendance-bar-track:after{content:"";position:absolute;left:0;right:0;bottom:61.5%;border-top:1px dashed #cbd5e1}.attendance-bar-track i{display:block;width:100%;background:linear-gradient(180deg,#6366f1,#4f46e5);border-radius:9px 9px 4px 4px;min-height:4px}.attendance-week-bar.today .attendance-bar-track{box-shadow:0 0 0 2px #c7d2fe}.attendance-week-bar.today .attendance-bar-track i{background:linear-gradient(180deg,#818cf8,#4338ca)}.attendance-week-bar b{font-size:8px;color:#64748b}.attendance-week-bar small{font-size:8px;color:#94a3b8}.attendance-week-note{display:flex;gap:14px;margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9;color:#94a3b8;font-size:8px}.attendance-week-note span{display:flex;align-items:center;gap:5px}.attendance-note-dot{width:7px;height:7px;border-radius:50%;background:#6366f1}.attendance-note-line{width:11px;border-top:1px dashed #94a3b8}.attendance-calendar-card{margin-top:0}.attendance-calendar-summary{text-align:right;display:grid;gap:1px}.attendance-calendar-summary b{font-size:15px;color:#4f46e5}.attendance-calendar-summary small{font-size:8px;color:#94a3b8}.attendance-calendar-grid .attendance-day{position:relative}.attendance-calendar-grid .attendance-day.today{box-shadow:inset 0 0 0 2px #6366f1}.attendance-calendar-grid .attendance-day.today i{position:absolute;bottom:3px;width:3px;height:3px;border-radius:50%;background:#6366f1}.attendance-calendar-grid .blank{visibility:hidden}.attendance-timeline{position:relative;padding-left:7px}.attendance-timeline:before{content:"";position:absolute;left:18px;top:11px;bottom:11px;width:1px;background:#e2e8f0}.attendance-timeline-item{position:relative;display:flex;align-items:center;gap:10px;padding:8px 0}.attendance-timeline-dot{position:relative;z-index:1;width:24px;height:24px;flex:0 0 24px;border-radius:8px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;border:3px solid #fff;box-sizing:content-box}.attendance-timeline-item.active .attendance-timeline-dot{background:#dcfce7;color:#15803d;box-shadow:0 0 0 4px #f0fdf4}.attendance-timeline-item.pending .attendance-timeline-dot{background:#f1f5f9;color:#94a3b8}.attendance-timeline-item>div{display:grid;gap:2px}.attendance-timeline-item b{font-size:10px;color:#334155}.attendance-timeline-item small{font-size:9px;color:#94a3b8}.attendance-mini-count{padding:5px 8px;border-radius:99px;background:#f8fafc;color:#64748b!important;font-size:8px!important;font-weight:750}.attendance-timeline-empty{display:flex;align-items:center;gap:8px;padding:12px;border-radius:11px;background:#f8fafc;color:#94a3b8;font-size:9px}.attendance-logs-card{margin-bottom:15px}.attendance-view-btn{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:#4f46e5;font-size:9px;font-weight:800;cursor:pointer}.attendance-log-list{display:grid}.attendance-log-row{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #f1f5f9}.attendance-log-date{width:38px;height:38px;border-radius:11px;background:#f8fafc;display:grid;place-items:center;align-content:center}.attendance-log-date b{font-size:14px;color:#334155;line-height:1}.attendance-log-date span{font-size:7px;color:#94a3b8;text-transform:uppercase}.attendance-log-main{display:grid;gap:4px;min-width:0}.attendance-log-main strong{font-size:10px;color:#334155;font-variant-numeric:tabular-nums}.attendance-log-main strong span{color:#cbd5e1;padding:0 3px}.attendance-log-main small{font-size:8px;color:#94a3b8}.attendance-log-status{font-size:8px;font-weight:850;padding:5px 8px;border-radius:99px}.attendance-log-status.late{background:#fef3c7;color:#b45309}.attendance-log-status.active{background:#dcfce7;color:#15803d}.attendance-log-status.complete{background:#dbeafe;color:#2563eb}.attendance-log-status.short{background:#fee2e2;color:#b91c1c}.attendance-export-btn{white-space:nowrap}.attendance-export-btn svg{flex:0 0 auto}@media(max-width:900px){.attendance-kpi-grid{grid-template-columns:repeat(2,1fr)}.attendance-primary-grid,.attendance-secondary-grid{grid-template-columns:1fr}}@media(max-width:700px){.attendance-command-card{padding:17px;border-radius:19px}.attendance-command-top{align-items:flex-start;padding-bottom:17px}.attendance-command-top h2{font-size:20px}.attendance-command-top p{font-size:9px;max-width:235px}.attendance-clock-orb{width:72px;height:72px;flex-basis:72px}.attendance-clock-orb strong{font-size:14px}.attendance-clock-orb svg{width:14px}.attendance-command-bottom{align-items:stretch;gap:10px}.attendance-start-info strong{font-size:14px}.attendance-main-action{padding:9px 10px;font-size:9px}.attendance-action-icon{width:23px;height:23px}.attendance-kpi-grid{gap:7px}.attendance-kpi{padding:10px;border-radius:13px;gap:8px}.attendance-kpi-icon{width:31px;height:31px;flex-basis:31px;border-radius:9px}.attendance-kpi b{font-size:15px}.attendance-kpi small{font-size:8px}.attendance-kpi em{display:none}.attendance-primary-grid,.attendance-secondary-grid{gap:9px}.attendance-progress-area{padding:12px}.attendance-progress-copy strong{font-size:20px}.attendance-progress-ring{width:68px;height:68px;flex-basis:68px}.attendance-progress-ring:after{top:6px;right:6px;bottom:6px;left:6px}.attendance-time-strip{margin:10px 0}.attendance-time-strip>div{padding:8px}.attendance-time-strip span{font-size:7px}.attendance-time-strip b{font-size:9px}.attendance-week-chart{height:185px;gap:5px}.attendance-bar-track{height:125px;max-width:25px}.attendance-bar-value{font-size:6px}.attendance-week-note{font-size:7px}.attendance-log-row{grid-template-columns:39px minmax(0,1fr) auto;gap:8px}.attendance-log-date{width:35px;height:35px}.attendance-log-date b{font-size:12px}.attendance-log-main strong{font-size:9px}.attendance-log-status{font-size:7px;padding:4px 6px}.attendance-export-btn{padding:8px 9px!important}.attendance-export-btn svg{width:12px}}@media(max-width:430px){.attendance-command-top{gap:9px}.attendance-command-top h2{font-size:18px}.attendance-command-top p{max-width:195px}.attendance-clock-orb{width:62px;height:62px;flex-basis:62px}.attendance-clock-orb strong{font-size:12px}.attendance-clock-orb span{font-size:7px}.attendance-command-bottom{display:grid;grid-template-columns:1fr}.attendance-main-action{width:100%;justify-content:center}.attendance-kpi-grid{grid-template-columns:repeat(2,1fr)}.attendance-kpi-icon{display:none}.attendance-kpi{justify-content:space-between}.attendance-progress-copy small{max-width:190px;line-height:1.4}.attendance-section-head b{font-size:12px}.attendance-section-head span{font-size:8px}.attendance-week-chart{gap:3px}.attendance-bar-track{max-width:21px}.attendance-bar-value{font-size:5.5px}.attendance-week-bar b{font-size:7px}.attendance-log-row{grid-template-columns:35px minmax(0,1fr);position:relative;padding-right:58px}.attendance-log-status{position:absolute;right:0;top:12px}.attendance-log-main small{font-size:7px}}@media(max-width:360px){.attendance-command-card{padding:14px}.attendance-command-top h2{font-size:17px}.attendance-command-top p{font-size:8px}.attendance-kpi b{font-size:14px}.attendance-progress-ring{width:61px;height:61px;flex-basis:61px}.attendance-progress-ring b{font-size:12px}.attendance-time-strip>div{padding:7px 5px}.attendance-time-strip b{font-size:8px}}.jc-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600;background:#070f1eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.jc-modal{width:min(1240px,100%);max-height:96vh;overflow:auto;background:#f8fafc;border:1px solid rgba(255,255,255,.35);border-radius:24px;box-shadow:0 30px 100px #00000061;color:#0f172a}.jc-modal-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #e2e8f0}.jc-modal-head span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#2563eb}.jc-modal-head h2{margin:3px 0 2px;font-size:22px}.jc-modal-head small{color:#64748b}.jc-modal-head>button{width:38px;height:38px;border:0;border-radius:12px;background:#f1f5f9;color:#334155;cursor:pointer;display:grid;place-items:center}.jc-stepbar{display:flex;gap:8px;padding:12px 22px;background:#fff;border-bottom:1px solid #e2e8f0;overflow:auto}.jc-stepbar span{white-space:nowrap;padding:7px 11px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:800}.jc-stepbar .active{background:#dbeafe;color:#1d4ed8}.jc-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;padding:18px}.jc-paper{background:#fff;border:1px solid #dbe3ed;border-radius:18px;box-shadow:0 12px 35px #0f172a0f;overflow:hidden}.jc-paper-title{display:flex;align-items:center;justify-content:center;gap:18px;padding:15px;border-bottom:2px solid #0f172a}.jc-paper-title img{width:76px;height:auto;object-fit:contain}.jc-paper-title>div{display:flex;flex-direction:column;text-align:center}.jc-paper-title b{font-size:22px;letter-spacing:.08em}.jc-paper-title small{font-size:10px;color:#64748b;margin-top:3px}.jc-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.jc-grid>div{padding:13px;border-right:1px solid #cbd5e1}.jc-grid>div:last-child{border-right:0}.jc-grid h4,.jc-section h4,.jc-auth h4,.jc-ack h4,.jc-estimate h4{margin:0 0 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#334155}.jc-fields{display:grid;gap:7px}.jc-fields label,.jc-condition label,.jc-estimate label,.jc-tech-row label,.jc-ack-grid label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:#475569}.jc-fields input,.jc-condition input,.jc-condition textarea,.jc-estimate input,.jc-tech-row input,.jc-ack-grid input,.jc-inline{min-width:0;flex:1;border:0;border-bottom:1px solid #cbd5e1;outline:0;padding:4px 3px;font-size:11px;color:#0f172a;background:transparent}.jc-condition{display:grid;gap:7px}.jc-condition textarea{resize:vertical;min-height:38px;border:1px solid #cbd5e1;border-radius:7px}.jc-check{justify-content:flex-start!important}.jc-check input{flex:0 0 auto}.jc-section{padding:13px;border-top:1px solid #cbd5e1}.jc-check-row{display:flex;gap:10px;flex-wrap:wrap}.jc-check-row label{font-size:10px;font-weight:800;display:flex;gap:5px;align-items:center;background:#f8fafc;padding:6px 8px;border-radius:8px;border:1px solid #e2e8f0}.jc-inline{display:block;margin-top:8px;width:220px}.jc-tech-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:13px;border-top:1px solid #cbd5e1}.jc-lines{border-top:1px solid #0f172a}.jc-lines-head,.jc-line{display:grid;grid-template-columns:42px 1.25fr 1.25fr 70px 110px}.jc-lines-head{background:#f1f5f9;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.jc-lines-head span,.jc-line>*{padding:7px;border-right:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}.jc-line{min-height:64px}.jc-line span{font-size:10px;text-align:center;color:#64748b}.jc-line textarea,.jc-line input{width:100%;height:100%;box-sizing:border-box;border:0;outline:0;resize:vertical;font-size:10px;background:#fff}.jc-line>input[type=checkbox]{width:auto;height:auto;align-self:center;justify-self:center}.jc-estimate{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:13px;border-top:1px solid #cbd5e1}.jc-auth{padding:13px;border-top:1px solid #cbd5e1}.jc-auth textarea{width:100%;box-sizing:border-box;min-height:74px;border:1px solid #cbd5e1;border-radius:9px;padding:9px;font-size:10px;resize:vertical}.jc-signature-wrap{padding:13px;border-top:1px solid #cbd5e1}.jc-signature-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:7px}.jc-signature-label button{border:0;background:#f1f5f9;border-radius:7px;padding:5px 8px;cursor:pointer;font-size:10px}.jc-signature-canvas{display:block;width:100%;height:130px;border:1px dashed #94a3b8;border-radius:10px;background:#fff;touch-action:none}.jc-signature-wrap small{display:block;color:#94a3b8;font-size:9px;margin-top:5px}.jc-ack{padding:13px;border-top:1px solid #cbd5e1}.jc-ack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.jc-side{display:flex;flex-direction:column;gap:12px}.jc-side-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;box-shadow:0 8px 25px #0f172a0d}.jc-side-card>b{display:block;font-size:12px;margin-bottom:5px}.jc-side-card>span{display:block;font-size:11px;color:#64748b;line-height:1.5}.jc-side-card>button{width:100%;margin-top:10px;border:0;border-radius:10px;padding:9px;background:#0f172a;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.jc-history-list{display:grid;gap:7px;margin-top:10px;max-height:280px;overflow:auto}.jc-history-list>div{padding:9px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.jc-history-list b,.jc-history-list small,.jc-history-list span{display:block}.jc-history-list b{font-size:11px}.jc-history-list small{font-size:9px;color:#64748b;margin-top:2px}.jc-history-list span{font-size:10px;color:#475569;margin-top:5px}.jc-flow{display:grid;gap:9px;margin-top:10px}.jc-flow span{font-size:10px;color:#475569;padding-left:10px;border-left:2px solid #bfdbfe}.jc-modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px;background:#fff;border-top:1px solid #e2e8f0}.jc-primary,.jc-secondary{border:0;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:900;cursor:pointer}.jc-primary{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 8px 22px #2563eb33}.jc-secondary{background:#f1f5f9;color:#334155}.jc-primary:disabled,.jc-secondary:disabled{opacity:.55;cursor:not-allowed}.jc-preview{padding:18px}.jc-preview-note{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:13px;padding:12px 14px;margin-bottom:13px}.jc-preview-note b{font-size:13px;color:#1d4ed8}.jc-preview-note span{font-size:11px;color:#475569}.jc-preview-paper{max-width:980px;margin:auto}.jc-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.jc-preview-grid>div{padding:14px;border-bottom:1px solid #e2e8f0}.jc-preview-grid b,.jc-preview-grid span{display:block}.jc-preview-grid b{font-size:10px;text-transform:uppercase;color:#64748b;letter-spacing:.07em;margin-bottom:6px}.jc-preview-grid span{font-size:12px;color:#0f172a}.jc-preview-sign{padding:14px}.jc-preview-sign b{display:block;font-size:10px;text-transform:uppercase;color:#64748b}.jc-preview-sign img{display:block;max-width:260px;max-height:80px;margin-top:7px}.jc-success-banner{display:flex;align-items:center;gap:12px;margin:18px;padding:15px;border-radius:15px;background:#ecfdf5;border:1px solid #a7f3d0;color:#166534}.jc-success-banner>div{flex:1}.jc-success-banner b,.jc-success-banner span{display:block}.jc-success-banner b{font-size:13px}.jc-success-banner span{font-size:11px;margin-top:3px;color:#475569}.jc-success-banner button{border:0;border-radius:9px;background:#15803d;color:#fff;padding:9px 13px;font-weight:800;cursor:pointer}.jc-success-banner.complete{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}@media(max-width:900px){.jc-body{grid-template-columns:1fr}.jc-side{display:grid;grid-template-columns:1fr 1fr}.jc-grid{grid-template-columns:1fr}.jc-grid>div{border-right:0;border-bottom:1px solid #cbd5e1}.jc-tech-row{grid-template-columns:1fr}.jc-estimate,.jc-ack-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.jc-modal-backdrop{padding:0}.jc-modal{border-radius:0;max-height:100vh}.jc-modal-head{padding:14px}.jc-modal-head h2{font-size:18px}.jc-body,.jc-preview{padding:10px}.jc-side{display:block}.jc-side-card{margin-top:10px}.jc-lines{overflow-x:auto}.jc-lines-head,.jc-line{min-width:680px}.jc-estimate,.jc-ack-grid,.jc-preview-grid{grid-template-columns:1fr}.jc-preview-note{display:block}.jc-preview-note span{display:block;margin-top:5px}.jc-modal-actions{position:sticky;bottom:0;z-index:5}.jc-primary,.jc-secondary{flex:1}.jc-paper-title b{font-size:18px}}.staff-job-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid #e4e9f3;border-radius:22px;box-shadow:0 12px 34px #1e293b12,0 2px 6px #1e293b06;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.staff-job-card:hover{transform:translateY(-2px);border-color:#cfd8ee;box-shadow:0 18px 42px #1e293b1a}.staff-job-card.is-running{border-color:#b9c8ff;box-shadow:0 0 0 3px #4f46e512,0 18px 42px #4f46e51a}.staff-job-card.is-completed{background:linear-gradient(180deg,#fff,#f8fffb)}.staff-job-accent{height:4px;background:linear-gradient(90deg,#2563eb,#6366f1 48%,#a855f7)}.staff-job-card.is-completed .staff-job-accent{background:linear-gradient(90deg,#16a34a,#22c55e)}.staff-job-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 10px}.staff-job-id-wrap{display:flex;align-items:baseline;gap:9px;min-width:0}.staff-job-kicker{font-size:9px;letter-spacing:.14em;font-weight:850;color:#8a94a7}.staff-job-id-wrap>b{font-size:13px;color:#172033;letter-spacing:.02em}.staff-job-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.staff-job-status,.staff-job-priority{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:850;white-space:nowrap}.staff-job-status{background:#eef2ff;color:#4f46e5}.staff-job-status.in_progress{background:#e0e7ff;color:#4338ca}.staff-job-status.paused{background:#fff7ed;color:#c2410c}.staff-job-status.completed{background:#dcfce7;color:#15803d}.staff-job-status.assigned,.staff-job-status.pending{background:#f1f5f9;color:#475569}.staff-job-vehicle-row{display:flex;gap:14px;align-items:center;padding:8px 18px 16px}.staff-job-vehicle-image{width:92px;height:68px;flex:0 0 92px;border-radius:16px;background:radial-gradient(circle at 50% 45%,#fff 0 23%,transparent 24%),linear-gradient(135deg,#dbeafe,#eef2ff 55%,#f5f3ff);border:1px solid #dce4f5;display:grid;place-items:center;box-shadow:inset 0 1px #ffffffe6}.staff-job-vehicle-image span{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:12px;font-weight:900;box-shadow:0 7px 15px #4f46e538}.staff-job-vehicle-copy{min-width:0;display:grid;gap:4px}.staff-job-vehicle-copy h3{margin:0;font-size:18px;line-height:1.15;color:#182033;letter-spacing:-.025em}.staff-job-reg{font-size:10px;color:#7a8497;font-weight:700}.staff-job-reg span{color:#c2c9d4;margin:0 3px}.staff-job-customer{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:10px;color:#596579}.staff-job-customer svg{color:#6366f1}.staff-job-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:0 18px 12px}.staff-job-info{display:flex;gap:10px;min-width:0;padding:12px;border:1px solid #e8ecf4;border-radius:15px;background:#fff}.staff-job-info.location.fleet{background:linear-gradient(135deg,#f0fdf8,#fff);border-color:#ccefe0}.staff-job-info.location.service{background:linear-gradient(135deg,#f5f7ff,#fff);border-color:#dfe5ff}.staff-job-info-icon{width:31px;height:31px;flex:0 0 31px;border-radius:10px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5}.staff-job-info.location.fleet .staff-job-info-icon{background:#dcfce7;color:#059669}.staff-job-info>div{min-width:0;display:grid;gap:3px}.staff-job-info small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:850}.staff-job-info strong{font-size:11px;color:#263247;line-height:1.35}.staff-job-info em{font-style:normal;font-size:8px;color:#8a94a7;line-height:1.35}.staff-job-ai-voice{display:flex;gap:10px;margin:0 18px 12px;padding:11px 12px;border-radius:15px;background:linear-gradient(135deg,#faf7ff,#f5f7ff);border:1px solid #e8ddff}.staff-job-ai-icon{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-weight:900;box-shadow:0 5px 12px #6366f12e}.staff-job-ai-voice>div{min-width:0}.staff-job-ai-voice small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#7c3aed;font-weight:850;margin-bottom:3px}.staff-job-ai-voice p{margin:0;color:#455168;font-size:10px;line-height:1.5;font-weight:600}.staff-job-meta-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;background:#fafbfe;color:#778296;font-size:9px;font-weight:650}.staff-job-meta-row span{display:inline-flex;align-items:center;gap:4px}.staff-job-meta-row svg{color:#7c86a0}.staff-job-timer{margin-left:auto;color:#4f46e5!important;font-weight:850!important}.staff-job-timer svg{color:#6366f1!important}.staff-job-actions{display:flex;gap:8px;flex-wrap:wrap;padding:13px 18px 15px}.staff-job-btn{min-height:38px;border-radius:11px;border:1px solid transparent;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:850;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.staff-job-btn:hover{transform:translateY(-1px)}.staff-job-btn.secondary{background:#172033;color:#fff;box-shadow:0 6px 15px #17203321}.staff-job-btn.start{background:linear-gradient(135deg,#16a34a,#059669);color:#fff;box-shadow:0 7px 16px #0596692e}.staff-job-btn.pause{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.staff-job-btn.complete{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;box-shadow:0 7px 16px #4f46e52e}.staff-job-btn.ghost{background:#fff;border-color:#dfe4ed;color:#475569}.staff-job-pause,.staff-job-remarks{display:flex;align-items:flex-start;gap:7px;margin:0 18px 14px;padding:9px 11px;border-radius:11px;font-size:9px;line-height:1.45}.staff-job-pause{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.staff-job-remarks{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.staff-job-pause svg,.staff-job-remarks svg{margin-top:1px;flex:0 0 auto}@media(max-width:768px){.staff-job-card{border-radius:18px;box-shadow:0 8px 24px #1e293b11}.staff-job-card:hover{transform:none;box-shadow:0 8px 24px #1e293b11}.staff-job-card-top{padding:13px 13px 8px;align-items:flex-start}.staff-job-kicker{font-size:8px}.staff-job-id-wrap>b{font-size:11px}.staff-job-badges{gap:5px}.staff-job-status,.staff-job-priority{padding:4px 7px;font-size:8px}.staff-job-vehicle-row{gap:10px;padding:7px 13px 13px}.staff-job-vehicle-image{width:70px;height:58px;flex-basis:70px;border-radius:14px}.staff-job-vehicle-image span{width:34px;height:34px;border-radius:11px;font-size:10px}.staff-job-vehicle-copy h3{font-size:15px}.staff-job-reg,.staff-job-customer{font-size:8px}.staff-job-info-grid{grid-template-columns:1fr;padding:0 13px 10px;gap:7px}.staff-job-info{padding:10px;border-radius:13px}.staff-job-info-icon{width:29px;height:29px;flex-basis:29px}.staff-job-info small{font-size:7px}.staff-job-info strong{font-size:10px}.staff-job-info em{font-size:7px}.staff-job-ai-voice{margin:0 13px 10px;padding:9px 10px;border-radius:13px}.staff-job-ai-icon{width:26px;height:26px;flex-basis:26px}.staff-job-ai-voice small{font-size:7px}.staff-job-ai-voice p{font-size:9px}.staff-job-meta-row{padding:9px 13px;gap:6px;font-size:8px}.staff-job-meta-row>span{max-width:100%}.staff-job-timer{margin-left:0!important;width:100%;padding-top:2px}.staff-job-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:11px 13px 13px}.staff-job-btn{width:100%;min-height:42px;padding:9px 7px;font-size:9px;border-radius:11px}.staff-job-actions .secondary{grid-column:1/-1}.staff-job-actions .ghost{min-height:40px}.staff-job-pause,.staff-job-remarks{margin:0 13px 11px;font-size:8px}}@media(max-width:380px){.staff-job-card-top,.staff-job-vehicle-row,.staff-job-info-grid{padding-left:11px;padding-right:11px}.staff-job-ai-voice{margin-left:11px;margin-right:11px}.staff-job-meta-row,.staff-job-actions{padding-left:11px;padding-right:11px}.staff-job-vehicle-image{width:62px;height:54px;flex-basis:62px}.staff-job-vehicle-copy h3{font-size:14px}}.myworks-head{position:relative;z-index:1}.myworks-actions{display:flex;align-items:center;gap:8px;margin-top:2px}.staff-job-list{position:relative}.staff-job-list .staff-job-card{isolation:isolate}.staff-job-card{border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(99,102,241,.07),transparent 32%),linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 18px 48px #0f172a13,0 3px 10px #0f172a09}.staff-job-card:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:20px;pointer-events:none;border:1px solid rgba(255,255,255,.85);z-index:-1}.staff-job-card.is-running{box-shadow:0 0 0 4px #4f46e50e,0 20px 52px #4f46e51f}.staff-job-card.is-running .staff-job-accent{background:linear-gradient(90deg,#10b981,#2563eb,#7c3aed);animation:staffJobPulse 2.2s ease-in-out infinite}.staff-job-vehicle-row{padding-top:10px;padding-bottom:15px}.staff-job-vehicle-image{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fffc,0 8px 18px #2563eb1f}.staff-job-vehicle-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.42),transparent 55%);pointer-events:none}.staff-job-info-grid{gap:12px}.staff-job-info{min-height:76px;align-items:flex-start;transition:transform .18s ease,box-shadow .18s ease}.staff-job-info:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a0d}.staff-job-ai-voice{position:relative;overflow:hidden;margin-top:2px;box-shadow:0 8px 20px #6366f10e}.staff-job-ai-voice:after{content:"";position:absolute;width:90px;height:90px;right:-35px;top:-45px;border-radius:50%;background:#7c3aed14}.staff-job-schedule{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 18px 2px;padding:9px 10px;border:1px dashed #dbe2ee;border-radius:13px;background:#f8fafc}.staff-job-schedule span{min-width:0;display:grid;gap:3px;padding:0 8px;border-right:1px solid #e6eaf1}.staff-job-schedule span:last-child{border-right:0}.staff-job-schedule b{font-size:7px;letter-spacing:.1em;color:#94a3b8;font-weight:900}.staff-job-schedule em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;font-weight:800;color:#334155}.staff-job-schedule span:first-child em{color:#4f46e5}.staff-job-actions{padding-top:14px;padding-bottom:17px}.staff-job-btn{min-height:40px;border-radius:12px;padding-inline:14px}.staff-job-btn.secondary{background:linear-gradient(135deg,#172033,#263653)}.staff-job-btn.start,.staff-job-btn.pause,.staff-job-btn.complete{box-shadow:0 8px 18px #0f172a1a}.works-mode-tabs{position:sticky;top:8px;z-index:5;padding:5px;background:#f8fafcdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px}.works-mode-btn{min-height:46px}.job-card-summary{min-height:76px;transition:transform .18s ease,box-shadow .18s ease}.job-card-summary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a14}.work-card{border-radius:18px;padding:17px 18px;box-shadow:0 8px 24px #0f172a0b;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.work-card:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 13px 30px #2563eb13}.work-title{font-weight:800}.work-card-actions .icon-btn{border-radius:10px}@keyframes staffJobPulse{0%,to{opacity:1}50%{opacity:.72}}@media(max-width:768px){.myworks-head{gap:10px!important;margin-bottom:10px!important}.myworks-head>:first-child{flex:1 1 100%;min-width:0}.myworks-head>.myworks-actions{width:100%}.myworks-head>button{width:100%}.myworks-actions{width:100%}.myworks-actions>button{flex:1;min-height:42px;justify-content:center}.works-mode-tabs{top:4px;padding:4px;margin-bottom:10px}.works-mode-btn{min-height:44px;padding:9px 7px}.job-card-summary-grid{margin-bottom:11px}.staff-job-card{border-radius:19px}.staff-job-card:after{border-radius:16px}.staff-job-card-top{padding:12px 12px 7px}.staff-job-vehicle-row{padding:8px 12px 12px}.staff-job-vehicle-image{width:58px;height:58px;flex:0 0 58px;border-radius:16px}.staff-job-vehicle-copy h3{font-size:13px;line-height:1.25}.staff-job-reg,.staff-job-customer{font-size:9px}.staff-job-info-grid{grid-template-columns:1fr;gap:8px;padding:0 12px 10px}.staff-job-info{min-height:0;padding:10px;border-radius:13px}.staff-job-info strong{font-size:10px}.staff-job-ai-voice{margin:0 12px 10px;padding:10px;border-radius:13px}.staff-job-schedule{grid-template-columns:1fr 1fr;gap:0;margin:0 12px 2px;padding:8px 2px}.staff-job-schedule span{padding:3px 7px}.staff-job-schedule span:nth-child(2){border-right:0}.staff-job-schedule span:last-child{grid-column:1/-1;border-right:0;border-top:1px solid #e6eaf1;margin-top:3px;padding-top:6px}.staff-job-meta-row{padding:9px 12px;gap:6px}.staff-job-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 12px 13px}.staff-job-btn{width:100%;min-height:42px;padding:9px 8px;font-size:9px}.staff-job-actions .secondary{grid-column:1/-1}.work-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:13px}.work-card-body{min-width:0}.work-card-top{align-items:flex-start}.work-title{font-size:13px}.work-desc{font-size:11px;line-height:1.45}.work-notes{font-size:10px}.work-card-actions{grid-column:2;flex-direction:row;justify-content:flex-end;padding-top:2px}}@media(max-width:420px){.staff-job-badges{width:100%;justify-content:flex-start}.staff-job-card-top{flex-direction:column;gap:7px}.staff-job-schedule{grid-template-columns:1fr}.staff-job-schedule span{border-right:0!important;border-top:1px solid #e6eaf1}.staff-job-schedule span:first-child{border-top:0}.staff-job-schedule span:last-child{grid-column:auto}.staff-job-actions{grid-template-columns:1fr}.staff-job-actions .secondary{grid-column:auto}}.pending-job-filters,.completed-job-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:4px;border:1px solid #e5eaf2;border-radius:14px;background:#f8fafc}.pending-job-filters button,.completed-job-filters button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#64748b;font-size:11px;font-weight:800;line-height:1;cursor:pointer;transition:all .18s ease}.pending-job-filters button span,.completed-job-filters button span{min-width:20px;padding:3px 6px;border-radius:999px;background:#e9eef6;color:#64748b;font-size:9px;font-weight:850}.pending-job-filters button:hover,.completed-job-filters button:hover{background:#fff;color:#334155;border-color:#dbe3ef}.pending-job-filters button.active{background:#fff7ed;color:#c2410c;border-color:#fdba74;box-shadow:0 3px 10px #ea580c14}.pending-job-filters button.active span{background:#ffedd5;color:#c2410c}.completed-job-filters button.active{background:#ecfdf5;color:#15803d;border-color:#86efac;box-shadow:0 3px 10px #16a34a14}.completed-job-filters button.active span{background:#dcfce7;color:#15803d}.pending-job-list,.completed-job-list{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:1024px){.pending-job-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media(max-width:768px){.pending-job-filters,.completed-job-filters{gap:6px;margin-bottom:12px;padding:3px}.pending-job-filters button,.completed-job-filters button{flex:1 1 auto;min-height:34px;padding:7px 9px;font-size:10px}}.nav-item.nav-sub{padding:8px 12px 8px 28px;font-size:12.5px;color:#9ca3af;border-radius:8px}.nav-item.nav-sub.active{background:#dbeafe;color:#1d4ed8;font-weight:600}.nav-item.nav-sub svg:first-child{color:#93c5fd}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#374151;border:1.5px solid #e4e7ef;border-radius:9px;padding:8px 15px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-ghost:hover:not(:disabled){background:#f3f4f6}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a00;z-index:900;pointer-events:none;transition:background .3s ease}.drawer-overlay.drawer-overlay-open{background:#0f172a73;pointer-events:all;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-panel{position:fixed;top:0;right:0;height:100vh;background:#fff;border-left:1px solid #e4e7ef;box-shadow:-8px 0 40px #0000001f,-2px 0 8px #0000000f;z-index:950;display:flex;flex-direction:column;transform:translate(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);max-width:100vw}.drawer-panel.drawer-panel-open{transform:translate(0)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 18px;border-bottom:1px solid #f0f2f5;flex-shrink:0;background:#fff}.drawer-title{font-size:18px;font-weight:800;color:#1a1f2e;line-height:1.3}.drawer-subtitle{font-size:12.5px;color:#6b7280;margin-top:5px;line-height:1.5}.drawer-body{flex:1;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:0;scroll-behavior:smooth}.drawer-body::-webkit-scrollbar{width:5px}.drawer-body::-webkit-scrollbar-track{background:transparent}.drawer-body::-webkit-scrollbar-thumb{background:#e4e7ef;border-radius:10px}.drawer-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;margin-bottom:12px;margin-top:4px;padding-bottom:6px;border-bottom:1px solid #f3f4f6}.drawer-footer{border-top:1px solid #f0f2f5;padding:16px 24px;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;background:#fafbfc}.drawer-steps{display:flex;align-items:center;gap:0;margin-bottom:20px;background:#f5f6fa;border-radius:10px;padding:4px}.drawer-step-item{flex:1;text-align:center;padding:8px 4px;border-radius:8px;font-size:12px;font-weight:600;color:#9ca3af;transition:all .2s}.drawer-step-item.active{background:#fff;color:#1d4ed8;box-shadow:0 1px 4px #00000014}.drawer-step-item.done{color:#16a34a}.fld-input{width:100%;background:#f9fafb;border:1.5px solid #e4e7ef;border-radius:9px;padding:10px 13px;font-size:13px;color:#1a1f2e;outline:none;transition:border-color .15s;font-family:inherit}.toast-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:grid;place-items:center;pointer-events:none;padding:24px}.toast{pointer-events:auto;display:flex;align-items:center;gap:13px;min-width:min(420px,calc(100vw - 48px));max-width:520px;padding:16px 19px;border-radius:16px;background:#fff;border:1px solid #e6ebf2;box-shadow:0 22px 70px #0f172a33,0 5px 18px #0f172a14;animation:toastCenterIn .22s cubic-bezier(.2,.8,.2,1)}.toast-icon{width:38px;height:38px;min-width:38px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:900}.toast-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.toast-copy strong{font-size:13px;line-height:1.2;color:#172033}.toast-copy span{font-size:12px;line-height:1.45;color:#667085;overflow-wrap:anywhere}.toast-success .toast-icon{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.toast-error .toast-icon{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}@keyframes toastCenterIn{0%{transform:translateY(10px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.vehicle-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.cat-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;border:2px solid #e4e7ef;border-radius:14px;background:#fff;cursor:pointer;transition:all .15s;font-family:inherit}.cat-btn:hover{border-color:#93c5fd;background:#eff6ff}.cat-btn.selected{border-color:#1d4ed8;background:#eff6ff}.cat-emoji{font-size:30px;line-height:1}.cat-label{font-size:13px;font-weight:700;color:#1a1f2e}.cat-desc{font-size:11px;color:#9ca3af;text-align:center}.upload-zone{border:2px dashed #d1d5db;border-radius:14px;background:#f9fafb;margin-bottom:14px;overflow:hidden;transition:border-color .15s}.upload-zone:hover{border-color:#1d4ed8;background:#eff6ff}.upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px;cursor:pointer;color:#6b7280}.upload-label svg{color:#9ca3af}.upload-label span{font-size:14px;font-weight:600}.upload-label small{font-size:11px}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:4px}.img-grid.small{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.img-thumb{position:relative;border-radius:10px;overflow:hidden;border:1px solid #e4e7ef;aspect-ratio:1}.img-thumb.small img{object-fit:cover}.img-name{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:9px;padding:3px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-remove{position:absolute;top:4px;right:4px;background:#dc2626e6;border:none;border-radius:50%;color:#fff;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.review-section{display:flex;flex-direction:column;gap:0}.review-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:8px}.success-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin-bottom:4px}.success-card p{font-size:13px;color:#6b7280;max-width:320px;line-height:1.5}.cred-box{background:#f9fafb;border:1.5px solid #e4e7ef;border-radius:12px;overflow:hidden;margin:4px 0;text-align:left}.cred-row code{font-family:Menlo,Consolas,monospace;font-size:12.5px;color:#1a1f2e;background:#f0f1f5;padding:2px 8px;border-radius:5px}@media(max-width:768px){.shell{grid-template-columns:1fr}.sidebar{display:none}.page-body{padding:16px}.metric-grid{grid-template-columns:1fr 1fr}.drawer-panel{width:100vw!important}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.topbar-user .user-name,.topbar-user .user-role{display:none}.review-grid,.row-2,.vehicle-cat-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-drawer{background:#fff;border-radius:20px;display:flex;flex-direction:column;max-height:min(88vh,760px);box-shadow:0 24px 60px #00000038;width:100%}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f0f2f5}.modal-subtitle{font-size:13px;color:#6b7280;margin-top:4px}.modal-body{flex:1;overflow-y:auto;padding:22px 24px 8px}.modal-footer{border-top:1px solid #f0f2f5;padding:16px 24px;display:flex;justify-content:flex-end;gap:10px}.fmodal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;background:#0f172a85;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fmodalFadeIn .18s ease}@keyframes fmodalFadeIn{0%{opacity:0}to{opacity:1}}.fmodal-panel{background:#fff;border-radius:20px;display:flex;flex-direction:column;max-height:min(90vh,860px);box-shadow:0 28px 70px #0000003d,0 4px 16px #0000001a;animation:fmodalSlideUp .22s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes fmodalSlideUp{0%{transform:translateY(28px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.fmodal-body{flex:1;overflow-y:auto;padding:22px 24px!important}.fmodal-body::-webkit-scrollbar{width:5px}.fmodal-body::-webkit-scrollbar-track{background:transparent}.fmodal-body::-webkit-scrollbar-thumb{background:#e4e7ef;border-radius:10px}.sidebar-skel-item:nth-child(6) .sidebar-skel-label{width:72%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hub-map-container{position:relative;height:480px;border-radius:12px;overflow:hidden;border:1px solid #e4e7ef;box-shadow:0 2px 12px #00000012}#fran-hub-map{width:100%;height:100%}.fleet-inventory-tabs{display:flex;gap:8px;margin:4px 0 18px;padding:5px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;width:max-content;max-width:100%}.fleet-inventory-tabs button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#64748b;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;white-space:nowrap}.fleet-inventory-tabs button span{min-width:22px;text-align:center;background:#e2e8f0;color:#475569;border-radius:99px;padding:2px 7px;font-size:11px}.fleet-inventory-tabs button.active{background:#fff;color:#2563eb;box-shadow:0 4px 12px #0f172a14}.fleet-inventory-tabs button.active span{background:#dbeafe;color:#1d4ed8}.fleet-vehicle-list{display:flex;flex-direction:column;gap:14px}.fleet-vehicle-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;box-shadow:0 6px 24px #0f172a0d}.fleet-vehicle-card.setup{border-color:#fde68a;background:linear-gradient(180deg,#fffdf7,#fff)}.fleet-vehicle-card.live{border-color:#bbf7d0}.fleet-vehicle-main{display:flex;align-items:flex-start;gap:13px}.fleet-vehicle-thumb{width:62px;height:62px;border-radius:14px;display:grid;place-items:center;overflow:hidden;flex:0 0 62px;background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.fleet-vehicle-thumb img{width:100%;height:100%;object-fit:cover}.fleet-vehicle-copy{min-width:0;flex:1}.fleet-vehicle-title{font-size:16px;font-weight:800;color:#0f172a;letter-spacing:-.2px}.fleet-vehicle-meta{font-size:12px;color:#64748b;margin-top:4px;line-height:1.5}.fleet-source{display:flex;align-items:center;gap:5px;color:#7c3aed;font-size:11px;font-weight:700;margin-top:7px}.fleet-status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.fleet-status.setup{background:#fef3c7;color:#92400e}.fleet-status.live{background:#dcfce7;color:#166534}.fleet-vehicle-details,.fleet-finance-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid #eef2f7}.fleet-vehicle-details div,.fleet-finance-strip div{display:flex;flex-direction:column;gap:4px;min-width:0}.fleet-vehicle-details span,.fleet-finance-strip span{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.45px;font-weight:700}.fleet-vehicle-details b,.fleet-finance-strip b{font-size:12px;color:#1e293b}.fleet-plan-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.fleet-plan-chips span{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.fleet-configure-btn{margin-top:14px;width:100%;justify-content:center}.fleet-empty{text-align:center;padding:42px 20px;color:#94a3b8}.fleet-empty svg{margin-bottom:10px}.fleet-empty h3{margin:0;color:#334155;font-size:16px}.fleet-empty p{margin:6px 0 0;font-size:12px}.fleet-setup-modal{width:min(650px,100%)}.fleet-setup-vehicle{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;margin-bottom:18px}.fleet-setup-vehicle strong{display:block;font-size:15px;color:#0f172a}.fleet-setup-vehicle small{display:block;color:#64748b;font-size:11px;margin-top:4px}.fleet-setup-section{padding:15px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.fleet-setup-heading{font-size:15px;font-weight:800;color:#0f172a}.fleet-setup-help{margin:4px 0 12px;color:#64748b;font-size:12px;line-height:1.5}.fleet-plan-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e5e7eb;border-radius:12px;margin-top:8px;background:#fff}.fleet-plan-row.selected{border-color:#bfdbfe;background:#eff6ff}.fleet-plan-check{display:flex;align-items:center;gap:9px;min-width:0;cursor:pointer}.fleet-plan-check input{display:none}.fleet-checkmark{width:20px;height:20px;border:1.5px solid #cbd5e1;border-radius:6px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900;flex:0 0 20px;background:#fff}.fleet-plan-row.selected .fleet-checkmark{background:#2563eb;border-color:#2563eb}.fleet-plan-check strong{font-size:13px;color:#334155}.fleet-plan-input{display:flex;align-items:center;gap:6px;color:#64748b;font-size:11px}.fleet-plan-input input{width:110px;border:1px solid #dbe3ef;border-radius:9px;padding:8px 9px;font-weight:700;color:#0f172a;background:#fff}.fleet-plan-input input:disabled{background:#f1f5f9;color:#94a3b8}.fleet-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.fleet-form-grid label,.fleet-description-label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:#475569}.fleet-form-grid input,.fleet-description-label textarea{width:100%;box-sizing:border-box;border:1px solid #dbe3ef;border-radius:10px;padding:10px 11px;background:#fff;font:inherit;color:#0f172a}.fleet-description-label{margin-top:14px}.fleet-description-label textarea{resize:vertical;min-height:78px;line-height:1.5}.fleet-publish-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:12px;font-size:11px;line-height:1.5}.fleet-publish-note b{font-size:12px}@media(max-width:700px){.fleet-inventory-tabs{width:100%}.fleet-inventory-tabs button{flex:1;justify-content:center;padding:9px 8px;font-size:12px}.fleet-vehicle-main{align-items:flex-start}.fleet-status{font-size:9px;padding:4px 7px}.fleet-vehicle-details,.fleet-finance-strip{grid-template-columns:repeat(3,1fr)}.fleet-plan-row{align-items:flex-start;flex-direction:column}.fleet-plan-input{width:100%}.fleet-plan-input input{width:100%;box-sizing:border-box}.fleet-form-grid{grid-template-columns:1fr}}.maintenance-service-banner{border-radius:16px}:root{--fo-bg:#f6f8fc;--fo-surface:#fff;--fo-border:#e4eaf2;--fo-border-strong:#d7e0ec;--fo-text:#172033;--fo-muted:#667085;--fo-blue:#2563eb;--fo-blue-soft:#eff6ff;--fo-shadow:0 8px 28px rgba(15,23,42,.055)}body{background:var(--fo-bg);color:var(--fo-text);-webkit-font-smoothing:antialiased}.page-body{padding:30px 32px 42px;max-width:1700px;width:100%;margin:0 auto}.page-header{padding:2px 2px 0;margin-bottom:24px;align-items:center}.page-title{font-size:25px;line-height:1.18;letter-spacing:-.035em;color:#111827}.page-sub{font-size:13px;line-height:1.55;color:var(--fo-muted);max-width:780px;margin-top:6px}.ph-actions{gap:8px}.card{border:1px solid var(--fo-border);border-radius:18px;padding:21px;margin-bottom:18px;box-shadow:var(--fo-shadow);background:#fffffff5}.card-head{min-height:31px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #eef2f7}.card-title{font-size:15px;font-weight:850;letter-spacing:-.015em;color:#111827}.card-section-note{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#98a2b3;background:#f8fafc;border:1px solid #edf1f6;border-radius:999px;padding:6px 9px}.metric-grid{gap:15px;margin-bottom:22px}.metric-card{border:1px solid var(--fo-border);border-radius:17px;padding:17px 18px;box-shadow:0 5px 18px #0f172a0a}.metric-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a12;transition:.18s ease}.metric-label{font-size:11px;font-weight:700;color:#667085;text-transform:uppercase;letter-spacing:.045em}.metric-value{font-size:22px;letter-spacing:-.02em}.two-col-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.maintenance-layout{display:grid;grid-template-columns:minmax(440px,.92fr) minmax(0,1.08fr);gap:20px;align-items:start}.maintenance-layout>.card{min-width:0}.maintenance-layout>.card:first-child{position:sticky;top:86px}.maintenance-tabs-shell{width:100%}.maintenance-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:6px;margin:0 0 18px;border:1px solid #e3e9f2;border-radius:15px;background:#eef3f9;box-shadow:0 4px 16px #0f172a0a}.maintenance-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:#667085;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 14px;border-radius:11px;cursor:pointer;transition:all .18s ease;font:inherit;min-width:0}.maintenance-tab:hover{background:#ffffffb8;color:#344054}.maintenance-tab.active{background:#fff;border-color:#dbe5f2;color:#172033;box-shadow:0 5px 16px #0f172a14}.maintenance-tab-icon{width:31px;height:31px;min-width:31px;border-radius:9px;display:grid;place-items:center;background:#eaf2ff;color:#2563eb;font-size:17px;font-weight:800}.maintenance-tab.active .maintenance-tab-icon{background:#2563eb;color:#fff;box-shadow:0 5px 12px #2563eb33}.maintenance-tab strong{display:block;font-size:12.5px;font-weight:850;line-height:1.25}.maintenance-tab small{display:block;margin-top:3px;font-size:10.5px;color:#98a2b3;line-height:1.3}.maintenance-tab.active small{color:#7b8798}.maintenance-tab-panel>.card{margin-bottom:0}.fld{gap:7px;margin-bottom:15px}.fld-label{font-size:11px;font-weight:800;letter-spacing:.025em;color:#344054}.req{color:#ef4444}.fld-hint{font-size:11px;line-height:1.45;color:#98a2b3}.fld>input,.fld>select,.fld>textarea,.fld-input,.maintenance-form input,.maintenance-form select,.maintenance-form textarea{width:100%;min-height:43px;padding:11px 13px;border:1px solid #d9e1ec;border-radius:11px;background:#fbfcfe;color:#172033;font-size:13px;line-height:1.4;outline:none;font-family:inherit;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.fld>input:hover,.fld>select:hover,.fld>textarea:hover{border-color:#c5d0df;background:#fff}.fld>input:focus,.fld>select:focus,.fld>textarea:focus,.fld-input:focus,.maintenance-form input:focus,.maintenance-form select:focus,.maintenance-form textarea:focus{border-color:#7aa7f8;background:#fff;box-shadow:0 0 0 4px #2563eb17}.fld>textarea,.maintenance-form textarea{min-height:94px;resize:vertical}.fld>select,.maintenance-form select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.fld>input::placeholder,.fld>textarea::placeholder,.maintenance-form input::placeholder,.maintenance-form textarea::placeholder{color:#a5afbf}input[type=checkbox]{accent-color:#2563eb}.row-2,.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid-2 .fld{min-width:0}.maintenance-form{display:flex;flex-direction:column;gap:0}.form-section{padding:2px 0 20px;margin-bottom:19px;border-bottom:1px solid #edf1f6}.form-section:last-of-type{margin-bottom:0}.form-section-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}.form-section-icon{width:34px;height:34px;min-width:34px;display:grid;place-items:center;border-radius:10px;background:#f3f6fb;border:1px solid #e7edf5;font-size:16px}.form-section-title strong{display:block;font-size:13px;font-weight:850;color:#182230;line-height:1.35}.form-section-title small{display:block;margin-top:3px;font-size:10.5px;color:#8b95a7;line-height:1.45}.loading-inline{display:flex;align-items:center;gap:8px;margin:-2px 0 14px;padding:10px 12px;border-radius:10px;background:#f8fafc;color:#667085;font-size:11.5px;border:1px solid #edf1f6}.mini-spinner{width:14px;height:14px;border:2px solid #dbe5f3;border-top-color:#2563eb;border-radius:50%;animation:foSpin .7s linear infinite}@keyframes foSpin{to{transform:rotate(360deg)}}.customer-context-card{padding:15px;border:1px solid #cfe0ff;border-radius:15px;background:linear-gradient(145deg,#f5f9ff,#fff);margin:2px 0 16px;box-shadow:0 6px 18px #2563eb0f}.context-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}.context-avatar{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#eaf2ff}.context-heading>div{min-width:0;flex:1}.context-heading strong{display:block;font-size:12.5px;color:#1d3f79}.context-heading small{display:block;font-size:10px;color:#7590b6;margin-top:2px}.context-status{font-size:9px;font-weight:900;letter-spacing:.08em;padding:5px 7px;border-radius:999px;color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.context-grid>div{padding:9px 10px;border-radius:10px;background:#ffffffb8;border:1px solid #e8eef8;min-width:0}.context-grid .context-wide{grid-column:1/-1}.context-grid small,.context-grid strong{display:block}.context-grid small{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#8b95a7;font-weight:800}.context-grid strong{font-size:11.5px;color:#344054;margin-top:3px;line-height:1.4;overflow-wrap:anywhere}.map-link{display:inline-flex;align-items:center;gap:5px;margin-top:11px;color:#2563eb;text-decoration:none;font-size:11px;font-weight:850}.map-link:hover{text-decoration:underline}.map-link span{font-size:13px}.no-customer-card{display:flex;flex-direction:column;gap:3px;padding:12px 13px;margin:0 0 15px;border:1px dashed #cbd5e1;border-radius:12px;background:#fafbfc;color:#64748b}.no-customer-card strong{font-size:11.5px;color:#475569}.no-customer-card span{font-size:10.5px;line-height:1.45}.money-input{display:flex;align-items:stretch;width:100%}.money-input>span{display:grid;place-items:center;width:38px;border:1px solid #d9e1ec;border-right:0;border-radius:11px 0 0 11px;background:#f4f7fb;color:#667085;font-weight:800;font-size:13px}.money-input>input{border-radius:0 11px 11px 0!important}.vendor-location-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;margin:-2px 0 13px;border:1px solid #dce7f5;border-radius:12px;background:#f8fbff}.vendor-location-card>div{min-width:0}.vendor-location-card small,.vendor-location-card strong{display:block}.vendor-location-card small{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8b95a7;font-weight:800}.vendor-location-card strong{font-size:11.5px;color:#344054;margin-top:3px;line-height:1.45}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0 0}.form-actions>div{min-width:0}.form-actions strong{display:block;font-size:12px;color:#344054}.form-actions small{display:block;color:#98a2b3;font-size:10.5px;line-height:1.45;margin-top:3px}.form-actions .btn-primary{min-height:44px;padding:0 18px;box-shadow:0 7px 18px #2563eb2e}.maintenance-table-wrap{min-width:0}.table-scroll{border:1px solid #edf1f6;border-radius:13px;overflow:auto;background:#fff}table{font-size:12px;min-width:720px}th{background:#f8fafc;color:#7a8496;padding:11px 12px;font-size:9.5px;letter-spacing:.07em;border-bottom:1px solid #e8edf4}td{padding:12px;border-bottom:1px solid #f0f3f7;color:#475467;font-size:11.5px;vertical-align:middle}tr:hover td{background:#fbfdff}.maintenance-row-context{display:grid;gap:3px;min-width:125px;font-size:10px;color:#667085;line-height:1.35}.maintenance-row-context a{color:#2563eb;text-decoration:none;font-weight:800}.maintenance-row-context a:hover{text-decoration:underline}.status-pill{font-size:9.5px;padding:5px 8px;border-radius:999px;letter-spacing:.02em}.empty{padding:44px 22px;color:#98a2b3}.btn-primary,.btn-ghost{min-height:40px;border-radius:11px;padding:9px 14px;font-size:12px;font-weight:800;transition:.18s ease;box-shadow:none}.btn-primary{box-shadow:0 5px 14px #2563eb24}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #2563eb2e}.btn-ghost:hover:not(:disabled){border-color:#c8d5e5;background:#f8fafc;transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a}.modal-drawer{border-radius:20px 0 0 20px!important;border-left:1px solid #e4eaf2;box-shadow:-18px 0 50px #0f172a29}.modal-head{padding:20px 22px!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important}.modal-title{font-size:17px!important;letter-spacing:-.02em}.modal-subtitle{font-size:11px!important;color:#7b8798!important}.modal-body{padding:20px 22px!important}input[type=file]{padding:9px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:11px;cursor:pointer}input[type=file]::file-selector-button{border:0;border-radius:8px;background:#eaf2ff;color:#2563eb;padding:7px 10px;font-weight:800;margin-right:9px;cursor:pointer}.sidebar{box-shadow:4px 0 20px #0f172a06}.nav-item{min-height:40px;border-radius:10px}.nav-item.active{box-shadow:inset 3px 0 #2563eb}@media(max-width:1180px){.maintenance-layout{grid-template-columns:1fr}.maintenance-layout>.card:first-child{position:static}.two-col-grid{grid-template-columns:1fr}}@media(max-width:820px){.maintenance-tabs{grid-template-columns:1fr}.maintenance-tab{padding:10px 12px}.page-body{padding:22px 18px 34px}.page-title{font-size:22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-2,.row-2,.context-grid{grid-template-columns:1fr}.context-grid .context-wide{grid-column:auto}.vendor-location-card{align-items:flex-start;flex-direction:column}.form-actions{align-items:stretch;flex-direction:column}.form-actions .btn-primary{width:100%;justify-content:center}}@media(max-width:560px){.page-body{padding:17px 12px 28px}.card{padding:16px;border-radius:15px}.page-header{margin-bottom:18px}.metric-grid{grid-template-columns:1fr;gap:10px}.metric-card{padding:14px}.form-section{padding-bottom:16px;margin-bottom:15px}.form-section-title{margin-bottom:12px}.service-location-card{padding:13px}}.fleet-bike-id{display:inline-flex;align-items:center;margin-right:8px;padding:4px 7px;border-radius:7px;background:#ecfdf5;color:#047857;font-family:monospace;font-size:9px;font-weight:900;vertical-align:middle;letter-spacing:.02em}.fleet-vehicle-title{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.fr-rental-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:14px}.fr-rental-meta-grid>div{background:#f8fafc;border:1px solid #e8eef6;border-radius:12px;padding:10px 12px;min-width:0}.fr-rental-meta-grid small,.fr-payment-details small,.fr-payment-bike small{display:block;color:#718096;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px}.fr-rental-meta-grid strong{display:block;color:#162033;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.fr-rental-meta-grid .fr-bike-id-meta{background:linear-gradient(135deg,#eff6ff,#f8fbff);border-color:#bfdbfe}.fr-rental-meta-grid .fr-bike-id-meta strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#1d4ed8;letter-spacing:.02em}.fr-payment-ledger{display:grid;gap:16px}.fr-payment-card{background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:18px;box-shadow:0 8px 28px #1e32500f}.fr-payment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #edf1f6}.fr-payment-kicker{font-size:10px;font-weight:900;letter-spacing:.08em;color:#64748b}.fr-payment-head h3{margin:5px 0 2px;font-size:17px;color:#162033}.fr-payment-head p{margin:0;color:#718096;font-size:12px}.fr-paid-pill{padding:7px 11px;border-radius:999px;background:#dcfce7;color:#166534;font-size:10px;font-weight:900;letter-spacing:.05em}.fr-payment-bike{display:grid;grid-template-columns:1.1fr 1.2fr 1fr;gap:10px;margin:14px 0}.fr-payment-bike>div{padding:12px;border-radius:12px;background:#f8fafc;border:1px solid #e8eef6}.fr-payment-bike>div:first-child{background:#eff6ff;border-color:#bfdbfe}.fr-payment-bike>div:first-child strong{color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fr-payment-bike strong,.fr-payment-details strong{font-size:13px;color:#162033;display:block;overflow-wrap:anywhere}.fr-payment-details{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.fr-payment-details>div{padding:10px 11px;border-radius:10px;background:#fbfcfe;border:1px solid #edf1f6}.fr-payment-address{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:12px;background:#f8fafc}.fr-payment-address span{font-size:11px;font-weight:800;color:#64748b;white-space:nowrap}.fr-payment-address strong{font-size:12px;color:#334155;font-weight:600}@media(max-width:1000px){.fr-payment-details{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:700px){.fr-payment-card{padding:14px}.fr-payment-head{flex-direction:column}.fr-payment-bike{grid-template-columns:1fr}.fr-payment-details{grid-template-columns:repeat(2,minmax(0,1fr))}.fr-payment-address{flex-direction:column;gap:4px}}.fr-extension-summary-meta{background:linear-gradient(135deg,#f5f3ff,#faf8ff)!important;border-color:#ddd6fe!important;position:relative;overflow:hidden}.fr-extension-summary-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.fr-extension-summary-meta small{margin:0!important}.fr-extension-summary-meta strong{color:#5b21b6!important}.fr-extension-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#7c3aed;color:#fff;font-size:13px;font-weight:900;line-height:1}.fr-return-date-meta{background:#f8fafc!important}.fr-extension-history{margin-top:12px;border:1px solid #ddd6fe;border-radius:16px;background:linear-gradient(180deg,#faf8ff,#fff);overflow:hidden}.fr-extension-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #ede9fe}.fr-extension-history-head>div{display:flex;flex-direction:column;gap:3px}.fr-section-eyebrow{font-size:10px;font-weight:900;letter-spacing:.1em;color:#7c3aed}.fr-extension-history-head strong{font-size:14px;color:#312e81}.fr-extension-total{font-weight:900;color:#5b21b6;background:#ede9fe;border-radius:999px;padding:7px 10px;white-space:nowrap}.fr-extension-history-list{display:grid;gap:0}.fr-extension-history-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid #f1f0f7}.fr-extension-history-item:last-child{border-bottom:0}.fr-extension-number{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#7c3aed;color:#fff;font-size:12px;font-weight:900;box-shadow:0 3px 10px #7c3aed2e}.fr-extension-history-main{min-width:0}.fr-extension-history-title{font-size:13px;font-weight:850;color:#1e293b}.fr-extension-history-sub{margin-top:4px;font-size:11px;color:#64748b;line-height:1.45}.fr-extension-history-sub b{color:#334155}.fr-extension-history-amount{font-size:13px;font-weight:900;color:#166534;white-space:nowrap}.fr-extension-modal-history{margin-top:16px}@media(max-width:700px){.fr-extension-history-head{align-items:flex-start;flex-direction:column}.fr-extension-history-item{grid-template-columns:34px 1fr}.fr-extension-history-amount{grid-column:2}.fr-detail-grid{grid-template-columns:1fr}.fr-extension-history-item{padding:11px 12px}}.fr-payment-customer{display:flex;align-items:center;gap:12px;min-width:0}.fr-payment-avatar,.fr-payment-modal-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 42px;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1d4ed8;font-size:15px;font-weight:900;border:1px solid #bfdbfe}.fr-payment-head-right{display:flex;align-items:flex-end;flex-direction:column;gap:6px;flex-shrink:0}.fr-payment-amount{font-size:18px;color:#0f172a;line-height:1}.fr-payment-head h3{margin:3px 0 2px}.fr-payment-head p span{color:#cbd5e1}.fr-payment-summary-details{grid-template-columns:repeat(5,minmax(140px,1fr))}.fr-payment-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #edf1f6}.fr-payment-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.fr-extension-btn{border-color:#dbeafe;color:#1d4ed8;background:#f8fbff}.fr-payment-modal{width:min(920px,100%);max-height:min(90vh,900px);overflow:hidden}.fr-payment-modal-head{align-items:center}.fr-payment-modal-identity{display:flex;align-items:center;gap:12px;min-width:0}.fr-payment-modal-avatar{width:48px;height:48px;flex-basis:48px;border-radius:15px;font-size:17px}.fr-payment-modal-body{flex:1;overflow-y:auto;padding:20px 24px 10px;background:#f8fafc}.fr-payment-modal-body::-webkit-scrollbar{width:6px}.fr-payment-modal-body::-webkit-scrollbar-thumb{background:#dbe2ec;border-radius:99px}.fr-payment-modal-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin-bottom:16px;border:1px solid #dbeafe;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#fff 65%)}.fr-payment-modal-hero span{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:5px}.fr-payment-modal-hero strong{font-size:25px;color:#0f172a}.fr-payment-modal-status{padding:7px 11px;border-radius:99px;background:#dcfce7;color:#15803d;border:1px solid #bbf7d0;font-size:11px;font-weight:900;letter-spacing:.04em}.fr-payment-modal-section{background:#fff;border:1px solid #e5eaf1;border-radius:15px;padding:15px;margin-bottom:12px;box-shadow:0 3px 12px #0f172a09}.fr-payment-modal-section-title{font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#475569;margin-bottom:11px}.fr-payment-modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.fr-payment-modal-field{min-width:0;padding:10px 11px;border:1px solid #edf1f6;border-radius:10px;background:#fbfcfe}.fr-payment-modal-field span{display:block;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.fr-payment-modal-field strong{display:block;font-size:12.5px;line-height:1.4;color:#172033;overflow-wrap:anywhere}.fr-payment-modal-footer{background:#fff}@media(max-width:1000px){.fr-payment-summary-details{grid-template-columns:repeat(3,minmax(120px,1fr))}.fr-payment-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.fr-payment-head-right{align-items:flex-start}.fr-payment-head{flex-direction:column}.fr-payment-summary-details{grid-template-columns:repeat(2,minmax(0,1fr))}.fr-payment-modal{max-height:94vh;border-radius:16px}.fr-payment-modal-body{padding:15px 14px 8px}.fr-payment-modal-head{padding:17px 16px 13px}.fr-payment-modal-grid{grid-template-columns:1fr}.fr-payment-modal-hero{align-items:flex-start;flex-direction:column}.fr-payment-actions{justify-content:stretch}.fr-payment-actions button{flex:1 1 100%}}.fr-rental-ledger{display:grid;gap:16px}.fr-rental-card{background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:18px;box-shadow:0 8px 28px #1e32500e}.fr-rental-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid #edf1f6}.fr-rental-identity{display:flex;align-items:center;gap:12px;min-width:0}.fr-rental-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1d4ed8;border:1px solid #bfdbfe;font-weight:900}.fr-rental-title-wrap{min-width:0}.fr-rental-title-wrap h3{margin:4px 0 2px;font-size:17px;color:#162033}.fr-rental-title-wrap p{margin:0;font-size:12px;color:#64748b}.fr-rental-title-wrap p span{color:#cbd5e1;margin:0 3px}.fr-rental-head-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}.fr-rental-head-right strong{font-size:20px;color:#0f172a}.fr-rental-quick-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px;margin-top:14px}.fr-rental-quick{padding:12px;border-radius:12px;background:#f8fafc;border:1px solid #e8eef6;min-width:0}.fr-rental-quick.primary{background:linear-gradient(135deg,#eff6ff,#f8fbff);border-color:#bfdbfe}.fr-rental-quick.extension{background:#faf5ff;border-color:#e9d5ff}.fr-rental-quick small,.fr-rental-foot-info span{display:block;color:#718096;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px}.fr-rental-quick strong{display:block;color:#162033;font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}.fr-rental-quick.primary strong{color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fr-rental-quick.extension strong{color:#6d28d9}.fr-rental-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #edf1f6}.fr-rental-foot-info{display:flex;gap:14px;flex-wrap:wrap}.fr-rental-foot-info span{margin:0;text-transform:none;letter-spacing:0;font-size:11px;color:#64748b}.fr-rental-foot-info b{color:#172033;font-size:12px}.fr-rental-card-footer .fr-payment-actions{margin:0;padding:0;border:0}.fr-rental-detail-modal{width:min(820px,100%);max-height:92vh;overflow:hidden}.fr-rental-detail-body{overflow-y:auto;background:#f8fafc;padding:18px 22px}.fr-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;margin-bottom:14px;border:1px solid #dbeafe;border-radius:15px;background:linear-gradient(135deg,#eff6ff,#fff 65%)}.fr-detail-hero span:first-child{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:4px}.fr-detail-hero strong{font-size:24px;color:#0f172a}.fr-detail-section{background:#fff;border:1px solid #e5eaf1;border-radius:15px;padding:14px;margin-bottom:12px}.fr-detail-section-title{font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#475569;margin-bottom:10px}.fr-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.kv-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 0;border-bottom:1px solid #f1f5f9}.kv-row:nth-last-child(-n+2){border-bottom:0}.kv-row span{font-size:11px;color:#64748b}.kv-row strong{font-size:12px;color:#172033;text-align:right;overflow-wrap:anywhere}.fr-extension-mini{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:11px 12px;border:1px solid #ede9fe;border-radius:11px;background:#faf8ff;margin-top:8px}.fr-extension-mini>div{display:flex;gap:9px;align-items:center;min-width:0}.fr-extension-mini b{font-size:12px;color:#312e81}.fr-extension-mini span{font-size:11px;color:#64748b}.fr-extension-mini>strong{font-size:13px;color:#166534;white-space:nowrap}.fr-extension-mini small{grid-column:1/-1;color:#64748b;font-size:10.5px}.fr-extension-focus{display:flex;gap:10px;align-items:center;padding:11px 13px;margin-top:10px;border-radius:11px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.fr-extension-focus b{font-size:11px}.fr-extension-focus span{font-size:11px;color:#475569}.fr-payment-compact-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:10px;margin-top:12px}.fr-payment-compact-row>div{padding:10px 11px;border-radius:10px;background:#fbfcfe;border:1px solid #edf1f6;min-width:0}.fr-payment-compact-row>div.has-extension{background:#faf5ff;border-color:#e9d5ff}.fr-payment-compact-row small{display:block;color:#718096;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px}.fr-payment-compact-row strong{display:block;font-size:12px;color:#162033;overflow-wrap:anywhere}.fr-payment-compact-row .has-extension strong{color:#6d28d9}.fr-payment-card .fr-payment-actions{margin-top:12px}@media(max-width:1050px){.fr-rental-quick-grid{grid-template-columns:repeat(3,1fr)}.fr-payment-compact-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.fr-rental-card,.fr-payment-card{padding:14px}.fr-rental-card-head{flex-direction:column}.fr-rental-head-right{align-items:flex-start}.fr-rental-quick-grid{grid-template-columns:repeat(2,1fr)}.fr-rental-card-footer{align-items:stretch;flex-direction:column}.fr-rental-card-footer .fr-payment-actions{justify-content:stretch}.fr-rental-card-footer .fr-payment-actions button{flex:1 1 100%}.fr-payment-compact-row{grid-template-columns:1fr 1fr}.fr-rental-detail-body{padding:14px}.fr-detail-grid{grid-template-columns:1fr}.kv-row:nth-last-child(-n+2){border-bottom:1px solid #f1f5f9}.kv-row:last-child{border-bottom:0}.fr-extension-mini{grid-template-columns:1fr}.fr-extension-mini>strong{grid-row:2}.fr-extension-mini small{grid-row:3}}.fr-payment-table-wrap{width:100%;overflow-x:auto;border:1px solid #e5eaf1;border-radius:14px;background:#fff}.fr-payment-table{width:100%;min-width:1320px;border-collapse:separate;border-spacing:0;font-size:12px;color:#334155}.fr-payment-table thead th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:13px 12px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.fr-payment-table tbody td{padding:13px 12px;border-bottom:1px solid #edf1f5;vertical-align:middle;background:#fff;white-space:nowrap}.fr-payment-table tbody tr:last-child td{border-bottom:0}.fr-payment-table tbody tr:hover td{background:#f8fbff}.fr-payment-table .fr-payment-sno{width:54px;color:#94a3b8;font-weight:800;text-align:center}.fr-payment-name-cell{display:flex;align-items:center;gap:8px;min-width:150px}.fr-payment-mini-avatar{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;border-radius:9px;background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;font-weight:900;font-size:11px}.fr-payment-name-cell strong{color:#0f172a;font-size:12px}.fr-payment-email{max-width:220px;overflow:hidden;text-overflow:ellipsis}.fr-payment-type-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe;font-size:10px;font-weight:900;white-space:nowrap}.fr-payment-type-pill.extension{background:#faf5ff;color:#7e22ce;border-color:#e9d5ff}.fr-payment-type-pill.sale{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.fr-pay-through{display:inline-flex;align-items:center;border:1px solid #e2e8f0;background:#f8fafc;border-radius:7px;padding:5px 8px;color:#475569;font-size:11px;font-weight:700}.fr-payment-table-amount{font-size:13px;color:#0f172a}.fr-payment-row-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;min-width:285px}.fr-payment-row-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.fr-payment-table .btn-sm{min-height:34px;padding:7px 10px;font-size:11px;border-radius:8px}.fr-payment-table-actions-head{text-align:right}@media(max-width:700px){.fr-payment-table-wrap{border-radius:10px}.fr-payment-table thead th,.fr-payment-table tbody td{padding:10px}.fr-payment-row-actions{justify-content:flex-start}}:root{--premium-blue:#2563eb;--premium-blue-2:#1d4ed8;--premium-ink:#111827;--premium-muted:#667085;--premium-line:#e5eaf1;--premium-soft:#f7f9fc;--premium-shadow:0 12px 34px rgba(15,23,42,.055)}.page-header{position:relative}.page-title{font-weight:900}.premium-section-shell{width:100%}.premium-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:6px;margin:0 0 18px;border:1px solid #e1e7f0;border-radius:17px;background:linear-gradient(180deg,#eef3f9,#eaf0f7);box-shadow:0 8px 24px #0f172a0b}.premium-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:#667085;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 15px;border-radius:12px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;font:inherit;min-width:0}.premium-tab:hover{background:#ffffffb8;color:#344054;transform:translateY(-1px)}.premium-tab.active{background:#fff;border-color:#d9e3f0;color:#172033;box-shadow:0 8px 20px #0f172a17}.premium-tab-icon{width:35px;height:35px;min-width:35px;border-radius:10px;display:grid;place-items:center;background:#eaf2ff;color:#2563eb;border:1px solid #dbeafe}.premium-tab.active .premium-tab-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 6px 14px #2563eb38}.premium-tab strong{display:block;font-size:12.5px;font-weight:900;line-height:1.25}.premium-tab small{display:block;margin-top:3px;font-size:10.5px;color:#98a2b3;line-height:1.3}.premium-tab-panel{animation:premiumPanelIn .2s ease both}@keyframes premiumPanelIn{0%{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}.premium-form{max-width:980px}.premium-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.premium-form .fld{margin-bottom:15px}.premium-form-actions{display:flex;align-items:center;gap:9px;padding-top:8px;margin-top:4px;border-top:1px solid #eef2f6}.premium-form-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.premium-upload-box{position:relative;border:1px dashed #bfd0e6;border-radius:14px;background:linear-gradient(180deg,#fbfdff,#f7faff);min-height:78px;display:flex;align-items:center;overflow:hidden;transition:.18s ease}.premium-upload-box:hover{border-color:#7aa7f8;background:#f8fbff;box-shadow:0 0 0 4px #2563eb0d}.premium-upload-box input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.premium-upload-hint{display:flex;align-items:center;gap:11px;padding:15px;color:#2563eb}.premium-upload-hint span{display:flex;flex-direction:column;gap:3px}.premium-upload-hint b{font-size:12px;color:#1f3b6d}.premium-upload-hint small{font-size:10.5px;color:#8a96a8}.premium-uploaded{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #bbf7d0;background:linear-gradient(180deg,#f0fdf4,#f7fff9);border-radius:12px;margin:-4px 0 15px}.premium-uploaded>div{display:flex;align-items:center;gap:9px;color:#15803d;min-width:0}.premium-uploaded span{display:flex;flex-direction:column;gap:2px;min-width:0}.premium-uploaded b{font-size:12px;color:#166534;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-uploaded small{font-size:10px;color:#65a30d}.premium-field-placeholder{min-height:43px;margin-top:23px;padding:10px 13px;border:1px solid #e4eaf2;border-radius:11px;background:linear-gradient(180deg,#fafbfd,#f7f9fc);display:flex;flex-direction:column;justify-content:center}.premium-field-placeholder span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#98a2b3}.premium-field-placeholder strong{font-size:12px;color:#344054;margin-top:2px}.premium-field-placeholder small{font-size:10px;color:#98a2b3;margin-top:2px}.premium-register-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-2px 0 14px;padding:13px 14px;border:1px solid #e8edf4;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#fff)}.premium-register-intro>div{display:flex;flex-direction:column;gap:3px}.premium-register-intro strong{font-size:12px;color:#172033}.premium-register-intro span{font-size:10.5px;color:#8b95a7}.premium-count-badge{display:inline-flex!important;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8!important;font-size:10px!important;font-weight:900}.btn-primary,.btn-ghost{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 20px #2563eb33}.btn-ghost:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #0f172a12;border-color:#cbd5e1;background:#fff}.btn-primary:active:not(:disabled),.btn-ghost:active:not(:disabled){transform:translateY(0)}.card{overflow:hidden}.card:hover{box-shadow:0 14px 36px #0f172a12;border-color:#dce4ef;transition:.2s ease}.card-head{background:linear-gradient(180deg,#f8fafcbf,#fff0);margin:-21px -21px 17px;padding:18px 21px 13px}table tbody tr{transition:background .14s ease}table tbody tr:hover td{background:#f8fbff}th{font-weight:850}.empty-state{border:1px dashed #d7e0ec!important;border-radius:14px!important;background:linear-gradient(180deg,#fbfcfe,#f8fafc)!important;padding:38px 20px!important;color:#94a3b8}.sidebar{box-shadow:8px 0 30px #0f172a09}.nav-item{transition:transform .15s ease,background .15s ease,color .15s ease}.nav-item:hover{transform:translate(2px)}.table-scroll{border:1px solid #e6ebf2;border-radius:14px;overflow:auto;background:#fff}.table-scroll table{min-width:620px}.table-scroll th{background:#f8fafc;padding:12px 13px;border-bottom:1px solid #e5eaf1}.table-scroll td{padding:12px 13px;border-bottom:1px solid #eef2f6}@media(max-width:800px){.premium-tabs,.premium-form-grid-2{grid-template-columns:1fr}.premium-register-intro{align-items:flex-start;flex-direction:column}.premium-field-placeholder{margin-top:0}.card-head{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}@media(max-width:520px){.premium-tab{padding:11px}.premium-tab-icon{width:31px;height:31px;min-width:31px}.premium-form-actions{flex-wrap:wrap}.premium-form-actions button{flex:1 1 150px}}.mobile-subpage-bar,.mobile-back-button,.mobile-subpage-title{display:none}@media(max-width:768px){.main-wrap{min-width:0;overflow-x:hidden}.topbar:not(.dashboard-topbar){height:64px;min-height:64px;padding:0 12px;background:#fffffff5;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:600}.topbar:not(.dashboard-topbar) .desktop-topbar-copy{display:none}.topbar:not(.dashboard-topbar) .mobile-subpage-bar{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.mobile-back-button{display:grid;place-items:center;width:40px;height:40px;min-width:40px;border:1px solid #e5e9f0;border-radius:13px;background:#fff;color:#1f2937;box-shadow:0 4px 12px #0f172a0e}.mobile-back-button:active{transform:scale(.96);background:#f8fafc}.mobile-subpage-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827;font-size:15px;font-weight:850;letter-spacing:-.015em}.topbar:not(.dashboard-topbar) .topbar-user{min-width:auto;margin-left:10px}.topbar:not(.dashboard-topbar) .avatar{width:38px;height:38px;min-width:38px;border-radius:12px}.page-body{width:100%;max-width:100%;box-sizing:border-box}.page-body>*{max-width:100%;box-sizing:border-box}.card,.metric-card,.two-col-grid,.two-col,.page-header{max-width:100%;box-sizing:border-box}.two-col-grid{grid-template-columns:1fr!important;gap:12px}.page-header{gap:10px}.page-title{max-width:calc(100vw - 28px);word-break:break-word}.ph-actions{max-width:100%}.ph-actions>*{max-width:100%;min-width:0}.card{overflow:hidden}.table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.table-scroll table{min-width:640px}.premium-tabs,.maintenance-tabs,.fleet-inventory-tabs{max-width:100vw;overflow-x:auto;overscroll-behavior-x:contain}.premium-form-actions{bottom:8px}button,a,input,select,textarea{touch-action:manipulation}}@media(max-width:600px){.page-body{padding:15px 10px 22px}.card{padding:13px;border-radius:16px}.card-head{margin:-13px -13px 12px;padding:13px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:11px 9px}.metric-icon{width:34px;height:34px;min-width:34px}.metric-value{font-size:18px}.btn-primary,.btn-ghost{min-height:46px}}@media(max-width:390px){.topbar:not(.dashboard-topbar){padding:0 9px}.mobile-back-button{width:38px;height:38px;min-width:38px;border-radius:12px}.mobile-subpage-title{font-size:14px}.topbar:not(.dashboard-topbar) .avatar{width:36px;height:36px;min-width:36px}.page-body{padding-left:8px;padding-right:8px}.metric-grid{gap:7px}.metric-card{padding:10px 8px}.metric-label{font-size:9px}.metric-value{font-size:17px}.table-scroll table{min-width:600px}}@media(max-width:340px){.metric-grid{grid-template-columns:1fr}.page-title{font-size:20px}}.fr-mobile-dashboard{display:none}@media(max-width:768px){.dashboard-topbar{display:none!important}.fr-desktop-dashboard{display:none}.fr-mobile-dashboard{display:block;margin:-18px -13px -24px;padding:0 0 22px;background:#f5f7fb;min-height:calc(100dvh - 76px)}.fr-mobile-appbar{height:76px;padding:12px 14px 10px 12px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #edf0f5}.fr-mobile-app-logo{width:126px;height:45px;object-fit:contain;object-position:left center}.fr-mobile-avatar{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:#ece9ff;color:#4338ca;font-size:18px;font-weight:850;box-shadow:inset 0 0 0 4px #f7f5ff,0 4px 12px #4338ca1f}.fr-mobile-welcome{margin:19px 5px 13px;min-height:112px;padding:18px 16px;display:flex;align-items:center;gap:14px;border-radius:22px;background:linear-gradient(110deg,#2455df,#2e72ee 48%,#13a9d0);box-shadow:0 12px 25px #2563eb33;color:#fff;overflow:hidden;position:relative}.fr-mobile-welcome:after{content:"";position:absolute;right:-28px;top:-45px;width:150px;height:150px;border-radius:50%;border:24px solid rgba(255,255,255,.07)}.fr-mobile-welcome-orb{width:53px;height:53px;min-width:53px;border-radius:18px;display:grid;place-items:center;font-size:29px;background:#ffffff26;box-shadow:inset 0 1px #ffffff2e;z-index:1}.fr-mobile-welcome-copy{z-index:1;min-width:0}.fr-mobile-greeting{font-size:20px;line-height:1.18;font-weight:900;letter-spacing:-.025em}.fr-mobile-date{margin-top:5px;font-size:11px;font-weight:650;opacity:.92}.fr-mobile-welcome-caption{margin-top:5px;font-size:10px;opacity:.78}.fr-mobile-status{margin:0 5px 15px;min-height:73px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e7ebf2;border-radius:17px;box-shadow:0 5px 17px #0f172a0e}.fr-mobile-status-left{display:flex;align-items:center;gap:10px;min-width:0}.fr-mobile-status-left>div{display:flex;flex-direction:column;min-width:0}.fr-mobile-status-left strong{font-size:13px;color:#111827}.fr-mobile-status-left small{margin-top:3px;font-size:9.5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-status-pulse{width:31px;height:31px;min-width:31px;border-radius:50%;display:grid;place-items:center;background:#eaf9ef}.fr-status-pulse span{width:15px;height:15px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 5px #16a34a1a}.fr-mobile-status-pill{padding:9px 12px;border-radius:999px;background:#eaf9ef;color:#14803c;font-size:9px;font-weight:900;letter-spacing:.07em}.fr-mobile-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 7px;padding:1px 7px 3px}.fr-mobile-quick-item{border:0;background:transparent;padding:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;color:#344054;font:inherit;font-size:9px;font-weight:750}.fr-mobile-quick-icon{width:59px;height:59px;border-radius:18px;display:grid;place-items:center;box-shadow:0 2px 5px #0f172a06}.fr-mobile-q-inventory{background:#dceafe;color:#2563eb}.fr-mobile-q-rentals{background:#e1e7ff;color:#5b4ce8}.fr-mobile-q-maintenance{background:#dcf8e8;color:#16a34a}.fr-mobile-q-customers{background:#fde6f1;color:#db2777}.fr-mobile-q-payments{background:#fff0c9;color:#d97706}.fr-mobile-q-expenses{background:#fff0dc;color:#ea580c}.fr-mobile-q-documents{background:#ebe7ff;color:#6655e8}.fr-mobile-q-charge-hubs{background:#d8f8f1;color:#0f9d8b}.fr-mobile-q-complaints{background:#eee5ff;color:#7c3aed}.fr-mobile-q-reports{background:#dceafe;color:#2563eb}.fr-mobile-q-notifications{background:#e0f4ff;color:#0284c7}.fr-mobile-q-financials{background:#fff2cc;color:#b45309}.fr-mobile-section-heading{margin:23px 7px 0;display:flex;align-items:center;justify-content:space-between}.fr-mobile-section-heading h1{margin:0;font-size:27px;line-height:1;font-weight:900;color:#111827;letter-spacing:-.04em}.fr-mobile-section-heading button{width:35px;height:35px;border:1px solid #e5e9f0;border-radius:11px;background:#fff;color:#667085;display:grid;place-items:center}.fr-mobile-accent-line{width:53px;height:4px;border-radius:999px;background:#5b8ff9;margin:18px 7px 13px}.fr-mobile-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 5px}.fr-mobile-stat-card{min-width:0;padding:13px 10px;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e7ebf2;border-radius:15px;background:#fff;box-shadow:0 4px 15px #0f172a0b;font:inherit}.fr-stat-icon{width:37px;height:37px;min-width:37px;border-radius:12px;display:grid;place-items:center}.fr-stat-icon.blue{background:#e5efff;color:#2563eb}.fr-stat-icon.green{background:#e5f9ec;color:#16a34a}.fr-stat-icon.violet{background:#eeeaff;color:#7c3aed}.fr-stat-icon.amber{background:#fff0d5;color:#d97706}.fr-mobile-stat-card span:last-child{display:flex;flex-direction:column;min-width:0}.fr-mobile-stat-card small{font-size:9px;color:#667085;white-space:nowrap}.fr-mobile-stat-card strong{margin-top:2px;font-size:15px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-mobile-live-card,.fr-mobile-recent{margin:12px 5px 0;padding:14px 13px;background:#fff;border:1px solid #e7ebf2;border-radius:17px;box-shadow:0 5px 18px #0f172a0b}.fr-mobile-live-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.fr-mobile-live-head>div{display:flex;align-items:center;gap:6px;color:#111827;font-size:12px;font-weight:850}.fr-mobile-live-head button{border:0;background:none;color:#2563eb;font:inherit;font-size:10px;font-weight:800;display:flex;align-items:center;gap:2px;padding:4px}.fr-live-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px #e9f8ee}.fr-mobile-alert-row,.fr-mobile-booking-row{width:100%;min-height:52px;padding:8px 2px;display:flex;align-items:center;gap:9px;border:0;border-top:1px solid #f0f2f5;background:transparent;text-align:left;font:inherit}.fr-alert-icon,.fr-booking-avatar{width:35px;height:35px;min-width:35px;border-radius:11px;background:#fff2df;color:#d97706;display:grid;place-items:center}.fr-mobile-alert-row>span:nth-child(2),.fr-mobile-booking-row>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.fr-mobile-alert-row strong,.fr-mobile-booking-row strong{font-size:10.5px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-mobile-alert-row small,.fr-mobile-booking-row small{margin-top:2px;font-size:9px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-mobile-alert-row>svg{color:#c2c7d0}.fr-booking-avatar{background:#e8f1ff;color:#2563eb}.fr-mobile-booking-row>strong{font-size:10.5px;color:#111827}.fr-mobile-empty{min-height:57px;border-top:1px solid #f0f2f5;display:flex;align-items:center;gap:9px;color:#98a2b3}.fr-mobile-empty>svg{color:#16a34a}.fr-mobile-empty span{display:flex;flex-direction:column}.fr-mobile-empty strong{font-size:10.5px;color:#475467}.fr-mobile-empty small{font-size:9px;margin-top:2px}}@media(max-width:430px){.fr-mobile-welcome{margin-left:5px;margin-right:5px}.fr-mobile-welcome-orb{width:48px;height:48px;min-width:48px}.fr-mobile-greeting{font-size:18px}.fr-mobile-quick-icon{width:56px;height:56px;border-radius:17px}.fr-mobile-quick-grid{gap:13px 5px}}.sidebar-profile-shortcut{margin-top:auto}.sidebar-profile-shortcut.active{color:#2563eb;background:#eff6ff}.fr-profile-page{position:relative}.fr-profile-save-toast{position:fixed;top:84px;left:50%;transform:translate(-50%);z-index:1200;display:flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4;color:#15803d;font-size:12px;font-weight:800;box-shadow:0 12px 30px #0f172a1f}.fr-profile-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}.fr-profile-hero{position:sticky;top:86px;padding:0;overflow:hidden}.fr-profile-hero-main{padding:22px;display:flex;flex-direction:column;align-items:center;text-align:center}.fr-profile-avatar-wrap{position:relative;width:96px;height:96px}.fr-profile-avatar-img,.fr-profile-avatar-default{width:96px;height:96px;border-radius:28px}.fr-profile-avatar-img{object-fit:cover}.fr-profile-avatar-default{display:grid;place-items:center;background:linear-gradient(135deg,#1d4ed8,#06b6d4);color:#fff;font-size:31px;font-weight:900;box-shadow:0 10px 26px #2563eb38}.fr-profile-photo-btn{position:absolute;right:-5px;bottom:-5px;width:32px;height:32px;display:grid;place-items:center;border:3px solid #fff;border-radius:11px;background:#111827;color:#fff;box-shadow:0 6px 15px #0f172a33}.fr-profile-identity{margin-top:13px}.fr-profile-identity h2{margin:0;font-size:20px;letter-spacing:-.02em;color:#101828}.fr-profile-role{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:850}.fr-profile-company{margin-top:8px;font-size:11px;color:#667085}.fr-profile-active{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px;color:#15803d;font-size:10px;font-weight:750}.fr-profile-active span{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px #dcfce7}.fr-profile-manage{margin-top:15px;display:flex;align-items:center;gap:6px;justify-content:center;width:100%;min-height:40px;border:1px solid #e4e7ec;border-radius:11px;background:#fff;color:#344054;font:inherit;font-size:12px;font-weight:800}.fr-profile-contact-strip{display:grid;grid-template-columns:1fr;border-top:1px solid #edf0f5;background:#fafbfc}.fr-profile-contact-strip>div{padding:12px 16px;border-bottom:1px solid #edf0f5;text-align:left}.fr-profile-contact-strip>div:last-child{border-bottom:0}.fr-profile-contact-strip span{display:block;font-size:9px;color:#98a2b3;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.fr-profile-contact-strip strong{display:block;margin-top:3px;font-size:11px;color:#344054;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-profile-content{min-width:0}.fr-profile-tabs{display:flex;gap:6px;overflow-x:auto;padding:5px;margin-bottom:12px;border:1px solid #e7ebf2;border-radius:15px;background:#fff;scrollbar-width:none}.fr-profile-tabs::-webkit-scrollbar{display:none}.fr-profile-tabs button{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 13px;border:0;border-radius:10px;background:transparent;color:#667085;font:inherit;font-size:11px;font-weight:800;white-space:nowrap}.fr-profile-tabs button>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#f4f6fa}.fr-profile-tabs button.active{background:#eff6ff;color:#1d4ed8}.fr-profile-tabs button.active>span{background:#dbeafe;color:#2563eb}.fr-profile-card{padding:0;overflow:hidden}.fr-profile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px;border-bottom:1px solid #edf0f5}.fr-profile-card-head h3{margin:0;color:#101828;font-size:15px}.fr-profile-card-head p{margin:4px 0 0;color:#667085;font-size:11px;line-height:1.45}.fr-profile-card-head>span{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#f5f7fb;color:#667085;font-size:9px;font-weight:850}.fr-profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.fr-profile-fields label{display:flex;flex-direction:column;gap:6px;color:#344054;font-size:10px;font-weight:800}.fr-profile-fields label.full{grid-column:1/-1}.fr-profile-fields input,.fr-profile-fields textarea{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #dfe4ec;border-radius:11px;background:#fff;color:#101828;font:inherit;font-size:13px;outline:none}.fr-profile-fields textarea{resize:vertical;min-height:90px}.fr-profile-fields input:focus,.fr-profile-fields textarea:focus{border-color:#7aa7ff;box-shadow:0 0 0 3px #2563eb17}.fr-profile-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid #edf0f5;background:#fafbfc}.fr-profile-card-footer>span{display:flex;align-items:center;gap:6px;color:#667085;font-size:10px}.fr-profile-doc-note,.fr-profile-address-note{margin:0 18px 18px;padding:12px 13px;display:flex;gap:10px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc;color:#667085}.fr-profile-doc-note svg,.fr-profile-address-note svg{color:#2563eb;flex:none;margin-top:1px}.fr-profile-doc-note strong,.fr-profile-address-note strong{display:block;color:#344054;font-size:11px}.fr-profile-doc-note span,.fr-profile-address-note span{display:block;margin-top:3px;font-size:10px;line-height:1.4}.fr-settings-list{padding:6px 18px 12px}.fr-setting-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:64px;border-bottom:1px solid #edf0f5}.fr-setting-row:last-child{border-bottom:0}.fr-setting-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px}.fr-setting-icon.blue{background:#dbeafe;color:#2563eb}.fr-setting-icon.purple{background:#ede9fe;color:#7c3aed}.fr-setting-icon.green{background:#dcfce7;color:#16a34a}.fr-setting-icon.orange{background:#ffedd5;color:#ea580c}.fr-setting-row>div{min-width:0}.fr-setting-row strong{display:block;color:#344054;font-size:11px}.fr-setting-row small{display:block;margin-top:3px;color:#98a2b3;font-size:9.5px}.fr-setting-row select{min-height:36px;padding:0 28px 0 9px;border:1px solid #e1e5ec;border-radius:9px;background:#fff;color:#344054;font:inherit;font-size:10px}.fr-toggle{width:42px;height:24px;padding:3px;border:0;border-radius:999px;background:#d0d5dd;position:relative}.fr-toggle i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #00000026}.fr-toggle.on{background:#16a34a}.fr-toggle.on i{transform:translate(18px)}.fr-security-banner{margin:18px;padding:13px;display:flex;gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:13px;background:#eff6ff;color:#2563eb}.fr-security-banner div{display:flex;flex-direction:column;gap:3px}.fr-security-banner strong{font-size:11px;color:#1e3a8a}.fr-security-banner span{font-size:10px;color:#64748b}.fr-password-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;padding:0 18px 18px}.fr-password-form label{display:flex;flex-direction:column;gap:6px;color:#344054;font-size:10px;font-weight:800}.fr-password-form input{min-height:44px;padding:10px 12px;border:1px solid #dfe4ec;border-radius:11px;font:inherit;font-size:13px;outline:none}.fr-password-form input:focus{border-color:#7aa7ff;box-shadow:0 0 0 3px #2563eb17}.fr-password-form button{grid-column:1/-1;justify-self:start}.fr-password-message{grid-column:1/-1;padding:10px 12px;border-radius:10px;font-size:10px;font-weight:750}.fr-password-message.error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.fr-password-message.success{display:flex;align-items:center;gap:6px;background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}@media(max-width:768px){.sidebar-profile-shortcut{display:none}.fr-profile-page{margin-top:-2px}.fr-profile-back-desktop{display:none}.fr-profile-layout{display:block}.fr-profile-hero{position:relative;top:auto;border-radius:18px;margin-bottom:12px}.fr-profile-hero-main{padding:18px 15px 15px;align-items:center}.fr-profile-avatar-wrap,.fr-profile-avatar-img,.fr-profile-avatar-default{width:82px;height:82px}.fr-profile-avatar-default{border-radius:23px;font-size:27px}.fr-profile-photo-btn{width:29px;height:29px;border-radius:10px}.fr-profile-identity h2{font-size:18px}.fr-profile-contact-strip{grid-template-columns:1fr 1fr 1fr}.fr-profile-contact-strip>div{padding:10px 9px;border-right:1px solid #edf0f5;border-bottom:0}.fr-profile-contact-strip>div:last-child{border-right:0}.fr-profile-contact-strip span{font-size:7.5px}.fr-profile-contact-strip strong{font-size:9px}.fr-profile-tabs{margin-bottom:10px;border-radius:13px;gap:4px}.fr-profile-tabs button{min-height:40px;padding:7px 10px;font-size:10px}.fr-profile-tabs button>span{width:25px;height:25px}.fr-profile-card-head{padding:15px}.fr-profile-card-head h3{font-size:14px}.fr-profile-card-head p{font-size:10px}.fr-profile-card-head>span{display:none}.fr-profile-fields{grid-template-columns:1fr;gap:12px;padding:15px}.fr-profile-fields label.full{grid-column:auto}.fr-profile-fields input,.fr-profile-fields textarea{font-size:16px;min-height:46px}.fr-profile-card-footer{align-items:stretch;flex-direction:column;padding:12px 15px}.fr-profile-card-footer>span{font-size:9px}.fr-profile-card-footer .btn-primary{width:100%}.fr-settings-list{padding:4px 15px 10px}.fr-setting-row{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;min-height:62px}.fr-setting-row strong{font-size:11px}.fr-setting-row small{font-size:9px}.fr-setting-row select{max-width:94px}.fr-security-banner{margin:15px}.fr-password-form{grid-template-columns:1fr;padding:0 15px 15px}.fr-password-form button{width:100%}.fr-profile-save-toast{top:74px;max-width:calc(100vw - 28px);white-space:nowrap}}@media(max-width:390px){.fr-profile-contact-strip{grid-template-columns:1fr}.fr-profile-contact-strip>div{border-right:0;border-bottom:1px solid #edf0f5}.fr-profile-contact-strip>div:last-child{border-bottom:0}.fr-profile-tabs button{padding:7px 9px}.fr-profile-tabs button>span{display:none}.fr-profile-card-head{display:block}.fr-profile-card-head>span{display:none}}@media(max-width:768px){:root{--app-bg: #f5f7fb;--app-card: #ffffff;--app-text: #101828;--app-muted: #667085;--app-blue: #2563eb;--app-radius: 14px;--app-gap: 9px}body,.main-wrap{background:var(--app-bg)}.topbar{height:58px;min-height:58px;padding:0 12px;box-shadow:0 2px 12px #1018280e}.mobile-menu-trigger,.mobile-notification-btn{width:34px;height:34px;border-radius:10px}.mobile-topbar-left,.topbar-user{min-width:76px}.mobile-topbar-logo{width:47px;height:23px}.topbar-title{font-size:13px;font-weight:800}.avatar{width:34px;min-width:34px;height:34px;border-radius:11px;font-size:12px}.page-body{padding:11px 10px 18px}.dashboard-hero,.fr-dashboard-hero,.welcome-card,.fr-welcome-card{min-height:118px!important;padding:15px!important;border-radius:18px!important;margin-bottom:10px!important}.dashboard-hero h1,.fr-dashboard-hero h1,.welcome-card h1,.fr-welcome-card h1{font-size:18px!important;line-height:1.15!important;letter-spacing:-.02em}.dashboard-hero p,.fr-dashboard-hero p,.welcome-card p,.fr-welcome-card p{font-size:10.5px!important;line-height:1.35!important}.page-title{font-size:21px!important;line-height:1.15;letter-spacing:-.025em}.page-sub{font-size:11px!important}.quick-actions,.dashboard-actions,.fr-quick-actions,.fr-dashboard-actions,.app-actions,.app-grid{gap:7px!important;margin-top:8px!important}.quick-actions>*,.dashboard-actions>*,.fr-quick-actions>*,.fr-dashboard-actions>*,.app-actions>*,.app-grid>*{min-width:0}.quick-action,.dashboard-action,.fr-quick-action,.fr-dashboard-action,.app-action,.app-tile{min-height:73px!important;padding:8px 4px 7px!important;border-radius:13px!important;gap:4px!important}.quick-action svg,.dashboard-action svg,.fr-quick-action svg,.fr-dashboard-action svg,.app-action svg,.app-tile svg{width:19px!important;height:19px!important}.quick-action span,.dashboard-action span,.fr-quick-action span,.fr-dashboard-action span,.app-action span,.app-tile span{font-size:9px!important;line-height:1.15!important}.metric-card{padding:10px!important;border-radius:13px!important;gap:7px!important}.metric-icon{width:31px!important;min-width:31px!important;height:31px!important;border-radius:9px!important}.metric-icon svg{width:16px!important;height:16px!important}.metric-label{font-size:9px!important}.metric-value{font-size:16px!important}.card{padding:12px!important;border-radius:14px!important;margin-bottom:9px!important;box-shadow:0 4px 15px #1018280b}.card-head{margin:-12px -12px 10px!important;padding:11px 12px 9px!important}.card-title{font-size:12px!important}.card-head svg{width:16px;height:16px}.data-row,.list-row,.activity-row,.notification-row,.booking-row,.fleet-row{min-height:45px!important;padding:7px 0!important}.data-row svg,.list-row svg,.activity-row svg,.notification-row svg,.booking-row svg,.fleet-row svg{width:17px!important;height:17px!important}.data-row strong,.list-row strong,.activity-row strong,.notification-row strong,.booking-row strong,.fleet-row strong{font-size:11px!important}.data-row span,.list-row span,.activity-row span,.notification-row span,.booking-row span,.fleet-row span{font-size:9.5px!important}.two-col{gap:9px!important}.section-grid,.stats-grid,.summary-grid,.dashboard-grid{gap:8px!important}.fld{margin-bottom:9px!important}.fld-label{font-size:10px!important;margin-bottom:4px!important}.fld-input,input,select,textarea{min-height:40px!important;height:auto;padding:8px 10px!important;border-radius:10px!important;font-size:14px!important}textarea{min-height:78px!important}.btn-primary,.btn-ghost{min-height:40px!important;padding:8px 12px!important;border-radius:10px!important;font-size:11px!important}.table-scroll{border-radius:10px!important}.table-scroll table{min-width:570px}.table-scroll th,.table-scroll td{padding:7px 8px!important;font-size:10px!important;white-space:nowrap}.premium-tabs,.maintenance-tabs,.fleet-inventory-tabs,.tabs,.tab-list{gap:5px!important;padding:4px!important;margin-bottom:9px!important;border-radius:11px!important}.premium-tab,.maintenance-tab,.fleet-inventory-tabs button,.tabs button,.tab-list button{min-height:34px!important;padding:7px 10px!important;border-radius:8px!important;font-size:10px!important;white-space:nowrap}.page-header{margin-bottom:10px!important}.ph-actions{margin-top:8px!important;gap:6px!important}.mobile-bottom-nav{height:calc(67px + env(safe-area-inset-bottom));padding:4px 5px env(safe-area-inset-bottom)}.mobile-bottom-item{min-height:55px;gap:2px;padding-top:4px;font-size:8.5px}.mobile-bottom-icon{width:31px;height:27px;border-radius:9px}.mobile-bottom-icon svg{width:17px;height:17px}.mobile-menu-sheet{height:min(82dvh,700px);border-radius:20px 20px 0 0}.mobile-menu-sheet-head{padding:15px 15px 11px}.mobile-menu-sheet-head strong{font-size:15px}.mobile-menu-sheet-head small{font-size:10px}.mobile-menu-item{min-height:43px;grid-template-columns:34px 1fr 16px;font-size:11px}.mobile-menu-item-icon{width:31px;height:31px;border-radius:9px}.mobile-menu-logout{min-height:43px;font-size:11px}.chart-container,.dashboard-chart,.graph-card{max-height:240px!important;overflow:hidden}.drawer-panel,.modal-drawer{max-height:92dvh!important}.sticky-actions,.form-actions{gap:7px!important}}@media(max-width:430px){.page-body{padding-left:8px;padding-right:8px}.dashboard-hero,.fr-dashboard-hero,.welcome-card,.fr-welcome-card{min-height:110px!important;padding:13px!important}.dashboard-hero h1,.fr-dashboard-hero h1,.welcome-card h1,.fr-welcome-card h1{font-size:17px!important}.quick-action,.dashboard-action,.fr-quick-action,.fr-dashboard-action,.app-action,.app-tile{min-height:68px!important}.quick-action svg,.dashboard-action svg,.fr-quick-action svg,.fr-dashboard-action svg,.app-action svg,.app-tile svg{width:18px!important;height:18px!important}.quick-action span,.dashboard-action span,.fr-quick-action span,.fr-dashboard-action span,.app-action span,.app-tile span{font-size:8.5px!important}}@media(max-width:768px){.complaint-card,.job-card,.complaint-list-card{border-radius:14px!important;padding:11px!important;margin-bottom:8px!important}.complaint-card h3,.job-card h3{font-size:12px!important}.complaint-card p,.job-card p{font-size:10px!important;line-height:1.4!important}}.complaint-progress-mini{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:14px;padding:12px 8px;background:#f8fafc;border:1px solid #edf1f6;border-radius:12px}.complaint-progress-mini>div{text-align:center;position:relative;color:#94a3b8}.complaint-progress-mini>div:not(:last-child):after{content:"";position:absolute;top:10px;left:58%;width:84%;height:2px;background:#e2e8f0;z-index:0}.complaint-progress-mini>div.done{color:#2563eb}.complaint-progress-mini>div.done:not(:last-child):after{background:#93c5fd}.complaint-progress-mini span{position:relative;z-index:1;width:21px;height:21px;margin:0 auto 5px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;border:2px solid #fff}.complaint-progress-mini .done span{background:#2563eb;color:#fff}.complaint-progress-mini small{display:block;font-size:9px;font-weight:700;line-height:1.2}.fleet-customer-search{position:relative;display:flex;align-items:center;gap:10px;max-width:560px;margin:0 0 16px;padding:0 14px;height:46px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #dbe3ef;border-radius:14px;box-shadow:0 6px 18px #0f172a0f;transition:border-color .18s,box-shadow .18s,transform .18s;color:#64748b}.fleet-customer-search:focus-within{border-color:#60a5fa;box-shadow:0 0 0 4px #2563eb1a,0 10px 24px #0f172a14;transform:translateY(-1px)}.fleet-customer-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:13px;color:#0f172a}.fleet-customer-search input::placeholder{color:#94a3b8}.fleet-doc-count{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:3px 7px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:10px;font-weight:800}.fr-coupon-layout{display:grid;grid-template-columns:1fr;gap:16px}.fr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fr-recipient-list{max-height:220px;overflow:auto;border:1px solid #e5e7eb;border-radius:12px;padding:8px;margin:10px 0;display:grid;gap:5px}.fr-recipient-list label{display:flex;gap:9px;align-items:center;padding:9px;border-radius:8px;background:#f8fafc;font-size:12px}.fr-recipient-list label:hover{background:#eef2ff}@media(max-width:700px){.fr-form-grid{grid-template-columns:1fr}}.fr-dashboard-insights{margin:18px 0;padding:20px;border:1px solid #e8edf5;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 10px 28px #0f172a0f}.fr-dashboard-insights-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.fr-dashboard-insights-kicker{font-size:10px;letter-spacing:.14em;font-weight:800;color:#64748b}.fr-dashboard-insights-head h2{margin:3px 0 2px;font-size:20px;color:#111827}.fr-dashboard-insights-head p{margin:0;color:#64748b;font-size:12px}.fr-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.fr-insight-card{position:relative;min-height:106px;display:flex;align-items:flex-start;gap:11px;text-align:left;border:1px solid #e7ebf2;border-radius:14px;padding:14px 12px;background:#fff;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.fr-insight-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 10px 22px #0f172a14}.fr-insight-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}.fr-insight-icon.amber{background:#fff7ed;color:#d97706}.fr-insight-icon.blue{background:#eff6ff;color:#2563eb}.fr-insight-icon.red{background:#fef2f2;color:#dc2626}.fr-insight-icon.violet{background:#f5f3ff;color:#7c3aed}.fr-insight-icon.green{background:#ecfdf5;color:#059669}.fr-insight-icon.cyan{background:#ecfeff;color:#0891b2}.fr-insight-icon.orange{background:#fff7ed;color:#ea580c}.fr-insight-icon.rose{background:#fff1f2;color:#e11d48}.fr-insight-icon.indigo{background:#eef2ff;color:#4f46e5}.fr-insight-icon.pink{background:#fdf2f8;color:#db2777}.fr-insight-icon.teal{background:#f0fdfa;color:#0f766e}.fr-insight-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.fr-insight-copy small{font-size:11px;font-weight:750;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-insight-copy strong{font-size:25px;line-height:1.05;color:#0f172a}.fr-insight-copy em{font-style:normal;font-size:10px;line-height:1.3;color:#94a3b8}.fr-insight-arrow{position:absolute;right:9px;top:10px;color:#cbd5e1}.fr-due-selector{margin-top:13px;padding:13px 14px;border:1px solid #e5e7eb;border-radius:13px;background:#f8fafc;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px}.fr-due-selector strong{display:block;font-size:12px;color:#1e293b}.fr-due-selector span{display:block;font-size:10px;color:#94a3b8;margin-top:2px}.fr-due-pills{display:flex;gap:5px;flex-wrap:wrap}.fr-due-pills button{border:1px solid #dbe2ea;background:#fff;color:#475569;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;cursor:pointer}.fr-due-pills button.active{background:#111827;color:#fff;border-color:#111827}.fr-due-results{font-size:11px;color:#64748b;white-space:nowrap}.fr-due-results b{color:#111827}.fr-dashboard-insights-loading{min-height:120px;display:grid;place-items:center}.fr-insight-list{display:flex;flex-direction:column;gap:8px}.fr-insight-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid #e5e7eb;border-radius:11px;background:#fff}.fr-insight-row-main{min-width:0;display:flex;flex-direction:column;gap:3px}.fr-insight-row-main strong{font-size:13px;color:#111827}.fr-insight-row-main span{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-insight-row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}.fr-insight-row-meta b{font-size:11px;color:#334155}.fr-insight-row-meta span{font-size:10px;color:#64748b}.fr-insight-empty{padding:30px 10px;text-align:center;color:#94a3b8;font-size:13px}@media(max-width:1100px){.fr-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fr-due-selector{grid-template-columns:1fr}.fr-due-results{white-space:normal}}@media(max-width:700px){.fr-dashboard-insights{padding:14px;border-radius:15px;margin:12px 0}.fr-dashboard-insights-head{align-items:flex-start}.fr-dashboard-insights-head h2{font-size:17px}.fr-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fr-insight-card{min-height:96px;padding:11px 10px;gap:8px}.fr-insight-icon{width:34px;height:34px;border-radius:10px}.fr-insight-copy strong{font-size:21px}.fr-insight-copy em{font-size:9px}.fr-due-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}}.fleet-command-details{margin:12px 0;padding:13px;border:1px solid #e2e8f0;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#fff)}.fleet-command-details-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.fleet-command-details-head strong{font-size:12px;color:#1e3a8a}.fleet-command-details-head span{font-size:9px;font-weight:800;color:#64748b;background:#eef2ff;padding:4px 8px;border-radius:999px}.fleet-command-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:7px}.fleet-command-details-grid>div{padding:8px 9px;border:1px solid #edf2f7;border-radius:10px;background:#fff;min-width:0}.fleet-command-details-grid small,.fleet-command-plans>small{display:block;font-size:8px;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.fleet-command-details-grid b{display:block;margin-top:3px;font-size:10px;color:#334155;overflow-wrap:anywhere}.fleet-command-plans{margin-top:9px;padding-top:9px;border-top:1px solid #e5e7eb}.fleet-command-plans>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px}.fleet-command-plans span{padding:5px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:9px;font-weight:800}.fleet-view-doc-list{display:grid;gap:12px}.fleet-view-doc-card{padding:15px;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.fleet-document-vehicle-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:13px;border:1px solid #dbeafe;border-radius:13px;background:#eff6ff}.fleet-document-vehicle-summary.compact{background:#f8fbff}.fleet-document-vehicle-summary>div{min-width:0}.fleet-document-vehicle-summary small{display:block;color:#64748b;font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.fleet-document-vehicle-summary b{display:block;margin-top:3px;font-size:11px;color:#1e3a8a;overflow-wrap:anywhere}.fleet-view-doc-action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.fleet-view-doc-action>span{font-size:10px;color:#64748b;font-weight:700}.fleet-document-selector{margin-top:14px}.fleet-document-selector>label{display:block;font-size:10px;font-weight:800;color:#334155}.fleet-document-selector select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;outline:none}.fleet-document-select-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding:11px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.fleet-document-select-row strong{display:block;font-size:11px}.fleet-document-select-row small{display:block;color:#94a3b8;font-size:9px;margin-top:3px}.fleet-document-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;padding:8px 2px}.fleet-document-preview-bar strong{font-size:12px;color:#334155}.maintenance-register-list{display:grid;gap:13px}.maintenance-register-card{padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 6px 20px #0f172a0a}.maintenance-register-top{display:flex;justify-content:space-between;gap:12px}.maintenance-register-top h3{margin:4px 0;font-size:15px;color:#0f172a}.maintenance-register-top p{margin:0;color:#64748b;font-size:10px}.maintenance-register-status{height:max-content;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.maintenance-register-status.scheduled{background:#fff7ed;color:#c2410c}.maintenance-register-status.working{background:#eff6ff;color:#1d4ed8}.maintenance-register-status.staffdone{background:#fefce8;color:#a16207}.maintenance-register-status.done{background:#ecfdf5;color:#15803d}.maintenance-progress-track{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:16px 0 11px}.maintenance-progress-track>div{position:relative;text-align:center;min-width:0}.maintenance-progress-track>div>span{position:relative;z-index:1;display:grid;place-items:center;width:24px;height:24px;margin:0 auto 5px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:9px;font-weight:900}.maintenance-progress-track>div.done>span{background:#16a34a;color:#fff}.maintenance-progress-track small{display:block;font-size:8px;color:#94a3b8;font-weight:800;line-height:1.2}.maintenance-progress-track>div.done small{color:#166534}.maintenance-progress-track>div>i{position:absolute;left:calc(50% + 12px);right:calc(-50% + 12px);top:12px;height:2px;background:#e2e8f0}.maintenance-progress-track>div.done>i{background:#86efac}.maintenance-register-meta{display:flex;gap:8px;flex-wrap:wrap;color:#64748b;font-size:9px}.maintenance-register-meta span{padding:6px 8px;border-radius:8px;background:#f8fafc}.maintenance-completion-note{margin-top:9px;padding:9px 11px;border-radius:10px;background:#ecfdf5;color:#166534;font-size:10px;line-height:1.45}@media(max-width:700px){.fleet-document-vehicle-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-progress-track{grid-template-columns:1fr;gap:8px}.maintenance-progress-track>div{display:flex;align-items:center;text-align:left;gap:8px}.maintenance-progress-track>div>span{margin:0;flex:0 0 24px}.maintenance-progress-track>div>i{display:none}.fleet-view-doc-action{align-items:stretch;flex-direction:column}.fleet-view-doc-action button{width:100%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#f5f6fa;color:#1a1f2e}button,input{font:inherit}.login-wrap{min-height:100vh;display:grid;place-items:center;background:#f5f6fa}.login-box{width:min(440px,92vw);background:#fff;border:1px solid #e4e7ef;border-radius:20px;padding:40px;box-shadow:0 4px 24px #00000014}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px}.logo-icon{width:38px;height:38px;border-radius:10px;background:#1d4ed8;color:#fff;display:grid;place-items:center;flex-shrink:0}.logo-icon.sm{width:30px;height:30px;border-radius:8px}.logo-text{font-weight:800;font-size:15px;letter-spacing:.08em;color:#1a1f2e}.login-sub{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6b7280;margin-bottom:6px}.login-title{font-size:26px;font-weight:800;color:#1a1f2e;margin-bottom:24px}.login-form{display:grid;gap:0}.login-form label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:16px}.login-form input{display:block;width:100%;margin-top:6px;background:#f9fafb;border:1.5px solid #e4e7ef;color:#1a1f2e;border-radius:10px;padding:12px 14px;outline:none;transition:border-color .15s}.login-form input:focus{border-color:#1d4ed8;background:#fff}.login-form button{width:100%;border:none;border-radius:10px;padding:13px;background:#1d4ed8;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:background .15s;margin-top:4px}.login-form button:hover:not(:disabled){background:#1e40af}.login-form button:disabled{opacity:.6;cursor:not-allowed}.login-hint{font-size:12px;color:#9ca3af;margin-top:16px;text-align:center}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e4e7ef;padding:20px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:6px 10px 20px;border-bottom:1px solid #f0f0f0;margin-bottom:8px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;border:none;background:transparent;color:#6b7280;font-size:13.5px;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:background .12s,color .12s;-webkit-user-select:none;user-select:none}.nav-item:hover{background:#f3f4f6;color:#1a1f2e}.nav-item.active{background:#eff6ff;color:#1d4ed8;font-weight:600}.nav-item.active svg{color:#1d4ed8}.nav-item.nav-sub{padding-left:32px;font-size:12.5px;color:#6b7280;height:32px;border-left:2px solid transparent;margin-left:8px;border-radius:6px}.nav-item.nav-sub:hover{background:#f3f4f6;color:#374151}.nav-item.nav-sub.active{background:#eff6ff;color:#1d4ed8;font-weight:600;border-left:2px solid #1d4ed8}.nav-item.nav-sub svg:first-child{color:#9ca3af}.nav-item.nav-sub.active svg:first-child{color:#1d4ed8}.nav-group{margin-bottom:2px}.nav-group+.nav-group{margin-top:6px}.nav-category-label{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#b0b7c3;padding:8px 12px 3px;-webkit-user-select:none;user-select:none;pointer-events:none}.nav-group:first-child .nav-category-label{padding-top:2px}.nav-group+.nav-group:before{content:"";display:block;height:1px;background:#f0f2f7;margin:4px 10px 8px}.logout-btn{margin-top:auto;color:#ef4444!important}.logout-btn:hover{background:#fef2f2!important;color:#dc2626!important}.main-wrap{display:flex;flex-direction:column;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e4e7ef;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.topbar-sub{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9ca3af}.topbar-title{font-size:17px;font-weight:700;color:#1a1f2e;margin-top:2px}.topbar-user{display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;background:#1d4ed8;color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}.user-name{font-size:13px;font-weight:600;color:#1a1f2e}.user-role{font-size:11px;color:#9ca3af}.page-body{padding:28px;flex:1}.page-header{margin-bottom:22px}.page-title{font-size:22px;font-weight:800;color:#1a1f2e}.page-sub{font-size:14px;color:#6b7280;margin-top:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric-card{background:#fff;border:1px solid #e4e7ef;border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px #0000000a}.metric-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.metric-body{display:flex;flex-direction:column;min-width:0}.metric-label{font-size:12px;color:#6b7280;font-weight:500}.metric-value{font-size:22px;font-weight:800;color:#1a1f2e;margin-top:2px}.card{background:#fff;border:1px solid #e4e7ef;border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 1px 4px #0000000a}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-title{font-size:14px;font-weight:700;color:#1a1f2e}.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;background:#f3f4f6;color:#6b7280}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:9px 12px;border-bottom:1px solid #f0f0f0;white-space:nowrap;background:#fafafa}td{padding:11px 12px;border-bottom:1px solid #f5f6fa;color:#374151;font-size:13px;white-space:nowrap}tr:last-child td{border-bottom:none}tr:hover td{background:#fafbff}.status-pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px}.kv-list{display:grid;gap:0}.kv-row{display:flex;justify-content:space-between;align-items:center;padding:11px 4px;border-bottom:1px solid #f0f0f0;font-size:13px}.kv-row:last-child{border-bottom:none}.kv-row span{color:#6b7280;text-transform:capitalize}.kv-row strong{color:#1a1f2e;font-weight:600}.loader-wrap{padding:8px}.skeleton{height:18px;background:#f0f0f0;border-radius:6px;margin:12px 0;animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.4}}.empty{padding:40px;text-align:center;color:#9ca3af;font-size:13px}@media(max-width:1024px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:768px){.shell{grid-template-columns:1fr}.sidebar{display:none}.page-body{padding:16px}.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.topbar-user .user-name,.topbar-user .user-role{display:none}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:16px}.ph-left{flex:1}.ph-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.card-head-left{display:flex;align-items:center;gap:8px}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:#1d4ed8;color:#fff;border:none;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap}.btn-primary:hover:not(:disabled){background:#1e40af}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#374151;border:1.5px solid #e4e7ef;border-radius:9px;padding:8px 15px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn-ghost:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.btn-ghost:disabled{opacity:.55;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:4px;transition:background .12s,color .12s}.icon-btn:hover{background:#f3f4f6;color:#1a1f2e}.icon-btn.sm{padding:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlayIn .18s ease}@keyframes overlayIn{0%{opacity:0}}.modal-drawer{background:#fff;width:min(520px,100%);max-height:min(88vh,760px);border-radius:20px;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000038,0 4px 16px #0000001a;animation:dialogIn .2s cubic-bezier(.34,1.28,.64,1)}@keyframes dialogIn{0%{transform:scale(.92) translateY(12px);opacity:0}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f0f2f5;flex-shrink:0}.modal-title{font-size:18px;font-weight:800;color:#1a1f2e}.modal-subtitle{font-size:13px;color:#6b7280;margin-top:4px;line-height:1.4}.modal-body{flex:1;overflow-y:auto;padding:22px 24px 8px;display:flex;flex-direction:column;gap:0}.modal-footer{border-top:1px solid #f0f2f5;padding:16px 24px;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;border-radius:0 0 20px 20px;background:#fafbfc}.fld{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.fld-label{font-size:12px;font-weight:600;color:#374151}.req{color:#ef4444;font-style:normal}.fld-hint{font-size:11px;color:#9ca3af}.fld-input{width:100%;background:#f9fafb;border:1.5px solid #e4e7ef;border-radius:9px;padding:10px 13px;font-size:13px;color:#1a1f2e;outline:none;transition:border-color .15s,background .15s;font-family:inherit}.fld-input:focus{border-color:#1d4ed8;background:#fff}.fld-input::placeholder{color:#c4c9d4}textarea.fld-input{resize:vertical;min-height:68px;line-height:1.5}select.fld-input{cursor:pointer}.pw-wrap{position:relative;display:flex;align-items:center}.pw-wrap .fld-input{padding-right:38px}.pw-wrap .icon-btn{position:absolute;right:8px;color:#9ca3af}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-banner{display:flex;align-items:flex-start;gap:9px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px 14px;font-size:12.5px;color:#1e40af;margin-bottom:12px;line-height:1.5}.info-banner svg{flex-shrink:0;margin-top:1px}.toast{position:fixed;bottom:28px;right:28px;z-index:2000;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 4px 20px #00000024;animation:toastIn .2s ease;max-width:360px}@keyframes toastIn{0%{transform:translateY(20px);opacity:0}}.toast-success{background:#16a34a;color:#fff}.toast-error{background:#dc2626;color:#fff}.success-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:8px 0}.success-icon{width:64px;height:64px;border-radius:50%;background:#dcfce7;color:#16a34a;display:grid;place-items:center;margin-bottom:4px}.success-card h3{font-size:17px;font-weight:800;color:#1a1f2e}.success-card p{font-size:13px;color:#6b7280;max-width:300px;line-height:1.5}.cred-box{width:100%;background:#f9fafb;border:1.5px solid #e4e7ef;border-radius:12px;overflow:hidden;margin:4px 0;text-align:left}.cred-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid #f0f0f0;font-size:13px}.cred-row:last-child{border-bottom:none}.cred-row span{color:#6b7280;font-weight:500;white-space:nowrap}.cred-row code{font-family:Menlo,Consolas,monospace;font-size:12.5px;color:#1a1f2e;background:#f0f1f5;padding:2px 8px;border-radius:5px;word-break:break-all}.cred-warn{font-size:11.5px;color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px 12px;width:100%;text-align:left}.approval-list{display:flex;flex-direction:column;gap:12px}.approval-card{display:flex;align-items:flex-start;gap:14px;border:1.5px solid #e4e7ef;border-radius:14px;padding:16px;background:#fff;transition:border-color .15s}.approval-card:hover{border-color:#93c5fd}.approval-img{position:relative;width:90px;height:72px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#f3f4f6}.approval-img img{width:100%;height:100%;object-fit:cover}.img-count{position:absolute;bottom:4px;right:4px;background:#000000a6;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:20px}.approval-body{flex:1;min-width:0}.approval-title{font-size:14px;font-weight:700;color:#1a1f2e;margin-bottom:4px}.approval-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#6b7280;margin-bottom:4px}.approval-franchise{font-size:12px;color:#9ca3af}.approval-franchise strong{color:#374151}.approval-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0;align-items:stretch}.btn-approve{display:inline-flex;align-items:center;gap:6px;background:#16a34a;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;font-family:inherit}.btn-approve:hover{background:#15803d}.btn-reject{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#dc2626;border:1.5px solid #fca5a5;border-radius:8px;padding:7px 13px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;font-family:inherit}.btn-reject:hover{background:#fef2f2}.staff-card .staff-avatar{width:48px;height:48px;border-radius:50%;background:#1d4ed8;color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;flex-shrink:0}.cred-reveal-card{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px;margin-bottom:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#9ca3af;text-align:center}.empty-state p{font-size:13.5px;line-height:1.6}.empty-state strong{color:#374151}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.img-thumb{border-radius:10px;overflow:hidden;border:1px solid #e4e7ef;aspect-ratio:1}.img-thumb img{width:100%;height:100%;object-fit:cover}.form-section-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1d4ed8;background:#eff6ff;border-left:3px solid #1d4ed8;padding:6px 10px;border-radius:0 6px 6px 0;margin:18px 0 10px}.form-section-label:first-of-type{margin-top:4px}.hub-map-wrap{display:grid;grid-template-columns:1fr 320px;gap:16px;margin-top:4px}.hub-map-container{position:relative;height:560px;border-radius:14px;overflow:hidden;border:1px solid #e4e7ef;box-shadow:0 2px 12px #00000012}#india-hub-map,#india-franchise-map{width:100%;height:100%}.map-tooltip{position:absolute;z-index:9999;pointer-events:none;background:#fff;border:1px solid #e4e7ef;border-radius:10px;box-shadow:0 8px 24px #00000024;padding:12px 14px;min-width:200px;font-size:13px;transform:translate(-50%,-110%)}.map-tooltip-name{font-weight:700;font-size:14px;color:#1a1f2e;margin-bottom:4px}.map-tooltip-row{display:flex;gap:6px;color:#6b7280;margin-top:3px}.map-tooltip-row strong{color:#1a1f2e}.map-tooltip-status{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;margin-top:6px}.hub-list-panel{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow-y:auto}.hub-list-item{background:#fff;border:1.5px solid #e4e7ef;border-radius:10px;padding:12px 14px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.hub-list-item:hover,.hub-list-item.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb18}.hub-list-name{font-weight:600;font-size:13px;color:#1a1f2e}.hub-list-city{font-size:12px;color:#6b7280;margin-top:2px}.hub-list-meta{display:flex;gap:8px;margin-top:6px;align-items:center}.hub-pin-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.map-legend{position:absolute;bottom:10px;left:10px;background:#ffffffeb;border-radius:8px;padding:8px 12px;font-size:11px;z-index:500;display:flex;flex-direction:column;gap:4px}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%}.sidebar-skeleton-nav{display:flex;flex-direction:column;gap:6px;flex:1;padding-top:4px}.sidebar-skel-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;overflow:hidden}.sidebar-skel-icon{width:20px;height:20px;border-radius:6px;flex-shrink:0;background:linear-gradient(90deg,#f0f2f7 25%,#e4e8f0,#f0f2f7 75%);background-size:200% 100%;animation:sidebar-shimmer 1.5s ease-in-out infinite}.sidebar-skel-label{height:13px;border-radius:6px;flex:1;background:linear-gradient(90deg,#f0f2f7 25%,#e4e8f0,#f0f2f7 75%);background-size:200% 100%;animation:sidebar-shimmer 1.5s ease-in-out infinite}.sidebar-skel-item:nth-child(1) .sidebar-skel-label{width:70%}.sidebar-skel-item:nth-child(2) .sidebar-skel-label{width:80%}.sidebar-skel-item:nth-child(3) .sidebar-skel-label{width:65%}.sidebar-skel-item:nth-child(4) .sidebar-skel-label{width:75%}.sidebar-skel-item:nth-child(5) .sidebar-skel-label{width:60%}.sidebar-skel-item:nth-child(6) .sidebar-skel-label{width:78%}.sidebar-skel-item:nth-child(7) .sidebar-skel-label{width:68%}.sidebar-skel-item:nth-child(8) .sidebar-skel-label{width:73%}.sidebar-skel-item:nth-child(9) .sidebar-skel-label{width:62%}.sidebar-skel-item:nth-child(10) .sidebar-skel-label{width:70%}@keyframes sidebar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-center-loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;animation:loader-fade-in .25s ease}@keyframes loader-fade-in{0%{opacity:0}to{opacity:1}}.ev-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px}.ev-logo-aura-wrap{position:relative;width:220px;height:100px;margin-bottom:28px;display:flex;align-items:center;justify-content:center}.ev-logo-aura{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;pointer-events:none}.ev-logo-aura-1{border:2px solid rgba(37,99,235,.45);animation:logo-aura-pulse 2s ease-out infinite}.ev-logo-aura-2{top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:28px;border:1.5px solid rgba(59,130,246,.28);animation:logo-aura-pulse 2s ease-out infinite .4s}.ev-logo-aura-3{top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:34px;border:1px solid rgba(96,165,250,.16);animation:logo-aura-pulse 2s ease-out infinite .8s}@keyframes logo-aura-pulse{0%{transform:scale(1);opacity:1}70%{opacity:.5}to{transform:scale(1.18);opacity:0}}.ev-logo-card{position:relative;background:#fff;border-radius:18px;padding:14px 24px;box-shadow:0 4px 24px #2563eb2e,0 1px 6px #0000000f,0 0 0 1.5px #2563eb24;animation:logo-card-enter .7s cubic-bezier(.2,.8,.4,1) both;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:180px}@keyframes logo-card-enter{0%{opacity:0;transform:translateY(12px) scale(.92)}60%{transform:translateY(-3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.ev-logo-img{width:130px;height:auto;display:block;animation:logo-breathe 2.8s ease-in-out infinite .7s}@keyframes logo-breathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.04);filter:brightness(1.06) drop-shadow(0 0 8px rgba(37,99,235,.35))}}.ev-logo-shimmer-sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);animation:logo-sweep 2.2s ease-in-out infinite .3s;pointer-events:none}@keyframes logo-sweep{0%{transform:translate(-100%)}40%,to{transform:translate(160%)}}.ev-loading-title{font-size:16px;font-weight:700;color:#1a1f2e;margin-bottom:6px}.ev-loading-sub{font-size:13px;color:#9ca3af;margin-bottom:20px}.ev-progress-bar{width:200px;height:4px;background:#e4e7ef;border-radius:99px;overflow:hidden;margin-bottom:16px}.ev-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#1d4ed8,#60a5fa);animation:progress-fill 2.2s cubic-bezier(.4,0,.2,1) both}@keyframes progress-fill{0%{width:0%}60%{width:75%}85%{width:88%}to{width:100%}}.ev-dots{display:flex;gap:6px}.ev-dot{width:8px;height:8px;border-radius:50%;background:#1d4ed8;animation:dot-bounce 1.3s ease-in-out infinite}.ev-dot:nth-child(2){animation-delay:.2s}.ev-dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-8px);opacity:.6}}.edited-badge{display:inline-flex;align-items:center;gap:4px;background:#fffbeb;border:1.5px solid #fcd34d;color:#92400e;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;letter-spacing:.02em;white-space:nowrap;animation:edited-pulse-border 2.5s ease-in-out infinite}@keyframes edited-pulse-border{0%,to{border-color:#fcd34d;box-shadow:none}50%{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}}.approval-card--edited{border-color:#fcd34d!important;background:linear-gradient(135deg,#fff 90%,#fffbeb)!important}.approval-card--edited:hover{border-color:#f59e0b!important}.approval-field{display:inline-flex;align-items:center;gap:4px;background:#f3f4f6;border-radius:5px;padding:2px 8px;font-size:12px;color:#374151}.approval-field--price{background:#eff6ff;color:#1d4ed8;font-weight:700}.approval-field--qty{background:#f0fdf4;color:#15803d;font-weight:700}.field-label{color:#9ca3af;font-weight:500;font-size:11px}.approval-img-strip{display:flex;gap:6px;flex-shrink:0}@keyframes franchisee-pulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(2.4);opacity:0}to{transform:scale(1);opacity:0}}.franchise-popup .leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 8px 32px #0000002e;border:1px solid #e5e7eb;padding:0}.franchise-popup .leaflet-popup-content{margin:14px 16px}.franchise-popup .leaflet-popup-tip{background:#fff}.hub-map-label{background:#fff!important;border:none!important;border-radius:5px!important;box-shadow:0 2px 8px #00000038!important;padding:3px 8px!important;font-size:11px!important;font-weight:700!important;color:#1e293b!important;white-space:nowrap!important}.hub-map-label:before{display:none!important}.command-comm-grid{max-width:1280px}.admin-feature-tabs{margin-top:4px}.command-comm-grid .card,.support-admin-card{box-shadow:0 8px 26px #0f172a0b}.comm-banner-preview{border:1px solid #dbeafe}.form-grid label input:focus,.form-grid label select:focus,.form-grid label textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #eff6ff}.admin-reply button:last-child{display:inline-flex;align-items:center;gap:5px;background:#ecfdf5;color:#047857;padding:9px 11px;font-size:10px;font-weight:750}@media(max-width:768px){.command-comm-grid,.form-grid{grid-template-columns:1fr!important}.admin-feature-tabs{overflow:auto}.admin-feature-tabs button{white-space:nowrap}.comm-history{max-height:360px;overflow:auto}.support-admin-card .card-head{align-items:flex-start}}.command-vehicle-media{margin-top:14px;padding:14px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc}.command-vehicle-media-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.command-vehicle-media-head strong{display:block;font-size:13px;color:#111827}.command-vehicle-media-head small{display:block;margin-top:3px;font-size:11px;color:#64748b}.command-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #bfdbfe;border-radius:9px;background:#fff;color:#1d4ed8;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.command-vehicle-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.command-vehicle-photo{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#e5e7eb;border:1px solid #dbe3ef}.command-vehicle-photo img{width:100%;height:100%;object-fit:cover;display:block}.command-vehicle-photo button{position:absolute;right:4px;top:4px;width:22px;height:22px;border:0;border-radius:50%;background:#0f172acc;color:#fff;font-weight:900;cursor:pointer}.command-vehicle-photo-empty{grid-column:1/-1;min-height:80px;border:1px dashed #cbd5e1;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#94a3b8;font-size:11px;font-weight:700;background:#fff}@media(max-width:700px){.command-vehicle-media-head{align-items:flex-start;flex-direction:column}.command-vehicle-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.maintenance-command-page{max-width:1280px;margin:0 auto;padding-bottom:40px}.maintenance-command-hero{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;margin:18px 0}.maintenance-command-hero span,.maintenance-command-hero strong,.maintenance-command-hero small{display:block}.maintenance-command-hero span{font-size:12px;color:#cbd5e1}.maintenance-command-hero strong{font-size:34px;line-height:1.1;margin:3px 0}.maintenance-command-hero small{font-size:12px;color:#94a3b8}.maintenance-command-hero-icon{font-size:42px}.maintenance-filter-row{display:flex;gap:8px;overflow:auto;margin-bottom:16px}.maintenance-filter-row button{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:9px 13px;font-weight:700;white-space:nowrap;cursor:pointer}.maintenance-filter-row button.active{background:#0f172a;color:#fff;border-color:#0f172a}.maintenance-filter-row span{margin-left:7px;opacity:.7}.maintenance-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.command-maint-card{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:16px;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}.command-maint-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f172a14;border-color:#cbd5e1}.command-maint-head{display:flex;justify-content:space-between;gap:10px}.command-maint-head>div>span{font-size:9px;font-weight:800;color:#64748b;letter-spacing:.08em}.command-maint-head h3{margin:4px 0 0;font-size:16px}.command-status{padding:6px 9px;border-radius:999px;font-size:10px;text-transform:capitalize;height:max-content}.status-scheduled{background:#fff7ed;color:#c2410c}.status-in_progress{background:#eff6ff;color:#2563eb}.status-completed{background:#ecfdf5;color:#15803d}.command-vehicle-strip{margin:14px 0 10px;padding:10px 12px;background:#f8fafc;border-radius:12px}.command-vehicle-strip span{color:#64748b;font-size:11px;margin-left:6px}.command-customer{display:flex;align-items:center;gap:9px}.customer-avatar{width:34px;height:34px;border-radius:50%;background:#e0e7ff;display:grid;place-items:center;font-weight:800;color:#3730a3}.command-customer b,.command-customer span{display:block}.command-customer span{font-size:11px;color:#64748b}.operator-chip{margin-left:auto;padding:6px 8px;border-radius:9px;background:#f1f5f9;color:#475569;font-size:10px}.command-maint-details{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;color:#64748b;font-size:10px}.command-feedback-mini{margin-top:10px;padding:8px 10px;border-radius:10px;background:#fffbeb;color:#92400e;font-size:11px}.command-maint-footer{display:flex;justify-content:space-between;margin-top:13px;padding-top:10px;border-top:1px solid #f1f5f9;color:#64748b;font-size:11px}.command-empty-state{padding:50px 20px;text-align:center;color:#94a3b8;border:1px dashed #cbd5e1;border-radius:18px}.command-empty-state div{font-size:34px}.command-empty-state b,.command-empty-state span{display:block;margin-top:6px}.maintenance-command-drawer{width:min(720px,100%)}.command-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.command-detail-grid>div{padding:11px;background:#f8fafc;border-radius:12px}.command-detail-grid small,.command-detail-grid strong,.command-detail-grid span{display:block}.command-detail-grid small{font-size:10px;color:#64748b;text-transform:uppercase}.command-detail-grid strong{margin-top:3px}.command-detail-grid span{font-size:11px;color:#64748b;margin-top:2px}.service-detail-panel,.command-feedback-panel{margin-top:12px;padding:13px;border-radius:13px;background:#f8fafc}.service-detail-panel p{color:#475569;font-size:12px}.service-detail-line{display:flex;justify-content:space-between;padding-top:8px;margin-top:8px;border-top:1px solid #e2e8f0;font-size:11px}.command-feedback-panel{background:#fffbeb;border:1px solid #fde68a}.command-feedback-panel strong{display:block;color:#d97706;margin:4px 0}.command-feedback-panel p{font-size:12px;color:#475569}.command-action-row{display:flex;gap:10px;margin-top:15px}.completed-banner{padding:10px 12px;border-radius:10px;background:#ecfdf5;color:#15803d;font-weight:700;font-size:12px}@media(max-width:800px){.maintenance-command-grid,.command-detail-grid{grid-template-columns:1fr}}.command-bike-id-panel{margin:16px 0;padding:15px;border:1px solid #c7d2fe;border-radius:16px;background:linear-gradient(135deg,#f8faff,#eef6ff)}.command-bike-id-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.command-bike-id-head strong{display:block;color:#0f172a;font-size:13px}.command-bike-id-head small{display:block;color:#64748b;font-size:11px;margin-top:3px}.command-bike-id-head>span{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:10px;font-weight:800}.command-bike-id-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.command-bike-id-row{display:flex;align-items:center;gap:8px}.command-bike-id-row>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:900}.command-bike-id-row .fld-input{margin:0!important;background:#fff!important}.assign-bike-summary{margin-bottom:14px;padding:14px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff}.assign-bike-summary strong{display:block;font-size:13px;color:#0f172a}.assign-bike-summary>div>span{display:block;color:#64748b;font-size:11px;margin-top:3px}.assign-bike-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.assign-bike-chips span{font-family:monospace;font-size:10px;font-weight:800;padding:6px 9px;border-radius:8px;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.maintenance-assignment-panel{margin:14px 0;padding:15px;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#f1f5ff)}.maintenance-assignment-panel>b,.maintenance-assignment-panel small{display:block}.maintenance-assignment-panel>b{font-size:13px;color:#0f172a}.maintenance-assignment-panel>div>small{margin-top:3px;color:#64748b;font-size:11px}.maintenance-assignment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:11px}.maintenance-assignment-row select{min-height:40px;border:1px solid #cbd5e1;border-radius:10px;padding:0 11px;background:#fff;color:#0f172a}.assigned-staff-chip{margin-top:10px;padding:8px 10px;border-radius:9px;background:#ecfdf5;color:#166534;font-size:11px}@media(max-width:700px){.command-bike-id-grid,.maintenance-assignment-row{grid-template-columns:1fr}}.nav-count-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 6px #ef444440}.command-doc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.command-doc-list{display:flex;flex-direction:column;gap:8px}.command-doc-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.command-doc-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;flex:0 0 auto}.command-doc-main{min-width:0;flex:1}.command-doc-main strong,.command-doc-main span,.command-doc-main small{display:block}.command-doc-main strong{font-size:12px;color:#111827}.command-doc-main span{font-size:11px;color:#475569;margin-top:2px}.command-doc-main small{font-size:10px;color:#16a34a;margin-top:3px;font-weight:700}@media(max-width:900px){.command-doc-grid{grid-template-columns:1fr}}.att-hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.att-hero-card{background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #e5eaf3;border-radius:18px;padding:18px;display:flex;gap:13px;align-items:center;box-shadow:0 8px 24px #0f172a0d}.att-hero-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f0ff,#eef7ff);color:#2563eb;flex:0 0 auto}.att-hero-card span,.att-hero-card small{display:block;color:#64748b;font-size:11px;font-weight:700}.att-hero-card strong{display:block;font-size:25px;line-height:1.15;margin:3px 0;color:#111827}.att-hero-card small{font-weight:500;color:#94a3b8}.att-control-card{background:#fff;border:1px solid #e5eaf3;border-radius:20px;padding:20px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;box-shadow:0 8px 28px #0f172a0b}.att-eyebrow{font-size:10px;font-weight:900;letter-spacing:.14em;color:#2563eb;margin-bottom:5px}.att-control-card h3{font-size:18px;margin-bottom:3px}.att-control-card p{font-size:12px;color:#64748b}.att-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.att-controls label,.att-pay-grid label,.att-note-label{font-size:10px;font-weight:800;color:#64748b;display:grid;gap:5px}.att-controls input,.att-controls select,.att-pay-grid input,.att-note-label textarea{border:1px solid #dce3ef;background:#f9fbff;border-radius:10px;padding:9px 11px;color:#172033;outline:none;min-height:38px}.att-controls input:focus,.att-controls select:focus,.att-pay-grid input:focus,.att-note-label textarea:focus{border-color:#7aa2ff;box-shadow:0 0 0 3px #2563eb14}.att-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(350px,.85fr);gap:18px;align-items:start}.att-main-panel,.att-sidebar{background:#fff;border:1px solid #e5eaf3;border-radius:20px;box-shadow:0 8px 28px #0f172a0b}.att-main-panel{padding:20px}.att-sidebar{padding:20px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}.att-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.att-panel-head h3{font-size:17px}.att-panel-head p{font-size:12px;color:#64748b;margin-top:3px}.att-month-badge,.att-mini-label{font-size:10px;font-weight:900;letter-spacing:.08em;color:#2563eb;background:#eef4ff;border:1px solid #dbe7ff;padding:7px 10px;border-radius:999px}.att-staff-grid{display:grid;gap:8px}.att-staff-card{width:100%;border:1px solid #e8edf5;background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:42px minmax(130px,1fr) 58px 68px auto 18px;gap:10px;align-items:center;text-align:left;cursor:pointer;transition:.16s ease;color:#172033}.att-staff-card:hover{border-color:#b9cdfd;transform:translateY(-1px);box-shadow:0 8px 20px #2563eb14}.att-staff-card.selected{border-color:#6d9aff;background:#f8fbff;box-shadow:0 0 0 2px #2563eb14}.att-avatar{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#1d4ed8,#60a5fa);color:#fff;display:grid;place-items:center;font-weight:900}.att-avatar.large{width:50px;height:50px;border-radius:15px}.att-staff-copy{min-width:0}.att-staff-copy strong,.att-staff-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-staff-copy span{font-size:10px;color:#94a3b8;margin-top:3px}.att-stat{text-align:center;border-left:1px solid #edf1f7}.att-stat b{display:block;font-size:16px}.att-stat small{font-size:9px;color:#94a3b8;font-weight:800;text-transform:uppercase}.att-live-pill,.att-status{font-size:9px;font-weight:900;border-radius:999px;padding:6px 8px;text-align:center;background:#f1f5f9;color:#64748b;white-space:nowrap}.att-live-pill.live,.att-status.live{background:#dcfce7;color:#15803d}.att-side-empty{text-align:center;padding:55px 24px;color:#64748b}.att-side-orb{width:62px;height:62px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;background:#eef4ff;color:#2563eb}.att-side-empty h3{color:#172033;margin-bottom:7px}.att-side-empty p{font-size:12px;line-height:1.6}.att-profile-head{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid #edf1f7}.att-profile-head h3{font-size:16px}.att-profile-head span,.att-profile-head small{display:block;font-size:10px;color:#64748b;margin-top:2px}.att-profile-head small{color:#94a3b8}.btn-icon{margin-left:auto;width:30px;height:30px;border:1px solid #e5eaf3;background:#fff;border-radius:9px;display:grid;place-items:center;cursor:pointer;color:#64748b}.att-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.att-kpi-row div{background:#f8fafc;border:1px solid #edf1f7;border-radius:12px;padding:11px;text-align:center}.att-kpi-row b{display:block;font-size:17px}.att-kpi-row span{font-size:9px;color:#94a3b8;font-weight:800;text-transform:uppercase}.att-section{border-top:1px solid #edf1f7;padding-top:15px;margin-top:15px}.att-section-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;color:#334155;margin-bottom:10px}.att-history{display:grid;gap:5px}.att-history-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:8px 4px}.att-date-dot{width:32px;height:32px;border-radius:10px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;font-size:11px;font-weight:900}.att-history-row strong,.att-history-row small{display:block}.att-history-row strong{font-size:11px}.att-history-row small{font-size:9px;color:#94a3b8;margin-top:2px}.att-status{padding:5px 7px}.att-muted{font-size:11px;color:#94a3b8}.payroll-box{background:linear-gradient(180deg,#fbfdff,#fff);border-radius:14px}.att-pay-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.att-note-label{margin-top:9px}.att-note-label textarea{resize:vertical;min-height:58px}.att-pay-total{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding:12px;border-radius:12px;background:#f4f8ff;border:1px solid #dfe9ff}.att-pay-total span{font-size:11px;color:#64748b;font-weight:800}.att-pay-total strong{font-size:19px;color:#1d4ed8}.att-pay-actions{display:flex;gap:8px}.att-pay-actions button{flex:1;justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:7px;border:0;background:#1d4ed8;color:#fff;border-radius:10px;padding:10px 12px;font-weight:800;font-size:11px;cursor:pointer}.btn-primary:hover{background:#1e40af}.btn-primary:disabled,.att-pay-actions button:disabled{opacity:.55;cursor:not-allowed}.att-payslip-list{display:grid;gap:7px}.att-payslip-row{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #edf1f7;border-radius:11px;background:#fbfcfe}.att-payslip-row strong,.att-payslip-row small{display:block}.att-payslip-row strong{font-size:11px}.att-payslip-row small{font-size:9px;color:#94a3b8;margin-top:2px}.att-payslip-row>span{align-self:center;font-size:8px;font-weight:900;color:#15803d;background:#dcfce7;border-radius:999px;padding:5px 7px}.att-empty{text-align:center;padding:55px 20px;color:#94a3b8}.att-empty h4{color:#475569;margin:10px 0 4px}.att-empty p{font-size:11px}.att-footer-note{margin:14px 0 30px;padding:12px 14px;border:1px solid #e4ebf6;border-radius:12px;background:#f8fbff;color:#64748b;font-size:10px;display:flex;align-items:center;gap:8px}.att-footer-note svg{color:#2563eb;flex:0 0 auto}@media(max-width:1100px){.att-hero-grid{grid-template-columns:repeat(2,1fr)}.att-layout{grid-template-columns:1fr}.att-sidebar{position:relative;top:auto;max-height:none}.att-control-card{align-items:stretch;flex-direction:column}}@media(max-width:680px){.att-hero-grid{grid-template-columns:1fr}.att-staff-card{grid-template-columns:38px 1fr auto}.att-staff-card .att-stat:nth-of-type(2),.att-staff-card .att-stat:nth-of-type(3){display:none}.att-live-pill{display:none}.att-pay-grid{grid-template-columns:1fr}.att-pay-actions{flex-direction:column}.att-controls{align-items:stretch;flex-direction:column}.att-controls label,.att-controls input,.att-controls select{width:100%}}@media print{body{background:#fff}.sidebar,.topbar,.att-control-card,.att-hero-grid,.att-main-panel,.att-footer-note,.btn-icon,.att-pay-actions,.att-payslip-list{display:none!important}.att-layout{display:block}.att-sidebar{position:static;box-shadow:none;border:0;max-height:none}.att-profile-head{border-bottom:1px solid #ddd}.payroll-box{break-inside:avoid}.att-sidebar{padding:0}}.att-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.att-insight-grid>div{padding:15px 17px;border:1px solid #e5e7eb;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 8px 24px #0f172a0d}.att-insight-grid span,.att-insight-grid small{display:block;color:#64748b;font-size:11px}.att-insight-grid b{display:block;font-size:22px;color:#0f172a;margin:5px 0}.att-insight-grid small{font-size:10px}.att-staff-copy small{display:block;margin-top:3px;color:#94a3b8;font-size:10px}.att-detail-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.att-detail-strip span{padding:8px 9px;border-radius:10px;background:#f8fafc;color:#64748b;font-size:10px}.att-detail-strip b{display:block;color:#0f172a;font-size:13px;margin-top:2px}.att-history-row em{display:block;color:#b45309;font-size:10px;font-style:normal;margin-top:2px}.att-pay-hint{display:flex;align-items:center;gap:6px;margin-top:9px;color:#64748b;font-size:10px}.att-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a9e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10050;display:flex;align-items:center;justify-content:center;padding:22px}.att-preview-modal{width:min(860px,96vw);max-height:94vh;overflow:auto;background:#f8fafc;border:1px solid rgba(255,255,255,.7);border-radius:24px;box-shadow:0 30px 90px #0f172a59}.att-preview-head{display:flex;justify-content:space-between;gap:20px;padding:22px 24px 16px}.att-preview-head h2{margin:3px 0;font-size:24px;color:#0f172a}.att-preview-head p{margin:0;color:#64748b;font-size:12px}.att-slip-paper{margin:0 24px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:26px;box-shadow:0 15px 35px #0f172a14}.att-slip-brand,.att-slip-employee{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e2e8f0;padding-bottom:16px;margin-bottom:16px}.att-slip-brand strong{display:block;font-size:18px;letter-spacing:.08em}.att-slip-brand span{font-size:10px;color:#64748b;letter-spacing:.14em}.att-slip-brand>b{font-size:13px;color:#334155}.att-slip-employee>div{display:flex;flex-direction:column;gap:3px}.att-slip-employee small,.att-slip-note small{font-size:9px;color:#94a3b8;letter-spacing:.1em}.att-slip-employee strong{font-size:16px;color:#0f172a}.att-slip-employee span{font-size:11px;color:#64748b}.att-slip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.att-slip-grid>div{background:#f8fafc;border-radius:10px;padding:10px}.att-slip-grid span{display:block;color:#64748b;font-size:9px}.att-slip-grid b{display:block;color:#0f172a;font-size:14px;margin-top:4px}.att-slip-money{border-top:1px solid #e2e8f0}.att-slip-money>div{display:flex;justify-content:space-between;padding:8px 2px;font-size:12px;color:#475569}.att-slip-money .net{margin-top:6px;padding:13px 12px;border-radius:12px;background:#0f172a;color:#fff;font-size:13px}.att-slip-money .net b{font-size:18px}.att-slip-note{margin-top:15px;padding:11px 13px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px}.att-slip-note p{margin:5px 0 0;color:#78350f;font-size:11px;white-space:pre-wrap}.att-slip-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px dashed #cbd5e1;margin-top:18px;padding-top:12px;color:#94a3b8;font-size:9px}.att-preview-actions{display:flex;justify-content:flex-end;gap:9px;padding:0 24px 22px}.att-preview-actions .btn-primary{min-width:190px}@media(max-width:900px){.att-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.att-slip-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.att-insight-grid{grid-template-columns:1fr}.att-preview-head,.att-slip-brand,.att-slip-employee{flex-direction:column}.att-slip-paper{margin:0 12px 14px;padding:17px}.att-preview-head{padding:17px}.att-preview-actions{padding:0 12px 17px;flex-wrap:wrap}.att-preview-actions>*{flex:1}.att-detail-strip{grid-template-columns:1fr}.att-slip-footer{flex-direction:column}}@media print{body>*{display:none!important}.att-preview-backdrop{display:block!important;position:static!important;background:#fff!important;padding:0!important}.att-preview-modal{width:100%!important;max-height:none!important;box-shadow:none!important;border:0!important}.att-preview-head,.att-preview-actions{display:none!important}.att-slip-paper{margin:0!important;border:0!important;box-shadow:none!important}}.cc-dashboard{display:flex;flex-direction:column;gap:18px;padding-bottom:24px}.cc-dashboard-actions{display:flex;align-items:center;gap:9px}.cc-range{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:3px}.cc-range button{border:0;background:transparent;padding:6px 9px;border-radius:6px;font-size:11px;font-weight:800;color:#64748b;cursor:pointer}.cc-range button.active{background:#eef4ff;color:#2563eb}.cc-dashboard-note{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:11px;font-size:12px;font-weight:700}.cc-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cc-kpi{display:flex;gap:11px;align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:15px;box-shadow:0 5px 18px #0f172a0b;min-width:0}.cc-kpi-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none}.cc-kpi>div:last-child{min-width:0}.cc-kpi span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#64748b}.cc-kpi strong{display:block;font-size:23px;line-height:1.15;color:#0f172a;margin-top:3px}.cc-kpi small{display:block;margin-top:3px;color:#94a3b8;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-blue .cc-kpi-icon{background:#eff6ff;color:#2563eb}.cc-green .cc-kpi-icon,.cc-emerald .cc-kpi-icon{background:#ecfdf5;color:#059669}.cc-violet .cc-kpi-icon,.cc-indigo .cc-kpi-icon{background:#f5f3ff;color:#7c3aed}.cc-orange .cc-kpi-icon{background:#fff7ed;color:#ea580c}.cc-cyan .cc-kpi-icon{background:#ecfeff;color:#0891b2}.cc-red .cc-kpi-icon{background:#fef2f2;color:#dc2626}.cc-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px}.cc-section-head b{display:block;color:#0f172a;font-size:14px}.cc-section-head span{display:block;color:#94a3b8;font-size:11px;margin-top:3px}.cc-live-dot{display:flex!important;align-items:center;gap:6px;color:#16a34a!important;font-weight:800}.cc-live-dot i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.cc-grid{display:grid;gap:15px}.cc-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-panel{background:#fff;border:1px solid #e5e7eb;border-radius:17px;padding:17px;box-shadow:0 5px 20px #0f172a0b;min-width:0}.cc-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.cc-panel-title-icon{width:31px;height:31px;border-radius:9px;background:#f1f5f9;color:#2563eb;display:grid;place-items:center;flex:none}.cc-panel-title b{display:block;color:#0f172a;font-size:13px}.cc-panel-title span{display:block;color:#94a3b8;font-size:10px;margin-top:2px}.cc-bars,.cc-funnel{display:grid;gap:12px}.cc-bar-row>div:first-child,.cc-funnel-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#475569}.cc-bar-row b,.cc-funnel-row b{color:#0f172a}.cc-track{height:7px;background:#eef2f7;border-radius:999px;overflow:hidden;margin-top:6px}.cc-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#7c3aed)}.cc-inline-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}.cc-mini{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;padding:9px;min-width:0}.cc-mini span{display:block;color:#94a3b8;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.cc-mini b{display:block;color:#0f172a;font-size:16px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-big-number{display:flex;align-items:baseline;gap:8px}.cc-big-number strong{font-size:35px;color:#2563eb}.cc-big-number span,.cc-revenue-hero span{font-size:11px;color:#94a3b8}.cc-progress{height:10px;background:#eff6ff;border-radius:99px;overflow:hidden;margin:10px 0}.cc-progress i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:99px}.cc-chip-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.cc-chip-list span{font-size:9px;font-weight:700;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;padding:5px 7px}.cc-revenue-hero{padding:14px 0 16px}.cc-revenue-hero strong{display:block;font-size:32px;color:#0f172a}.cc-revenue-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cc-revenue-strip div{background:#f8fafc;border-radius:10px;padding:11px}.cc-revenue-strip b{display:block;font-size:15px;color:#0f172a}.cc-revenue-strip span{font-size:9px;color:#94a3b8;text-transform:uppercase;font-weight:800}.cc-franchise-list,.cc-status-list,.cc-location-list{display:grid;gap:11px}.cc-franchise-row{display:grid;grid-template-columns:150px 1fr 40px;gap:10px;align-items:center}.cc-franchise-name b,.cc-franchise-name span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-franchise-name b{font-size:11px;color:#334155}.cc-franchise-name span{font-size:9px;color:#94a3b8;margin-top:2px}.cc-franchise-bar{height:7px;background:#f1f5f9;border-radius:99px;overflow:hidden}.cc-franchise-bar i{display:block;height:100%;background:#8b5cf6;border-radius:99px}.cc-franchise-row>strong{font-size:10px;text-align:right;color:#475569}.cc-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cc-status-list{margin-top:14px}.cc-status-list div,.cc-location-list div{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding-bottom:7px;border-bottom:1px solid #f1f5f9}.cc-status-list b,.cc-location-list b{color:#0f172a}.cc-status-list span,.cc-location-list span{color:#64748b}.cc-charger-donut{display:flex;align-items:center;gap:25px}.cc-donut{width:130px;height:130px;border-radius:50%;background:conic-gradient(#2563eb var(--pct),#e5e7eb 0);display:grid;place-items:center;position:relative;flex:none}.cc-donut:after{content:"";position:absolute;width:92px;height:92px;background:#fff;border-radius:50%}.cc-donut strong,.cc-donut span{position:relative;z-index:1;text-align:center}.cc-donut strong{font-size:22px}.cc-donut span{font-size:8px;color:#94a3b8;margin-top:-38px}.cc-legend{display:grid;gap:9px;width:100%}.cc-legend-row{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;font-size:10px}.cc-legend-row i{width:7px;height:7px;border-radius:50%;background:#2563eb}.cc-legend-row:nth-child(2) i{background:#8b5cf6}.cc-legend-row:nth-child(3) i{background:#ef4444}.cc-legend-row:nth-child(4) i{background:#94a3b8}.cc-location-number strong{font-size:30px;color:#2563eb}.cc-location-number span{font-size:10px;color:#94a3b8;margin-left:7px}.cc-person-card{display:flex;align-items:center;gap:11px;padding:10px;border-radius:11px;background:#f8fafc;margin-bottom:8px;color:#2563eb}.cc-person-card div{min-width:0}.cc-person-card strong,.cc-person-card span{display:block}.cc-person-card strong{font-size:17px;color:#0f172a}.cc-person-card span{font-size:9px;color:#94a3b8}.cc-alert-list{display:grid;gap:9px}.cc-alert{display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:10px;font-size:10px;line-height:1.4}.cc-alert.warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.cc-alert.danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.cc-clear-alert{display:grid;place-items:center;text-align:center;gap:5px;padding:18px;color:#16a34a}.cc-clear-alert b{font-size:11px}.cc-clear-alert span{font-size:9px;color:#94a3b8}.cc-trend-visual{height:105px;padding:8px 3px 0;position:relative}.cc-trend-line{height:78px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #e5e7eb;background:repeating-linear-gradient(to bottom,transparent 0,transparent 25px,#f1f5f9 26px)}.cc-trend-line i{display:block;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(to top,#2563eb,#93c5fd);height:var(--h,50%)}.cc-trend-line i:nth-child(1){height:32%}.cc-trend-line i:nth-child(2){height:48%}.cc-trend-line i:nth-child(3){height:41%}.cc-trend-line i:nth-child(4){height:66%}.cc-trend-line i:nth-child(5){height:58%}.cc-trend-line i:nth-child(6){height:78%}.cc-trend-line i:nth-child(7){height:88%}.cc-trend-axis{display:flex;justify-content:space-between;font-size:8px;color:#94a3b8;margin-top:6px}.cc-ops-table{overflow:hidden}.cc-table-wrap{overflow:auto}.cc-table-wrap table{width:100%;border-collapse:collapse;font-size:10px}.cc-table-wrap th{text-align:left;color:#94a3b8;font-size:9px;text-transform:uppercase;letter-spacing:.05em;padding:8px;border-bottom:1px solid #eef2f7}.cc-table-wrap td{padding:10px 8px;border-bottom:1px solid #f1f5f9;color:#475569;white-space:nowrap}.cc-table-wrap td b,.cc-table-wrap td small{display:block}.cc-table-wrap td b{color:#334155;font-size:10px}.cc-table-wrap td small{font-size:8px;color:#94a3b8;margin-top:2px}.cc-status-pill{display:inline-block;padding:4px 7px;background:#eff6ff;color:#2563eb;border-radius:99px;font-size:8px;font-weight:900}.cc-empty-mini{padding:18px;text-align:center;color:#94a3b8;font-size:10px}@media(max-width:1100px){.cc-kpi-grid{grid-template-columns:repeat(2,1fr)}.cc-grid-3,.cc-grid-2{grid-template-columns:1fr}}@media(max-width:700px){.cc-kpi-grid{grid-template-columns:1fr}.cc-dashboard-actions{flex-wrap:wrap}.cc-range{order:2}.cc-inline-stats,.cc-revenue-strip,.cc-service-grid{grid-template-columns:1fr 1fr}.cc-charger-donut{flex-direction:column;align-items:flex-start}.cc-franchise-row{grid-template-columns:120px 1fr 32px}.cc-panel{padding:13px}.cc-kpi strong{font-size:20px}}.cc-intelligence-panel{position:relative}.cc-intel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.cc-export-btn{display:flex;align-items:center;gap:7px;white-space:nowrap}.cc-report-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:0 0 15px}.cc-report-summary>div{background:linear-gradient(145deg,#f8fafc,#fff);border:1px solid #edf1f6;border-radius:11px;padding:11px}.cc-report-summary span{display:block;font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-weight:900}.cc-report-summary b{display:block;margin-top:4px;font-size:16px;color:#0f172a}.cc-report-columns{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:13px}.cc-report-columns>div{min-width:0;background:#fbfcfe;border:1px solid #eef2f7;border-radius:12px;padding:12px}.cc-report-columns>div>b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#475569;margin-bottom:8px}.cc-report-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #edf1f5;font-size:10px}.cc-report-row:last-child{border-bottom:0}.cc-report-row span{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-report-row strong{color:#0f172a;font-size:10px}.cc-report-row small{color:#94a3b8;font-size:8px;text-align:right;min-width:38px}.cc-intel-list{display:grid;gap:8px}.cc-intel-alert,.cc-recommendation{display:flex;align-items:flex-start;gap:9px;border:1px solid #edf1f6;border-radius:11px;padding:10px;background:#fff}.cc-intel-alert-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#fff7ed;color:#ea580c;flex:none}.cc-intel-alert>div:nth-child(2),.cc-recommendation>div:nth-child(2){min-width:0;flex:1}.cc-intel-alert b,.cc-intel-alert span,.cc-recommendation b,.cc-recommendation span{display:block}.cc-intel-alert b,.cc-recommendation b{font-size:10px;color:#334155}.cc-intel-alert span,.cc-recommendation span{font-size:9px;line-height:1.45;color:#94a3b8;margin-top:2px}.cc-intel-alert em,.cc-recommendation em{font-style:normal;font-size:8px;font-weight:900;letter-spacing:.04em;border-radius:99px;padding:4px 6px;background:#f8fafc;color:#64748b}.cc-intel-alert.high{border-color:#fecaca;background:snow}.cc-intel-alert.high .cc-intel-alert-icon{background:#fef2f2;color:#dc2626}.cc-intel-alert.high em{background:#fee2e2;color:#b91c1c}.cc-intel-alert.medium{border-color:#fde68a;background:#fffdf7}.cc-intel-alert.medium .cc-intel-alert-icon{background:#fffbeb;color:#d97706}.cc-intel-alert.medium em{background:#fef3c7;color:#92400e}.cc-recommendation-number{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:10px;font-weight:900;flex:none}.cc-recommendation.high .cc-recommendation-number{background:#fef2f2;color:#dc2626}.cc-recommendation.medium .cc-recommendation-number{background:#fff7ed;color:#ea580c}.cc-recommendation em{background:#f1f5f9}.cc-recommendation.high em{background:#fee2e2;color:#b91c1c}.cc-recommendation.medium em{background:#fef3c7;color:#92400e}.cc-intel-empty{display:grid;place-items:center;text-align:center;gap:5px;padding:22px;color:#16a34a}.cc-intel-empty b{font-size:11px}.cc-intel-empty span{font-size:9px;color:#94a3b8}.cc-board-count{font-size:9px;font-weight:900;color:#64748b;background:#f1f5f9;border-radius:99px;padding:5px 8px}.cc-board-wrap{overflow:auto}.cc-performance-table{width:100%;border-collapse:collapse;min-width:920px;font-size:10px}.cc-performance-table th{text-align:left;padding:8px;border-bottom:1px solid #e5e7eb;color:#94a3b8;font-size:8px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.cc-performance-table td{padding:10px 8px;border-bottom:1px solid #f1f5f9;color:#475569;white-space:nowrap}.cc-performance-table tbody tr:hover{background:#fafcff}.cc-performance-table td b,.cc-performance-table td small{display:block}.cc-performance-table td b{color:#334155;font-size:10px}.cc-performance-table td small{font-size:8px;color:#94a3b8;margin-top:2px}.cc-board-name b{max-width:145px;overflow:hidden;text-overflow:ellipsis}.cc-board-meter{display:inline-block;width:58px;height:6px;background:#eef2f7;border-radius:99px;overflow:hidden;margin-right:6px;vertical-align:middle}.cc-board-meter i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:99px}.cc-index-pill{display:inline-block;min-width:30px;text-align:center;padding:4px 6px;border-radius:99px;background:#eef4ff;color:#2563eb;font-weight:900;font-size:9px}@media(max-width:1100px){.cc-report-summary{grid-template-columns:repeat(3,1fr)}.cc-report-columns{grid-template-columns:1fr}}@media(max-width:700px){.cc-report-summary{grid-template-columns:repeat(2,1fr)}.cc-intel-head{flex-direction:column}.cc-export-btn{align-self:flex-start}}.service-nav-badge{background:#dc2626!important}.service-command-page{max-width:1500px;margin:0 auto}.service-command-hero{margin:8px 0 18px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#111827,#3f1d1d);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 38px #0f172a29}.service-command-hero span{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#fecaca}.service-command-hero strong{display:block;font-size:32px;line-height:1.1;margin-top:5px}.service-command-hero small{display:block;color:#cbd5e1;margin-top:4px;font-size:11px}.service-command-hero-icon{font-size:40px;width:72px;height:72px;border-radius:20px;background:#ffffff17;display:grid;place-items:center}.service-command-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.service-command-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0 12px;max-width:520px;width:100%}.service-command-search input{border:0;outline:0;padding:11px 0;width:100%;font-size:12px}.service-command-count{font-size:11px;color:#64748b;font-weight:800}.service-command-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.service-command-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;cursor:pointer;transition:.2s;box-shadow:0 7px 22px #0f172a0a}.service-command-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0f172a14;border-color:#fecaca}.service-command-card-top{display:flex;justify-content:space-between;align-items:center;color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.06em}.service-command-status{padding:5px 8px;border-radius:999px;font-size:8px}.status-paid,.status-confirmed{background:#dcfce7;color:#166534}.status-quoted,.status-payment_pending{background:#ffedd5;color:#9a3412}.status-cancelled{background:#fee2e2;color:#991b1b}.service-command-customer{display:flex;align-items:center;gap:10px;margin:16px 0 13px}.service-command-avatar{width:38px;height:38px;border-radius:12px;background:#fee2e2;color:#b91c1c;display:grid;place-items:center;font-weight:900}.service-command-customer b,.service-command-customer span{display:block}.service-command-customer b{font-size:13px;color:#111827}.service-command-customer span{font-size:10px;color:#64748b;margin-top:2px}.service-command-bike{display:flex;align-items:center;gap:9px;padding:10px 11px;background:#f8fafc;border-radius:11px}.service-command-bike div{flex:1}.service-command-bike b,.service-command-bike span{display:block}.service-command-bike b{font-size:11px}.service-command-bike span{font-size:9px;color:#64748b;margin-top:2px}.service-command-issue{margin:12px 0}.service-command-issue small{font-size:8px;color:#94a3b8;font-weight:900;letter-spacing:.08em}.service-command-issue strong,.service-command-issue span{display:block}.service-command-issue strong{font-size:12px;color:#111827;margin-top:5px}.service-command-issue span{font-size:10px;color:#64748b;margin-top:3px;line-height:1.4}.service-command-footer{display:flex;align-items:center;gap:8px;border-top:1px solid #f1f5f9;padding-top:11px;font-size:9px;color:#64748b}.service-command-footer span{flex:1}.service-command-footer b{font-size:13px;color:#111827}.service-command-footer svg{color:#94a3b8}.service-command-drawer{width:min(900px,100%);max-height:94vh;overflow:hidden;display:flex;flex-direction:column}.service-command-drawer .modal-body{overflow:auto;background:#fafafa}.service-admin-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin-bottom:11px}.service-admin-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:900;color:#111827;margin-bottom:11px}.service-admin-title svg{color:#b91c1c}.service-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.service-admin-grid>div{background:#f8fafc;border-radius:10px;padding:10px}.service-admin-grid small{display:block;color:#94a3b8;font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.service-admin-grid b{display:block;font-size:10px;color:#334155;margin-top:4px;word-break:break-word}.service-location-admin{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f8fafc;padding:11px;border-radius:11px;font-size:10px}.service-location-admin span{color:#64748b}.service-location-admin a{margin-left:auto;color:#b91c1c;font-weight:800;text-decoration:none}.service-admin-images{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.service-admin-images a{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px}.service-admin-images img{width:100%;height:100%;object-fit:cover}.service-admin-images span{position:absolute;top:5px;left:5px;background:#0f172acc;color:#fff;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:9px}.service-admin-note{margin:0;color:#475569;font-size:11px;line-height:1.65;white-space:pre-wrap}.service-ai-meta{margin-top:10px;color:#64748b;font-size:9px}.service-admin-section .service-cost-table{margin-top:2px}.service-admin-section .service-cost-table .total{background:#111827;color:#fff}.service-admin-section .service-cost-table .total strong{color:#fff}@media(max-width:760px){.service-command-grid{grid-template-columns:1fr}.service-admin-grid{grid-template-columns:1fr 1fr}.service-command-toolbar{align-items:stretch;flex-direction:column}.service-command-search{max-width:none}.service-location-admin a{margin-left:0}.service-admin-images{grid-template-columns:repeat(3,1fr)}}.service-command-modern-drawer{max-width:1040px!important;width:min(96vw,1040px)!important}.service-command-action-notice{margin-bottom:12px;padding:12px 14px;border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:12px;font-weight:800}.service-command-findings{display:grid;gap:8px}.service-command-findings>div{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:11px 12px;border-radius:11px;background:#f8fafc;border:1px solid #e2e8f0}.service-command-findings span{grid-column:1;font-size:11px;color:#64748b}.service-command-findings em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:10px;font-weight:900;color:#b45309}.service-command-quote-lines{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.service-command-quote-lines>div{display:grid;grid-template-columns:1.2fr 1.2fr .6fr;gap:10px;padding:11px 12px;border-top:1px solid #eef2f7;align-items:center}.service-command-quote-lines>div:first-child{border-top:0}.service-command-quote-lines span{font-size:12px;font-weight:850;color:#1e293b}.service-command-quote-lines small{font-size:11px;color:#64748b}.service-command-quote-lines b{text-align:right;font-size:12px}.service-command-total{display:flex;justify-content:space-between;align-items:center;padding:14px 12px;background:#fff1f2;border:1px solid #fecdd3;border-top:0;border-radius:0 0 12px 12px}.service-command-total span{font-size:12px;font-weight:900;color:#475569}.service-command-total strong{font-size:22px;color:#be123c}.service-command-action-panel{background:linear-gradient(180deg,#fff,#fafafa);border:1px solid #e2e8f0!important}.service-command-action-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.service-command-action-grid label{display:grid;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#64748b}.service-command-action-grid select,.service-command-action-grid input{height:42px;border:1px solid #dbe3ee;border-radius:10px;padding:0 11px;background:#fff;color:#0f172a;font-size:12px;text-transform:none;letter-spacing:0}.service-command-action-grid .btn-primary{height:42px;white-space:nowrap}.service-action-helper{align-self:center;font-size:11px;line-height:1.45;color:#64748b;background:#f8fafc;padding:10px 12px;border-radius:10px;border:1px solid #e2e8f0}.service-paid-banner{padding:12px 14px;border-radius:11px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:12px;font-weight:850}.service-service-address{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f8fafc;color:#475569;font-size:11px}.service-service-address a{margin-left:8px;font-weight:850;color:#2563eb}@media(max-width:760px){.service-command-action-grid,.service-command-quote-lines>div{grid-template-columns:1fr}.service-command-quote-lines b{text-align:left}.service-command-modern-drawer{width:98vw!important}.service-command-action-grid .btn-primary{width:100%}}.service-admin-images .service-admin-image{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;display:block}.service-admin-images .service-admin-image img{width:100%;height:100%;object-fit:cover;display:block}.service-stage-panel{background:linear-gradient(180deg,#fff,#fafafa)!important}.service-stage-track{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}.service-stage{display:flex;align-items:center;gap:9px;padding:12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.service-stage-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;color:#64748b;font-size:10px;font-weight:900;flex:none}.service-stage span{font-size:10px;font-weight:800;color:#64748b;line-height:1.35}.service-stage.done{background:#f0fdf4;border-color:#bbf7d0}.service-stage.done .service-stage-dot{background:#16a34a;color:#fff}.service-stage.done span{color:#166534}.service-resolve-btn{width:100%;height:44px}.service-command-status.status-staff_working{background:#dbeafe;color:#1d4ed8}.service-command-status.status-staff_paused{background:#fef3c7;color:#92400e}.service-command-status.status-staff_completed{background:#ede9fe;color:#6d28d9}.service-command-status.status-resolved{background:#dcfce7;color:#166534}@media(max-width:760px){.service-stage-track{grid-template-columns:1fr}}.proc-app{min-height:100vh;background:#f5f7fb;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.proc-sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:#fff;border-right:1px solid #e7eaf0;display:flex;flex-direction:column;z-index:30;transition:.22s ease}.proc-sidebar.collapsed{width:78px}.proc-side-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #eef0f4}.proc-side-brand{display:flex;align-items:center;gap:11px;min-width:0}.proc-side-brand img{width:76px;height:auto;object-fit:contain}.proc-side-brand span{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#667085;white-space:nowrap}.proc-collapse{border:1px solid #e4e7ec;background:#fff;border-radius:8px;width:31px;height:31px;display:grid;place-items:center;color:#667085;cursor:pointer}.proc-role{margin:17px 13px 10px;padding:10px 12px;background:#f7f9fc;border:1px solid #edf0f5;border-radius:11px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#475467}.proc-role-dot{width:7px;height:7px;background:#2563eb;border-radius:50%;box-shadow:0 0 0 4px #dbeafe;flex:none}.proc-sidebar nav{padding:5px 11px;display:grid;gap:4px}.proc-sidebar nav button,.proc-side-bottom button{border:0;background:transparent;color:#667085;border-radius:10px;display:flex;align-items:center;gap:12px;padding:11px 12px;cursor:pointer;text-align:left;font-weight:650;font-size:13px}.proc-sidebar nav button:hover,.proc-side-bottom button:hover{background:#f5f7fb;color:#172033}.proc-sidebar nav button.active,.proc-side-bottom button.active{background:#eaf2ff;color:#155eef}.proc-side-bottom{margin-top:auto;padding:10px 11px 14px;border-top:1px solid #eef0f4}.proc-user{display:flex;align-items:center;gap:10px;padding:13px 8px}.proc-avatar{width:35px;height:35px;border-radius:10px;background:#eaf2ff;color:#155eef;display:grid;place-items:center;font-weight:800}.proc-user b{display:block;font-size:12px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proc-user small{display:block;color:#98a2b3;font-size:10px;margin-top:2px}.proc-logout{color:#b42318!important}.proc-main{margin-left:264px;padding:34px 38px;min-height:100vh;transition:.22s ease}.proc-sidebar.collapsed~.proc-main{margin-left:78px}.proc-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#667085}.proc-header h1{margin:6px 0 7px;font-size:28px;letter-spacing:-.7px}.proc-header p{margin:0;color:#667085;font-size:13px}.proc-primary{border:0;background:#155eef;color:#fff;border-radius:10px;padding:11px 15px;font-weight:750;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 7px 20px #155eef2e}.proc-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.proc-stat{background:#fff;border:1px solid #e8ebf0;border-radius:15px;padding:18px;position:relative;box-shadow:0 5px 18px #10182809}.proc-stat small{display:block;color:#667085;font-weight:650;font-size:11px;margin:16px 0 6px}.proc-stat strong{font-size:27px;letter-spacing:-.5px}.proc-stat em{font-style:normal;display:block;color:#98a2b3;font-size:10px;margin-top:4px}.stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.stat-icon.blue{background:#eaf2ff;color:#155eef}.stat-icon.amber{background:#fff7e6;color:#b54708}.stat-icon.green{background:#e9f9ef;color:#067647}.stat-icon.violet{background:#f3edff;color:#6941c6}.proc-grid-two{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px}.proc-panel{background:#fff;border:1px solid #e8ebf0;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px #10182809}.proc-panel-head{padding:18px 20px;border-bottom:1px solid #eef0f4;display:flex;align-items:center;justify-content:space-between}.proc-panel-head b{display:block;font-size:14px}.proc-panel-head span{display:block;color:#98a2b3;font-size:11px;margin-top:3px}.proc-panel-head button{border:0;background:none;color:#155eef;font-size:11px;font-weight:750;display:flex;gap:5px;align-items:center;cursor:pointer}.proc-table-wrap{overflow:auto}.proc-table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.proc-table-wrap th{padding:12px 15px;text-align:left;background:#fafbfc;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.proc-table-wrap td{padding:14px 15px;border-top:1px solid #f0f2f5;color:#344054;white-space:nowrap}.proc-table-wrap td b{color:#172033}.proc-table-wrap td small{display:block;color:#98a2b3;font-size:10px;margin-top:3px}.proc-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.proc-pill.green{background:#e9f9ef;color:#067647}.proc-pill.amber{background:#fff7e6;color:#b54708}.quick{padding-bottom:7px}.quick .proc-panel-head{margin-bottom:2px}.quick>button{width:100%;border:0;border-bottom:1px solid #eef0f4;background:#fff;padding:14px 17px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.quick>button:hover{background:#fafbfc}.quick>button>span{width:34px;height:34px;border-radius:9px;background:#f2f4f7;color:#475467;display:grid;place-items:center;flex:none}.quick>button div{flex:1}.quick>button b{display:block;font-size:12px;color:#172033}.quick>button small{display:block;color:#98a2b3;font-size:10px;margin-top:3px}.proc-empty{padding:55px 20px;text-align:center;color:#98a2b3;font-size:12px}.proc-empty svg{display:block;margin:0 auto 9px;color:#98a2b3}.proc-empty b{display:block;color:#475467;margin-bottom:3px}.proc-empty-page{background:#fff;border:1px solid #e8ebf0;border-radius:16px;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#98a2b3}.proc-empty-page svg{color:#155eef}.proc-empty-page h2{color:#172033;margin:15px 0 6px}.proc-empty-page p{max-width:480px;font-size:13px;margin:0 0 20px}.proc-mobile-btn,.proc-overlay{display:none}.proc-loading{height:100vh;display:grid;place-items:center;background:#f7f9fc;color:#667085;gap:12px}.proc-loading img{width:90px}.proc-login{min-height:100vh;background:linear-gradient(135deg,#f7f9fc,#eef4ff);display:grid;place-items:center;padding:25px;position:relative;overflow:hidden}.proc-login-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:#dbeafe;filter:blur(70px);opacity:.55;top:-260px;right:-120px}.proc-login-card{position:relative;width:min(440px,100%);background:#fffffff5;border:1px solid #e4e7ec;border-radius:22px;padding:34px;box-shadow:0 25px 70px #1018281a}.proc-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.proc-login-brand img{width:85px}.proc-login-brand span{font-size:9px;letter-spacing:1.5px;font-weight:850;color:#667085;border-left:1px solid #d0d5dd;padding-left:12px}.proc-login-icon{width:48px;height:48px;border-radius:13px;background:#eaf2ff;color:#155eef;display:grid;place-items:center}.proc-login-card h1{margin:17px 0 6px;font-size:25px}.proc-login-card>p{margin:0 0 25px;color:#667085;font-size:13px;line-height:1.5}.proc-login-card form{display:grid;gap:16px}.proc-login-card label{font-size:11px;font-weight:750;color:#344054}.proc-login-card input{width:100%;box-sizing:border-box;margin-top:7px;padding:12px 13px;border:1px solid #d0d5dd;border-radius:10px;outline:none;font-size:13px}.proc-login-card input:focus{border-color:#84adff;box-shadow:0 0 0 3px #eaf2ff}.proc-login-card form button{border:0;border-radius:10px;background:#155eef;color:#fff;padding:13px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.proc-login-card form button:disabled{opacity:.65}.proc-login-card small{display:block;text-align:center;color:#98a2b3;font-size:10px;margin-top:18px}.proc-error{background:#fef3f2;color:#b42318;border:1px solid #fecdca;border-radius:9px;padding:9px;font-size:11px}@media(max-width:1050px){.proc-stat-grid{grid-template-columns:repeat(2,1fr)}.proc-grid-two{grid-template-columns:1fr}.proc-sidebar{width:230px}.proc-main{margin-left:230px;padding:27px}.proc-sidebar.collapsed{width:78px}.proc-sidebar.collapsed~.proc-main{margin-left:78px}}@media(max-width:760px){.proc-sidebar{transform:translate(-100%);width:265px}.proc-sidebar.mobile-open{transform:translate(0)}.proc-sidebar.collapsed{width:265px}.proc-sidebar.collapsed .proc-side-brand span,.proc-sidebar.collapsed .proc-role span,.proc-sidebar.collapsed nav button span,.proc-sidebar.collapsed .proc-user div:not(.proc-avatar),.proc-sidebar.collapsed .proc-side-bottom button span{display:block}.proc-collapse{display:none}.proc-main,.proc-sidebar.collapsed~.proc-main{margin-left:0;padding:68px 16px 25px}.proc-mobile-btn{display:grid;place-items:center;position:fixed;top:14px;left:14px;z-index:20;width:39px;height:39px;border:1px solid #e4e7ec;background:#fff;border-radius:10px;color:#344054}.proc-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#10182859;z-index:25}.proc-header{display:block}.proc-header .proc-primary{margin-top:18px}.proc-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.proc-stat{padding:14px}.proc-stat strong{font-size:22px}.proc-login-card{padding:27px}.proc-table-wrap{margin:0 -1px}}*,*:before,*:after{box-sizing:border-box}:root{--bg: #f8f9fc;--surface: #ffffff;--border: #e8eaef;--border-hover: #c5cbdc;--accent: #1f7fe8;--text-primary: #0f1623;--text-secondary: #5a6482;--text-muted: #9aa0b5;--card-bg: #ffffff;--card-hover: #f4f6fb;--customer-bg: #eff6ff;--customer-icon: #2563eb;--staff-bg: #f5f3ff;--staff-icon: #7c3aed;--franchise-bg: #fff7ed;--franchise-icon: #ea7d0e;--command-bg: #f0fdf4;--command-icon: #16a34a}.loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;z-index:9999}.loader-logo{margin-bottom:28px}.loader-logo img{height:44px;object-fit:contain;opacity:0;animation:logoReveal .75s cubic-bezier(.22,1,.36,1) .15s forwards}.loader-bar-track{width:160px;height:2px;background:#e8eaef;border-radius:2px;overflow:hidden}.loader-bar-fill{height:100%;background:var(--accent);border-radius:2px;animation:barFill 1.1s cubic-bezier(.4,0,.2,1) .25s both}@keyframes logoReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes barFill{0%{width:0}to{width:100%}}.portal-chooser{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:var(--bg);font-family:Inter,system-ui,sans-serif;opacity:0;transform:translateY(10px);transition:opacity .55s ease,transform .55s ease}.portal-chooser.visible{opacity:1;transform:translateY(0)}.chooser-card{width:min(940px,100%);background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:48px 44px;box-shadow:0 1px 3px #0000000a,0 8px 32px #0000000f,0 32px 80px #0000000d}.chooser-brand{display:flex;align-items:center;gap:12px;margin-bottom:36px}.brand-divider{display:inline-block;width:1px;height:22px;background:var(--border)}.brand-tag{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.chooser-headline{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1.15}.chooser-headline-accent{color:var(--accent)}.chooser-sub{margin-top:8px;font-size:14px;color:var(--text-secondary);line-height:1.5}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.portal-card{display:flex;align-items:center;gap:18px;padding:20px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:16px;cursor:pointer;text-align:left;position:relative;overflow:hidden;opacity:0;transform:translateY(8px);animation:cardIn .4s ease both;transition:background .18s,border-color .18s,box-shadow .18s,transform .2s}.portal-card:hover{background:var(--card-hover);border-color:var(--border-hover);box-shadow:0 4px 16px #00000012;transform:translateY(-2px)}.portal-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.portal-icon{flex-shrink:0;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.portal-card:hover .portal-icon{transform:scale(1.08)}.portal-icon.customer{background:var(--customer-bg);color:var(--customer-icon)}.portal-icon.staff{background:var(--staff-bg);color:var(--staff-icon)}.portal-icon.franchise{background:var(--franchise-bg);color:var(--franchise-icon)}.portal-icon.command{background:var(--command-bg);color:var(--command-icon)}.portal-info{flex:1;min-width:0}.portal-title{display:block;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.portal-desc{display:block;font-size:12.5px;color:var(--text-secondary);line-height:1.4}.portal-arrow{flex-shrink:0;color:var(--text-muted);font-size:20px;line-height:1;transition:transform .2s,color .2s}.portal-card:hover .portal-arrow{transform:translate(3px);color:var(--accent)}.status-bar{display:flex;align-items:center;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.status-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 2px #16a34a33;animation:statusPulse 2s ease-in-out infinite;flex-shrink:0}.status-text{font-size:12px;color:var(--text-muted)}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:680px){.chooser-card{padding:28px 20px}.portal-grid{grid-template-columns:1fr}.chooser-headline{font-size:26px}}