@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";a{text-decoration:none}button{border:none;border-radius:5px;outline:none;padding:10px 30px;font-size:16px}:root{--brand-from:#0097b2;--brand-to:#00b4d8;--brand-mid:#0077b6;--brand-gradient:linear-gradient(135deg,var(--brand-from)0%,var(--brand-to)100%);--gray:#6b7280;--bg:#f9fafb;--white:#fff;--border:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--success:#059669;--danger:#dc2626;--warning:#f59e0b;--info:#0097b2}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}*{box-sizing:border-box;font-optical-sizing:auto;margin:0;padding:0;font-family:Raleway,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400}.row{flex-direction:row;display:flex}.col{flex-direction:column;display:flex}.cent{justify-content:center;align-items:center;display:flex}.input-box{flex-direction:column;gap:5px;width:100%;height:fit-content;display:flex}.label{font-size:18px;font-weight:400}.input{border-radius:5px;flex-direction:row;align-items:center;gap:10px;width:100%;height:55px;padding:0 20px;display:flex}.input input{background-color:#0000;border:none;border-radius:5px;outline:none;width:100%;height:100%;font-size:18px}input{caret-color:#6b7280;border-radius:inherit;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#6b7280!important;box-shadow:inset 0 0 0 1000px #e9e7fd!important}input:-webkit-autofill{caret-color:#6b7280;border-radius:inherit;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#6b7280!important;box-shadow:inset 0 0 0 1000px #e9e7fd!important}input:-webkit-autofill:hover{caret-color:#6b7280;border-radius:inherit;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#6b7280!important;box-shadow:inset 0 0 0 1000px #e9e7fd!important}input:-webkit-autofill:focus{caret-color:#6b7280;border-radius:inherit;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#6b7280!important;box-shadow:inset 0 0 0 1000px #e9e7fd!important}input:-webkit-autofill:active{caret-color:#6b7280;border-radius:inherit;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#6b7280!important;box-shadow:inset 0 0 0 1000px #e9e7fd!important}.input-icon{font-size:25px}.input-error-msg{color:red;font-size:12px}.signin{width:100%;height:100vh}.signin-item{width:50%;height:100%;position:relative}.signin-place-img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;height:100%}.signin-login-header{width:100%;height:120px;margin:auto;position:absolute;top:0;right:0}.sigin-login-header-item{border-bottom:1px solid var(--brand-to);align-items:center;width:90%;height:120px}.signin-logo{-o-object-fit:contain;object-fit:contain;width:250px;height:100px}.circle{z-index:-1;background:linear-gradient(135deg,#0097b266 0%,#00b4d880 100%);border-radius:50%;width:400px;height:400px;position:absolute;top:-150px;right:-150px}.signin-form{gap:30px;width:60%}.signin-btn{color:#fff;background:var(--brand-gradient);height:55px;font-size:18px;font-weight:600}.signin-support-box{margin-top:20px;font-size:18px}.signin-support-contact-txt{color:#00f}@media screen and (max-width:780px){.signin-img-box{display:none}.signup-form-container-mobile,.signin-form{width:90%}}.dashboard{width:100%}.dashboard-main{will-change:width,margin-left;width:calc(100% - 250px);margin-left:250px;transition:width .38s cubic-bezier(.22,.9,.3,1),margin-left .38s cubic-bezier(.22,.9,.3,1)}.dashboard-main.layout-extend{width:calc(100% - 70px);margin-left:70px}.dashboard-main-item{padding:10px}@media screen and (max-width:780px){.dashboard-main{width:100%!important;margin-left:0!important}}.aside-menu{will-change:transform,width;z-index:999;background-color:#fff;width:250px;height:100vh;transition:transform .38s cubic-bezier(.22,.9,.3,1),width .38s cubic-bezier(.22,.9,.3,1);position:fixed;overflow:hidden;box-shadow:3px 0 5px #d1d4dbbf}.aside-menu.aside-menu-close{width:70px}.aside-menu-logo-box{justify-content:center;align-items:center;width:100%;height:100px;display:flex}.aside-logo-img{-o-object-fit:contain;object-fit:contain;height:50px}.aside-menu-link-box{gap:10px;margin-top:10px}.aside-menu-link{width:100%;color:var(--gray);font-size:14px;font-weight:600;text-decoration:none}.aside-menu-link-item{border-radius:8px;align-items:center;width:90%;height:50px;font-size:15px;transition:all .2s ease-in-out}.aside-menu-link-item:hover{background-color:#f3f4f6}.aside-menu-link-icon-box{color:#6b7280;width:60px}.aside-menu-link-icon{width:22px;height:22px}.hide-link-title{display:none}.aside-menu-profile-nav{width:100%;padding:20px 0;position:absolute;bottom:0}.aside-active-link{background:var(--brand-gradient);border-radius:8px;box-shadow:0 4px 12px #0097b240;color:#fff!important}.aside-active-link .aside-menu-link{font-weight:700}.aside-active-link .aside-menu-link-icon-box{color:#fff}@media screen and (max-width:780px){.aside-menu{width:260px;transform:translate(0)}.aside-menu.aside-menu-close{width:260px;transform:translate(-100%)}}.upper-navigation{background-color:#fff;width:100%;height:100px}.upper-navigation a{color:var(--primary)}.upper-navigation-item{justify-content:space-between;align-items:center;height:100%;padding:0 20px}.upper-nav-profile-img-placeholder{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.upper-navigation-others-box{justify-content:space-between;align-items:center;gap:20px}.upper-navigation-shop-btn{cursor:pointer;color:var(--primary);border:1px solid var(--primary);background-color:#0000;border-radius:6px;align-items:center;gap:10px;margin-right:50px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.upper-navigation-shop-btn:hover{background-color:var(--primary);color:#fff}.upper-nav-profile-container{align-items:center;display:flex;position:relative}.upper-nav-profile-trigger{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;transition:background-color .2s;display:flex}.upper-nav-profile-trigger:hover{background-color:#f3f4f6}.profile-chevron{color:#6b7280;transition:transform .2s}.profile-chevron.open{transform:rotate(180deg)}.upper-nav-profile-dropdown{z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:200px;padding:8px;animation:.2s slideIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes slideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.dropdown-header{padding:8px 12px}.dropdown-org-name{color:#111827;margin:0;font-size:14px;font-weight:600}.dropdown-divider{background-color:#e5e7eb;height:1px;margin:8px 4px}.dropdown-item{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.dropdown-item:hover{color:#111827;background-color:#f9fafb}.logout-btn{color:#ef4444}.logout-btn:hover{color:#dc2626;background-color:#fef2f2}.logout-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0006;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.logout-modal-content{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:440px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;box-shadow:0 25px 50px -12px #00000040}.logout-modal-icon{color:#ef4444;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.logout-modal-content h2{color:#111827;margin:0 0 12px;font-size:24px;font-weight:800}.logout-modal-content p{color:#6b7280;margin:0 0 32px;font-size:16px;line-height:1.6}.logout-modal-actions{gap:12px;display:flex}.logout-modal-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:16px;font-weight:700;transition:all .2s}.logout-modal-btn.cancel{color:#4b5563;background:#f3f4f6}.logout-modal-btn.cancel:hover{color:#1f2937;background:#e5e7eb}.logout-modal-btn.confirm{color:#fff;background:#ef4444}.logout-modal-btn.confirm:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 10px 15px -3px #ef44444d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:480px){.logout-modal-content{padding:32px 24px}.logout-modal-actions{flex-direction:column-reverse}}.management-card-container{flex-wrap:wrap;gap:20px;margin-top:30px}.management-card{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;width:320px;min-height:180px;padding:24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.management-card:hover{border-color:#0097b24d;transform:translateY(-6px);box-shadow:0 12px 24px -8px #0097b240,0 4px 6px -2px #0000000d}.management-card-icon-wrapper{background-color:#f0fdfa;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;transition:background-color .3s;display:flex}.management-card-icon{color:var(--info)}.management-card:hover .management-card-icon-wrapper{background-color:var(--info)}.management-card:hover .management-card-icon{color:#fff}.management-card-content{flex-grow:1}.management-card-title{color:#111827;letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:700}.management-card-description{color:#4b5563;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.management-card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;transition:border-color .3s;display:flex}.management-card:hover .management-card-footer{border-top-color:#0097b21a}.management-card-action{color:#6b7280;font-size:13px;font-weight:600;transition:color .3s}.management-card:hover .management-card-action{color:var(--info)}.management-card-chevron{color:#9ca3af;transition:transform .3s,color .3s}.management-card:hover .management-card-chevron{color:var(--info);transform:translate(4px)}.customers-container{color:#1a1a1a;width:100%;max-width:1600px;margin:0 auto;padding:40px;font-family:Inter,sans-serif}.customers-header-section{flex-direction:column;gap:32px;margin-bottom:48px;display:flex}@media (min-width:1024px){.customers-header-section{flex-direction:row;justify-content:space-between;align-items:flex-end}}.header-title-group h1{color:#111827;letter-spacing:-.04em;margin:0;font-size:42px;font-weight:900;line-height:1}.header-title-group p{color:#6b7280;max-width:500px;margin-top:12px;font-size:16px;font-weight:500}.search-wrapper{width:100%;max-width:440px;position:relative}.search-icon{color:#4b5563;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #e5e7eb;border-radius:18px;outline:none;width:100%;height:60px;padding:0 24px 0 56px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000005}.search-input:focus{border-color:var(--brand-from);box-shadow:0 0 0 4px #0097b214}.search-input::placeholder{color:#9ca3af;font-weight:500}.customer-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;display:grid}.customer-card-ui{background:#fff;border:1px solid #f3f4f6;border-radius:24px;flex-direction:column;justify-content:space-between;padding:28px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000008}.customer-card-ui:hover{border-color:var(--brand-from);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #00000008}.customer-card-suspended{opacity:.8;background:#fafafa;border-color:#f3f4f6}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.user-info-main{align-items:center;gap:18px;display:flex}.avatar-placeholder{background:var(--brand-gradient);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:800;display:flex;box-shadow:0 8px 16px -4px #0097b24d}.customer-card-suspended .avatar-placeholder{box-shadow:none;background:#d1d5db}.user-details h3{color:#111827;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin:0;font-size:19px;font-weight:800;overflow:hidden}.status-badge-container{align-items:center;gap:8px;margin-top:4px;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:2px 8px;font-size:9px;font-weight:900}.status-active{color:#059669;background:#ecfdf5}.status-suspended{color:#dc2626;background:#fef2f2}.action-menu-container{justify-content:flex-end;display:flex;position:relative}.dots-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000f}.dots-btn:hover{color:#000;background:#f3f4f6;border-color:#9ca3af}.dots-btn svg{stroke:#111827;width:24px;height:24px}.dropdown-wrapper{z-index:1000;position:absolute;top:48px;right:0}.dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:200px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) slideIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000a26,0 10px 10px -5px #0000000a}.menu-backdrop{z-index:-1;background:0 0;position:fixed;inset:0}.dropdown-item{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.dropdown-item:hover{background:#f9fafb}.item-edit:hover{color:#000;background:#f3f4f6}.item-suspend:hover{color:#f59e0b;background:#f59e0b14}.item-check:hover{color:#10b981;background:#10b98114}.item-delete:hover{color:#ef4444;background:#ef444414}.contact-info-block{background:#f9fafb;border:1px solid #f3f4f6;border-radius:18px;flex-direction:column;gap:16px;margin-bottom:24px;padding:18px;display:flex}.info-item{color:#1f2937;align-items:center;gap:12px;width:100%;font-size:14px;font-weight:700;display:flex}.info-item span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.info-item svg{stroke:var(--brand-from);flex-shrink:0;width:18px;height:18px}.card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:18px;display:flex}.customer-id{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800}.gender-badge{color:#6b7280;text-transform:capitalize;background:#f3f4f6;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.pagination-footer{background:#fff;border:1px solid #f3f4f6;border-radius:24px;justify-content:space-between;align-items:center;margin-top:64px;padding:24px 32px;display:flex;box-shadow:0 4px 6px -1px #00000005}.pagination-info{color:#6b7280;font-size:14px;font-weight:600}.pagination-info span{color:#111827;font-weight:800}.pager-btns{gap:12px;display:flex}.pager-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000d}.pager-btn svg{stroke:#111827;width:24px;height:24px}.pager-btn:hover:not(:disabled) svg{stroke:var(--brand-from)}.pager-btn:disabled svg{opacity:.3}.pager-btn:hover:not(:disabled){border-color:var(--brand-from);color:var(--brand-from);background:#fff;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0097b21a}.pager-btn:disabled{opacity:.3;cursor:not-allowed;background:#f3f4f6}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11182766;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:1px solid #f3f4f6;border-radius:32px;width:100%;max-width:520px;padding:40px;position:relative;box-shadow:0 25px 50px -12px #00000040}.loader-container{flex-direction:column;align-items:center;gap:16px;padding:120px 0;display:flex}.loader-text{letter-spacing:.2em;color:#9ca3af;font-size:14px;font-weight:800;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state-container{text-align:center;background:#fff;border:2px dashed #f3f4f6;border-radius:40px;flex-direction:column;align-items:center;gap:16px;padding:120px 0;display:flex}.empty-state-title{color:#111827;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:900}.empty-state-text{color:#9ca3af;max-width:300px;font-size:16px;font-style:italic;font-weight:600}.modal-title{color:#111827;letter-spacing:-.04em;margin:0;font-size:32px;font-weight:900}.modal-subtitle{color:#6b7280;margin-top:8px;margin-bottom:32px;font-style:italic;font-weight:700}.form-label{text-transform:uppercase;color:#9ca3af;letter-spacing:.05em;margin-left:4px;font-size:11px;font-weight:900}.form-input{background:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;outline:none;width:100%;height:56px;padding:0 20px;font-size:15px;font-weight:700;transition:all .2s}.form-input:focus{border-color:var(--brand-from);background:#fff;box-shadow:0 0 0 4px #0097b20d}.modal-save-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:20px;width:100%;height:64px;margin-top:16px;font-size:18px;font-weight:900;transition:all .2s}.modal-save-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003}.modal-close{color:#9ca3af;cursor:pointer;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:32px;right:32px}.modal-close:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.packages-container{margin:0 auto;padding:24px;font-family:Inter,sans-serif}.packages-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.packages-title{color:#111827;font-size:28px;font-weight:700}.package-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{grid-column:span 2}.form-label{color:#000;font-size:14px;font-weight:600}.form-input,.form-textarea{border:1px solid var(--border,#f3f4f6);border-radius:8px;outline:none;min-height:42px;padding:10px 14px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;transition:all .2s;-webkit-text-fill-color:var(--text-primary,#111827)!important;background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill{border:1px solid var(--border,#f3f4f6);border-radius:8px;outline:none;min-height:42px;padding:10px 14px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;transition:all .2s;-webkit-text-fill-color:var(--text-primary,#111827)!important;background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:hover{border:1px solid var(--border,#f3f4f6);border-radius:8px;outline:none;min-height:42px;padding:10px 14px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;transition:all .2s;-webkit-text-fill-color:var(--text-primary,#111827)!important;background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:focus{border:1px solid var(--border,#f3f4f6);border-radius:8px;outline:none;min-height:42px;padding:10px 14px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;transition:all .2s;-webkit-text-fill-color:var(--text-primary,#111827)!important;background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:active{border:1px solid var(--border,#f3f4f6);border-radius:8px;outline:none;min-height:42px;padding:10px 14px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;transition:all .2s;-webkit-text-fill-color:var(--text-primary,#111827)!important;background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.form-textarea:-webkit-autofill{border:1px solid var(--border,#f3f4f6);border-radius:8px;outline:none;min-height:42px;padding:10px 14px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;transition:all .2s;-webkit-text-fill-color:var(--text-primary,#111827)!important;background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.form-textarea:-webkit-autofill:hover{border:1px solid var(--border,#f3f4f6);border-radius:8px;outline:none;min-height:42px;padding:10px 14px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;transition:all .2s;-webkit-text-fill-color:var(--text-primary,#111827)!important;background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.form-textarea:-webkit-autofill:focus{border:1px solid var(--border,#f3f4f6);border-radius:8px;outline:none;min-height:42px;padding:10px 14px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;transition:all .2s;-webkit-text-fill-color:var(--text-primary,#111827)!important;background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.form-textarea:-webkit-autofill:active{border:1px solid var(--border,#f3f4f6);border-radius:8px;outline:none;min-height:42px;padding:10px 14px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;transition:all .2s;-webkit-text-fill-color:var(--text-primary,#111827)!important;background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.form-input::-moz-placeholder{color:#9ca3af;opacity:1}.form-textarea::-moz-placeholder{color:#9ca3af;opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;opacity:1}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px}.submit-btn{color:#fff;cursor:pointer;background:#2563eb;margin-top:16px;font-weight:600;transition:background .2s}.submit-btn:hover{background:#1d4ed8}.submit-btn:disabled{cursor:not-allowed;background:#93c5fd}.packages-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.package-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.package-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.package-card-title{color:#111827;margin:0 0 4px;font-size:20px;font-weight:600}.package-card-subtitle{color:#6b7280;margin:0 0 16px;font-size:14px}.package-card-details{border-bottom:1px solid #e5e7eb;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.detail-item{color:#4b5563;align-items:center;gap:6px;font-size:14px;display:flex}.package-card-desc{color:#374151;margin:0;font-size:14px;line-height:1.5}.price-tag{color:#059669;font-size:18px;font-weight:700}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content.large{max-width:900px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{color:#111827;margin:0;font-size:20px;font-weight:600}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:24px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-weight:500}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-weight:500}.package-actions{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;display:flex}.action-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:inline-flex}.action-btn:hover{background:#e5e7eb}.action-btn.edit:hover{color:#2563eb;background:#dbeafe}.action-btn.delete:hover{color:#dc2626;background:#fee2e2}.package-form-wizard{animation:.3s ease-out fadeIn}.section-title{color:#111827;border-bottom:2px solid #f3f4f6;margin-bottom:24px;padding-bottom:12px;font-size:20px;font-weight:700}.section-subtitle{color:#4b5563;margin-bottom:16px;font-size:16px;font-weight:600}.help-text{color:#6b7280;margin-top:4px;font-size:12px}.custom-scrollbar::-webkit-scrollbar{height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#d1d5db}.wizard-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;display:flex}.wizard-button-group{gap:16px;display:flex}.wizard-form{margin-top:32px}.btn-with-icon{align-items:center;gap:8px;display:flex}.wizard-step-animate{animation:.4s ease-out fadeIn}.invisible{visibility:hidden}.full-width{width:100%}.wizard-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:16px;transition:all .2s;position:relative}.wizard-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000000d}.wizard-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.wizard-card-title{color:var(--text-secondary);font-size:14px;font-weight:700}.wizard-add-btn{color:var(--brand-from);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:14px;font-weight:600;transition:color .2s;display:flex}.wizard-add-btn:hover{color:var(--brand-mid);text-decoration:underline}.wizard-media-box{background:var(--white);border:2px dashed var(--border);border-radius:12px;margin-bottom:24px;padding:24px}.wizard-preview-grid{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.wizard-preview-item{border-radius:8px;width:100px;height:100px;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.wizard-remove-circle{background:var(--danger);color:var(--white);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:4px;right:4px}.wizard-upload-status{color:#3b82f6;margin-top:4px;font-size:12px;font-weight:500;display:block}.media-dropzone{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:32px;transition:all .2s;display:flex}.media-dropzone:hover,.media-dropzone.dragging{background:#eff6ff;border-color:#3b82f6}.media-dropzone-icon{color:#9ca3af;transition:color .2s}.media-dropzone:hover .media-dropzone-icon{color:#3b82f6}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-top:20px;display:grid}.media-preview-card{aspect-ratio:1;background:#000;border:1px solid #e5e7eb;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.media-preview-card img,.media-preview-card video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.media-remove-btn{color:#fff;cursor:pointer;z-index:10;background:#ef4444e6;border:none;transition:transform .2s,background .2s;position:absolute;top:6px;right:6px;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;padding:0!important;line-height:1!important;display:flex!important}.media-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.pdf-preview-box{background:#f3f4f6;border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.wizard-section-spacing{margin-bottom:32px}.wizard-item-spacing{margin-bottom:16px}.text-cyan{color:var(--brand-from)}.text-red{color:var(--danger)}.font-bold{font-weight:700}.wizard-steps-container{justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:20px;display:flex}.step-item{flex-direction:column;flex:1;align-items:center;min-width:120px;display:flex;position:relative}.step-connector{background:var(--border,#f3f4f6);z-index:1;width:100%;height:2px;position:absolute;top:20px;right:50%}.step-connector.completed{background:var(--brand-from,#0097b2)}.step-circle{background:var(--bg,#f9fafb);width:40px;height:40px;color:var(--text-secondary,#6b7280);z-index:2;border:1px solid var(--border,#f3f4f6);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .3s;display:flex;position:relative}.step-circle.active{background:var(--text-primary,#111827);color:var(--white,#fff);box-shadow:0 0 0 4px var(--border,#f3f4f6);border-color:var(--text-primary,#111827)}.step-circle.completed{background:var(--brand-from,#0097b2);color:var(--white,#fff);border-color:var(--brand-from,#0097b2)}.step-label-container{text-align:center;margin-top:12px}.step-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#6b7280);margin-bottom:4px;font-size:11px;font-weight:700}.step-title.active{color:var(--text-primary,#111827)}.step-subtitle{color:var(--text-secondary,#6b7280);font-size:10px;display:block}.seo-step-container{animation:.4s ease-out fadeIn}.seo-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px;box-shadow:0 1px 3px #0000001a}.seo-preview-title{color:#1a0dab;margin-bottom:4px;font-family:arial,sans-serif;font-size:18px;text-decoration:none}.seo-preview-url{color:#202124;margin-bottom:4px;font-size:14px;display:block}.seo-preview-desc{color:#4d5156;font-size:14px;line-height:1.58}.help-text{color:var(--text-secondary,#6b7280);margin-top:4px;font-size:12px;font-weight:400;display:block}.char-count{color:var(--text-secondary,#6b7280);float:right;margin-top:2px;font-size:11px}.char-count.warning{color:var(--danger,#dc2626)}.char-count.success{color:var(--success,#059669)}.queries-container{width:100%;max-width:1400px;margin:0 auto;padding:32px}.queries-header{flex-direction:column;justify-content:space-between;gap:24px;margin-bottom:40px;display:flex}@media (min-width:768px){.queries-header{flex-direction:row;align-items:center}}.queries-title-group h1{color:#111827;letter-spacing:-.025em;margin:0;font-size:36px;font-weight:900}.queries-title-group p{color:#6b7280;margin-top:4px;font-weight:600}.filter-pills{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #f3f4f6;border-radius:9999px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s}.filter-pill:hover{border-color:#d1d5db}.filter-pill.active{color:#fff;background:#111827;border-color:#111827}.loader-box{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:128px 0;display:flex}.loading-text{color:#9ca3af;letter-spacing:.1em;font-weight:900;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.empty-state{text-align:center;background:#fff;border:1px dashed #e5e7eb;border-radius:24px;padding:96px 0}.empty-text{color:#9ca3af;font-size:20px;font-weight:700}.queries-list{flex-direction:column;gap:16px;display:flex}.query-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:24px;transition:all .3s}.query-card:hover{box-shadow:0 4px 12px #0000000d}.query-card-content{flex-direction:column;justify-content:space-between;gap:16px;display:flex}@media (min-width:768px){.query-card-content{flex-direction:row;align-items:flex-start}}.query-left{flex-direction:column;flex:1;gap:12px;display:flex}.query-user-header{align-items:center;gap:12px;display:flex}.query-avatar{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:900;display:flex}.query-user-name{color:#111827;margin:0;font-size:18px;font-weight:900}.query-date{color:#9ca3af;margin:0;font-size:12px;font-weight:600}.query-details-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:640px){.query-details-grid{grid-template-columns:1fr 1fr}}.query-detail-item{color:#4b5563;align-items:center;gap:8px;font-size:14px;display:flex}.query-message-box{color:#4b5563;border-left:4px solid var(--brand-from);background:#f9fafb;border-radius:12px;padding:16px;font-size:14px;font-style:italic}.query-right{flex-direction:column;align-items:flex-end;gap:12px;min-width:140px;display:flex}.status-label{text-transform:uppercase;border-radius:9999px;padding:4px 12px;font-size:10px;font-weight:900}.status-pending{color:#a16207;background:#fefce8;border:1px solid #fef08a}.status-contacted{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe}.status-negotiation{color:#7e22ce;background:#faf5ff;border:1px solid #f3e8ff}.status-resolved{color:#166534;background:#f0fdf4;border:1px solid #dcfce7}.category-badge{text-transform:uppercase;color:#4b5563;letter-spacing:.05em;background:#f3f4f6;border-radius:6px;padding:2px 8px;font-size:9px;font-weight:900}.status-select-container{width:160px;font-size:13px;font-weight:700}.pagination-bar{background:#fff;border:1px solid #f3f4f6;border-radius:16px;justify-content:space-between;align-items:center;margin-top:40px;padding:16px 24px;display:flex}.pagination-text{color:#6b7280;font-size:14px;font-style:italic;font-weight:600}.pagination-text span{color:#111827;font-weight:700}.pagination-actions{gap:8px;display:flex}.pagination-btn{color:#9ca3af;background:#f9fafb;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.pagination-btn:not(:disabled):hover{color:#111827;background:#f3f4f6}.pagination-btn:disabled{opacity:.3}:root{--finance-info:#0097b2;--finance-success:#10b981;--finance-danger:#ef4444;--finance-border:#f3f4f6;--finance-text-main:#111827;--finance-text-muted:#6b7280;--finance-bg-white:#fff;--finance-bg-light:#f9fafb;--finance-radius-lg:24px;--finance-shadow:0 10px 15px -3px #0000000a}.finance-view-container{width:100%;margin:0 auto;padding:24px}.finance-header-section{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.finance-title{color:var(--finance-text-main);margin:0;font-size:28px;font-weight:800}.finance-subtitle{color:var(--finance-text-muted);margin:4px 0 0}.finance-summary-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px;display:grid}.summary-card{background-color:var(--finance-bg-white);border-radius:var(--finance-radius-lg);box-shadow:var(--finance-shadow);border:1px solid var(--finance-border);align-items:center;gap:16px;padding:24px;display:flex}.summary-icon-box{border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.summary-icon-box.income{color:#10b981;background-color:#dcfce7}.summary-icon-box.expense{color:#ef4444;background-color:#fee2e2}.summary-icon-box.balance{color:#0097b2;background-color:#e0f2fe}.summary-details p{color:var(--finance-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:13px;font-weight:700}.summary-details h2{color:var(--finance-text-main);margin:4px 0 0;font-size:24px;font-weight:900}.finance-card{background-color:var(--finance-bg-white);border-radius:var(--finance-radius-lg);box-shadow:var(--finance-shadow);border:1px solid var(--finance-border);padding:32px}.finance-action-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.finance-search-wrapper{width:350px;position:relative}.finance-search-input{background-color:#0000;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 48px;font-size:14px;transition:all .2s}.search-icon-inside{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.finance-search-input:focus{border-color:var(--finance-info)}.finance-table-container{overflow-x:auto}.finance-data-table{border-collapse:separate;border-spacing:0 8px;text-align:left;width:100%}.finance-table-head tr{color:var(--finance-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.finance-table-head th{padding:12px 20px}.finance-table-row td{background-color:var(--finance-bg-white);border-top:1px solid var(--finance-border);border-bottom:1px solid var(--finance-border);padding:20px;transition:background-color .2s}.finance-table-row:hover td{background-color:#fcfdfe}.finance-table-row td:first-child{border-left:1px solid var(--finance-border);border-top-left-radius:12px;border-bottom-left-radius:12px}.finance-table-row td:last-child{border-right:1px solid var(--finance-border);border-top-right-radius:12px;border-bottom-right-radius:12px;justify-content:center;display:flex}.type-badge{text-transform:uppercase;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:800}.type-badge.credit{color:#166534;background-color:#dcfce7}.type-badge.debit{color:#991b1b;background-color:#fee2e2}.currency-tag{color:#9ca3af;margin-right:4px;font-size:10px;font-weight:800}.finance-form-grid{grid-template-columns:1fr 350px;align-items:start;gap:24px;display:grid}.finance-input-group{flex-direction:column;gap:8px;display:flex}.finance-label{color:#374151;font-size:14px;font-weight:700}.finance-input{border:1px solid #e5e7eb;border-radius:12px;outline:none;padding:14px 18px;font-size:15px;transition:border-color .2s}.finance-input:focus{border-color:var(--finance-info)}.btn-finance-primary{background-color:var(--finance-info);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #0097b233}.btn-finance-primary:hover{transform:translateY(-1px);box-shadow:0 6px 15px #0097b24d}.finance-main-layout{flex-direction:column;align-items:stretch;gap:24px;display:flex}.filter-panel{background-color:var(--finance-bg-white);border-radius:var(--finance-radius-lg);border:1px solid var(--finance-border);box-shadow:var(--finance-shadow);z-index:10;flex-wrap:wrap;align-items:flex-end;gap:20px;padding:20px 28px;display:flex}.filter-section-title{color:var(--finance-text-main);text-transform:uppercase;letter-spacing:.1em;border-right:2px solid var(--finance-border);align-self:center;align-items:center;gap:6px;margin-bottom:0;padding-right:12px;font-size:13px;font-weight:800;display:flex}.filter-group{margin-bottom:0}.filter-label{color:var(--finance-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.filter-input{border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px}.filter-input:focus{border-color:var(--finance-info)}.pagination-footer{border-top:1px solid var(--finance-border);justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;display:flex}.page-btn{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){border-color:var(--finance-info);color:var(--finance-info)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background-color:var(--finance-info);color:#fff;border-color:var(--finance-info)}.verify-badge{align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.verify-badge.reconciled{color:var(--finance-success)}.verify-badge.pending{color:#9ca3af}.reconcile-toggle{cursor:pointer;color:#9ca3af;background-color:#fff;border:2px solid #f3f4f6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000001a}.reconcile-toggle:hover{border-color:var(--finance-info);color:var(--finance-info);background-color:#f0f9ff;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0097b226}.reconcile-toggle.active{color:#059669;background-color:#ecfdf5;border-color:#10b981}.reconcile-toggle.active:hover{color:#065f46;background-color:#d1fae5;border-color:#047857}.erp-link-badge{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.attachment-preview{color:#6b7280;cursor:pointer;background-color:#f3f4f6;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.attachment-preview:hover{color:var(--finance-info);background-color:#e5e7eb}.sort-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.sort-header-inner{align-items:center;gap:6px;width:100%;display:flex}.sort-header:hover{color:var(--finance-info)}:root{--fleet-info:#0097b2;--fleet-border:#f3f4f6;--fleet-text-main:#111827;--fleet-text-muted:#6b7280;--fleet-bg-white:#fff;--fleet-bg-light:#f9fafb;--fleet-radius-lg:24px;--fleet-shadow:0 10px 15px -3px #0000000a}.fleet-view-container{width:100%;margin:0 auto;padding:24px}.fleet-header-section{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.fleet-title{color:var(--fleet-text-main);margin:0;font-size:28px;font-weight:800}.fleet-subtitle{color:var(--fleet-text-muted);margin:4px 0 0}.fleet-card{background-color:var(--fleet-bg-white);border-radius:var(--fleet-radius-lg);box-shadow:var(--fleet-shadow);border:1px solid var(--fleet-border);padding:32px}.fleet-action-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.fleet-search-wrapper{width:350px;position:relative}.fleet-search-input{border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:14px;transition:border-color .2s}.fleet-search-input:focus{border-color:var(--fleet-info)}.fleet-table-container{overflow-x:auto}.fleet-data-table{border-collapse:separate;border-spacing:0 8px;text-align:left;width:100%}.fleet-table-head tr{color:var(--fleet-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.fleet-table-head th{padding:12px 20px}.fleet-table-row td{background-color:var(--fleet-bg-white);border-top:1px solid var(--fleet-border);border-bottom:1px solid var(--fleet-border);padding:20px;transition:background-color .2s}.fleet-table-row:hover td{background-color:#fcfdfe}.fleet-table-row td:first-child{border-left:1px solid var(--fleet-border);border-top-left-radius:12px;border-bottom-left-radius:12px}.fleet-table-row td:last-child{border-right:1px solid var(--fleet-border);border-top-right-radius:12px;border-bottom-right-radius:12px}.status-badge.active{color:#166534;background-color:#dcfce7}.status-badge.maintenance{color:#92400e;background-color:#fef3c7}.status-badge.inactive{color:#991b1b;background-color:#fee2e2}.btn-fleet-primary{background-color:var(--fleet-info);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #0097b233}.btn-fleet-primary:hover{transform:translateY(-1px);box-shadow:0 6px 15px #0097b24d}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.action-btn:hover{background-color:var(--fleet-bg-light)}.fleet-form-grid{grid-template-columns:1fr 350px;align-items:start;gap:24px;display:grid}.fleet-input-group{flex-direction:column;gap:8px;display:flex}.fleet-label{color:#374151;font-size:14px;font-weight:700}.fleet-input{border:1px solid #e5e7eb;border-radius:12px;outline:none;padding:14px 18px;font-size:15px;transition:border-color .2s}.fleet-input:focus{border-color:var(--fleet-info)}.fleet-media-preview{aspect-ratio:4/3;cursor:pointer;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:all .2s;display:flex;position:relative;overflow:hidden}.fleet-media-preview:hover{border-color:var(--fleet-info);background-color:#f3f4f6}.tracking-wrapper{flex-direction:column;height:calc(100vh - 120px);display:flex;position:relative}.tracking-header-overlay{z-index:1000;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:20px;left:20px;right:20px}.metrics-panel{background-color:var(--fleet-bg-white);pointer-events:auto;border-radius:16px;align-items:center;gap:32px;padding:12px 24px;display:flex;box-shadow:0 4px 15px #0000001a}.metric-item{text-align:center}.metric-label{color:var(--fleet-text-muted);text-transform:uppercase;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.metric-value{color:var(--fleet-text-main);font-size:20px;font-weight:900}.driver-info-card{z-index:1000;background-color:var(--fleet-bg-white);border-radius:24px;width:320px;padding:24px;position:absolute;bottom:30px;left:20px;box-shadow:0 -4px 20px #0000001a}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107,M12=.707107,M21=-.707107,M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--driver-info:#0097b2;--driver-border:#f3f4f6;--driver-text-main:#111827;--driver-text-muted:#6b7280;--driver-bg-white:#fff;--driver-bg-light:#f9fafb;--driver-radius-lg:24px;--driver-shadow:0 10px 15px -3px #0000000a}.driver-view-container{width:100%;margin:0 auto;padding:24px}.driver-header-section{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.driver-title{color:var(--driver-text-main);margin:0;font-size:28px;font-weight:800}.driver-subtitle{color:var(--driver-text-muted);margin:4px 0 0}.driver-card{background-color:var(--driver-bg-white);border-radius:var(--driver-radius-lg);box-shadow:var(--driver-shadow);border:1px solid var(--driver-border);padding:32px}.driver-action-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.driver-search-wrapper{width:350px;position:relative}.driver-search-input{border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:14px;transition:border-color .2s}.driver-search-input:focus{border-color:var(--driver-info)}.driver-table-container{overflow-x:auto}.driver-data-table{border-collapse:separate;border-spacing:0 8px;text-align:left;width:100%}.driver-table-head tr{color:var(--driver-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.driver-table-head th{padding:12px 20px}.driver-table-row td{background-color:var(--driver-bg-white);border-top:1px solid var(--driver-border);border-bottom:1px solid var(--driver-border);padding:20px;transition:background-color .2s}.driver-table-row:hover td{background-color:#fcfdfe}.driver-table-row td:first-child{border-left:1px solid var(--driver-border);border-top-left-radius:12px;border-bottom-left-radius:12px}.driver-table-row td:last-child{border-right:1px solid var(--driver-border);border-top-right-radius:12px;border-bottom-right-radius:12px}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex}.status-badge.available{color:#166534;background-color:#dcfce7}.status-badge.on_trip{color:#0369a1;background-color:#e0f2fe}.status-badge.leave{color:#991b1b;background-color:#fee2e2}.status-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.btn-driver-primary{background-color:var(--driver-info);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #0097b233}.btn-driver-primary:hover{transform:translateY(-1px);box-shadow:0 6px 15px #0097b24d}.driver-form-grid{grid-template-columns:1fr 350px;align-items:start;gap:24px;display:grid}.driver-input-group{flex-direction:column;gap:8px;display:flex}.driver-label{color:#374151;font-size:14px;font-weight:700}.driver-input{border:1px solid #e5e7eb;border-radius:12px;outline:none;padding:14px 18px;font-size:15px;transition:border-color .2s}.driver-input:focus{border-color:var(--driver-info)}.driver-media-preview{aspect-ratio:1;cursor:pointer;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:all .2s;display:flex;position:relative;overflow:hidden}.driver-media-preview:hover{border-color:var(--driver-info);background-color:#f3f4f6}.media-page-container{width:100%;margin:0 auto;padding:24px}.media-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.media-title{color:#1f2937;margin:0;font-size:28px;font-weight:700}.media-subtitle{color:#6b7280;margin:8px 0 0}.upload-btn-wrapper{display:inline-block;position:relative;overflow:hidden}.upload-btn{background-color:var(--brand-gradient);background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:600;transition:background-color .2s;display:flex}.upload-btn-wrapper input[type=file]{opacity:0;cursor:pointer;height:100%;font-size:100px;position:absolute;top:0;left:0}.media-loading,.media-empty{text-align:center;color:#9ca3af;background:#f9fafb;border:1px dashed #d1d5db;border-radius:16px;padding:60px 20px}.empty-icon{color:#d1d5db;margin:0 auto 16px}.masonry-grid{-moz-column-count:1;column-count:1;-moz-column-gap:20px;column-gap:20px}@media (min-width:640px){.masonry-grid{-moz-column-count:2;column-count:2}}@media (min-width:1024px){.masonry-grid{-moz-column-count:3;column-count:3}}@media (min-width:1280px){.masonry-grid{-moz-column-count:4;column-count:4}}.masonry-item{-moz-column-break-inside:avoid;break-inside:avoid;background:#f3f4f6;border-radius:12px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.masonry-item img,.masonry-item video{width:100%;height:auto;transition:transform .3s;display:block}.video-wrapper{position:relative}.media-badge{color:#fff;background:#0009;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.masonry-overlay{opacity:0;background:linear-gradient(#0000,#000c);justify-content:space-between;align-items:flex-end;padding:30px 16px 16px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.masonry-item:hover .masonry-overlay{opacity:1}.masonry-item:hover img,.masonry-item:hover video{transform:scale(1.02)}.media-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:80%;margin:0;font-size:12px;font-weight:500;overflow:hidden}.media-name:hover{text-decoration:underline}.delete-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex}.delete-btn:hover{background:#ef4444}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:transparent;--input-disabled-border-color:transparent;--input-hover-border-color:black;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selecteditem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert();backdrop-filter:invert()}}.annotationLayer{pointer-events:none;transform-origin:0 0;z-index:3;position:absolute;top:0;left:0}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg)translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg)translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg)translateY(-100%)}.annotationLayer canvas{width:100%;height:100%;position:absolute}.annotationLayer section{text-align:initial;pointer-events:auto;box-sizing:border-box;transform-origin:0 0;margin:0;position:absolute}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{width:100%;height:100%;font-size:1em;position:absolute;top:0;left:0}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--total-scale-factor))sans-serif;vertical-align:top;width:100%;height:100%;margin:0}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{border:2px solid var(--input-disabled-border-color);cursor:not-allowed;background:0 0}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);background:0 0;border-radius:2px}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:#0000;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);border-radius:2px}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{content:"";background-color:canvastext;display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{width:1px;height:80%;left:45%}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;width:50%;height:50%;top:20%;left:30%}.annotationLayer .textWidgetAnnotation input.comb{padding-left:2px;padding-right:0;font-family:monospace}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{width:100%;height:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--total-scale-factor));width:100%;min-width:calc(180px*var(--total-scale-factor));pointer-events:none;position:absolute}.annotationLayer .popup{max-width:calc(180px*var(--total-scale-factor));box-shadow:0 calc(2px*var(--total-scale-factor))calc(5px*var(--total-scale-factor))#888;border-radius:calc(2px*var(--total-scale-factor));padding:calc(6px*var(--total-scale-factor));margin-left:calc(5px*var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto;background-color:#ff9;position:absolute}.annotationLayer .popup>*{font-size:calc(9px*var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{margin-left:calc(5px*var(--total-scale-factor));display:inline-block}.annotationLayer .popupContent{margin-top:calc(2px*var(--total-scale-factor));padding-top:calc(2px*var(--total-scale-factor));border-top:1px solid #333}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px*var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .annotationTextContent{opacity:0;color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg)translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg)translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg)translate(-100%)}.textLayer{text-align:initial;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2;line-height:1;position:absolute;inset:0;overflow:hidden}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;margin:0;position:absolute}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:0 0}.textLayer .endOfContent{z-index:-1;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{width:0;height:0;display:none;position:absolute;top:0;left:0}.org-settings-container{background-color:#f9fafb;min-height:calc(100vh - 80px);display:flex}.org-sub-aside{background-color:#fff;border-right:1px solid #f3f4f6;flex-direction:column;flex-shrink:0;gap:8px;width:280px;padding:32px 16px;display:flex}.org-nav-item{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.org-nav-item span{color:#6b7280;font-size:14px;font-weight:600}.org-nav-item:hover{background-color:#f9fafb}.org-nav-item.active{background-color:#0097b20d;border-color:#0097b233}.org-nav-item.active span,.org-nav-item.active svg{color:#0097b2}.org-content-pane{flex-grow:1;max-height:calc(100vh - 80px);padding:40px;overflow-y:auto}.org-form-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:20px;padding:40px;box-shadow:0 1px 3px #0000000d}.sub-usage-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.usage-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:24px}.usage-progress-bg{background-color:#f3f4f6;border-radius:4px;height:8px;margin-top:16px;overflow:hidden}.usage-progress-bar{background-color:#0097b2;height:100%}.plan-hero-card{color:#fff;background-color:#111827;border-radius:24px;margin-bottom:32px;padding:40px;position:relative;overflow:hidden}.plan-hero-card:after{content:"";background:radial-gradient(circle,#0097b24d 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-20px;right:-20px}