@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800;900&display=swap";:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-primary);background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow:hidden;overscroll-behavior:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--color-text-primary)}button{font-family:var(--font-primary);cursor:pointer}.app-container{display:flex!important;flex-direction:row;height:100dvh;width:100vw;overflow:hidden;position:relative;top:0;left:0}.content-wrapper{display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1);height:100dvh;width:100%;overflow:hidden}.app-container.sidebar-open .content-wrapper:not(:has(.login-page)){margin-left:280px;width:calc(100vw - 280px)}.app-container.sidebar-closed .content-wrapper:not(:has(.login-page)){margin-left:80px;width:calc(100vw - 80px)}.main-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.login-page{position:relative;width:100%;min-height:100dvh;z-index:9999;display:flex;flex-direction:column}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media(max-width:1024px){.app-container.sidebar-open .content-wrapper:not(:has(.login-page)),.app-container.sidebar-closed .content-wrapper:not(:has(.login-page)){margin-left:0!important;width:100%!important}}@media(max-width:768px){.main-content>div:not(.login-page){padding:0!important}}.logout-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0f1e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.logout-modal{background:var(--color-surface);padding:32px;border-radius:24px;width:90%;max-width:400px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--sidebar-divider)}.logout-modal-icon-wrapper{width:64px;height:64px;border-radius:50%;background:var(--color-error-soft, #fee2e2);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--color-error)}.logout-modal-title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px;font-family:var(--font-heading)}.logout-modal-text{font-size:15px;color:var(--color-text-secondary);margin-bottom:32px;line-height:1.5}.logout-modal-actions{display:flex;gap:16px;width:100%}.logout-modal-cancel{flex:1;padding:14px;border-radius:12px;border:1px solid var(--sidebar-divider);background:transparent;color:var(--color-text-primary);font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}.logout-modal-cancel:hover{background:#f1f5f9}.logout-modal-confirm{flex:1;padding:14px;border-radius:12px;border:none;background:var(--color-error);color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ef44444d}.logout-modal-confirm:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}@media(max-width:1024px){.logout-modal-overlay{align-items:flex-end}.logout-modal{width:100%;max-width:100%;border-radius:24px 24px 0 0;padding:32px 24px 40px;margin:0;border:none;box-shadow:0 -8px 24px #00000026}}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-divider);box-shadow:0 4px 20px var(--sidebar-active-shadow);transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sidebar-header{height:80px;display:flex;align-items:center;justify-content:center;padding:0;border-bottom:1px solid var(--sidebar-divider);background:var(--sidebar-bg)}.sidebar-logo{display:flex;align-items:center;gap:12px;width:100%;padding:0 24px;overflow:hidden;white-space:nowrap}.sidebar-close-btn{display:none;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;margin-left:auto}.sidebar-close-btn:hover{background:var(--color-primary-soft);color:var(--color-primary)}.sidebar.closed .sidebar-logo{justify-content:center;padding:0;gap:0}.logo-mark{width:40px;height:40px;min-width:40px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--sidebar-brand-primary);font-weight:800;font-size:18px;box-shadow:0 4px 12px var(--sidebar-logo-shadow)}.logo-text{font-family:var(--font-heading);font-size:21px;font-weight:800;letter-spacing:-.6px;display:flex;gap:4px}.brand-sridevi{color:var(--sidebar-brand-primary)}.brand-cars{color:var(--sidebar-brand-accent)}.sidebar-nav{padding:24px 16px;flex:1;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;padding:12px 16px;border-radius:8px;text-decoration:none;color:var(--sidebar-text);font-weight:600;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;overflow:hidden}.sidebar.closed .nav-item{padding:12px;justify-content:center}.nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text);transform:translate(4px)}.sidebar.closed .nav-item:hover{transform:none;background:var(--sidebar-hover-bg)}.nav-item.active{background:var(--sidebar-active-bg)!important;color:var(--sidebar-text-active)!important;box-shadow:0 4px 12px var(--sidebar-active-shadow)!important}.nav-item.active:hover{background:var(--sidebar-active-bg)!important;transform:none}.nav-item.active .icon{color:var(--sidebar-text-active)!important}.nav-item .icon{display:flex;align-items:center;justify-content:center;min-width:24px;margin-right:14px;transition:margin .3s}.sidebar.closed .nav-item .icon{margin-right:0}.category-trigger{cursor:pointer;justify-content:space-between}.trigger-main{display:flex;align-items:center}.chevron-icon{transition:transform .3s ease;color:var(--color-text-tertiary)}.chevron-icon.rotated{transform:rotate(180deg)}.submenu{list-style:none;padding:0;margin:4px 0 8px;display:flex;flex-direction:column;gap:4px;overflow:hidden}.sub-nav-item{display:flex;align-items:center;padding:10px 16px 10px 48px;border-radius:10px;text-decoration:none;color:var(--sidebar-text);opacity:.75;font-weight:600;font-size:13.5px;transition:all .2s;white-space:nowrap}.sub-nav-item .icon{margin-right:12px}.sub-nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text);opacity:1;transform:translate(4px)}.sub-nav-item.active{background:var(--sidebar-active-bg)!important;color:var(--sidebar-text-active)!important;opacity:1!important;box-shadow:0 4px 12px var(--sidebar-active-shadow)!important}.sub-nav-item.active .icon{color:var(--sidebar-text-active)!important;opacity:1}.nav-item.active-cat{background:var(--sidebar-hover-bg)!important;color:var(--sidebar-text)!important}.category-group.expanded{position:relative}.sidebar-footer{padding:20px;border-top:1px solid var(--sidebar-divider);background:var(--sidebar-footer-bg)}.sidebar.closed .sidebar-footer{padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.user-profile-mini{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;transition:background .2s;cursor:pointer;overflow:hidden}.sidebar.closed .user-profile-mini{padding:0;justify-content:center;width:100%}.user-profile-mini:hover{background:var(--color-primary-soft)}.avatar{width:40px;height:40px;min-width:40px;border-radius:12px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-surface);font-size:16px;box-shadow:var(--shadow-md)}.user-info{flex:1;white-space:nowrap}.user-name{font-size:14px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.user-role{font-size:12px;color:var(--color-text-tertiary);line-height:1.2}.logout-mini{background:none;border:none;color:var(--color-error);font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;transition:all .2s;margin-top:8px;width:100%;justify-content:flex-start;cursor:pointer}.logout-mini.closed{justify-content:center;padding:10px}.logout-mini:hover{background:var(--sidebar-logout-hover-bg)}.create-ticket-sidebar-btn{background:none;border:none;color:var(--sidebar-text);font-size:15px;font-weight:600;display:flex;align-items:center;gap:0;padding:12px 16px;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;justify-content:flex-start;cursor:pointer;white-space:nowrap;overflow:hidden}.create-ticket-sidebar-btn svg{min-width:24px;margin-right:14px;flex-shrink:0}.create-ticket-sidebar-btn.closed{justify-content:center;padding:12px}.create-ticket-sidebar-btn.closed svg{margin-right:0}.create-ticket-sidebar-btn:hover{background:var(--sidebar-hover-bg);transform:translate(4px)}@media(max-width:1024px){.sidebar{transform:translate(-100%);width:280px!important;box-shadow:4px 0 24px var(--sidebar-active-shadow)}.sidebar.open{transform:translate(0);width:280px!important}.sidebar.closed{width:280px!important;transform:translate(-100%)}.sidebar.closed .sidebar-logo{justify-content:flex-start;padding:0 24px;gap:12px}.sidebar.closed .nav-item{justify-content:flex-start;padding:12px 16px}.sidebar.closed .nav-item:hover{transform:translate(4px)}.sidebar.closed .nav-item .icon{margin-right:14px}.sidebar.closed .sidebar-footer{padding:20px;flex-direction:column;align-items:stretch}.sidebar.closed .user-profile-mini{justify-content:flex-start;padding:8px}.sidebar.closed .logout-mini,.sidebar.closed .create-ticket-sidebar-btn{justify-content:flex-start;padding:10px}.sidebar-close-btn{display:flex}}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--sidebar-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.main-content:has(.customers-page-container){overflow:hidden!important}.customers-page-container{padding:0;margin:0;background:var(--white);height:calc(100vh - 72px);width:100%;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-secondary)}.table-card-pane{background:var(--white);border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column;height:100%;flex:1;overflow:hidden}.leads-page-header{padding:16px 24px;border-bottom:1px solid var(--surface-border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--white);flex-shrink:0}.title-area h3{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:6px}.title-area h3 span{font-size:12.5px;font-weight:500;color:var(--text-secondary)}.ant-select-selector{box-sizing:border-box;margin:0;padding:0 10px;color:var(--text-primary);font-size:13px;line-height:36px;height:36px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:6px}.ant-select-prefix-icon{color:#64748b;flex-shrink:0}.ant-select-item{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:5px 10px;color:var(--text-primary);font-weight:500;font-size:12.5px;line-height:20px;cursor:pointer;transition:background .15s ease;border-radius:4px}.ant-select-item-selected{color:var(--color-primary)!important;font-weight:600!important;background-color:var(--color-primary-soft)!important}.search-bar-container{position:relative;display:flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:0 10px;width:240px;flex-shrink:0;height:36px;transition:all .2s ease}.search-icon-muted{color:#94a3b8;margin-right:6px;flex-shrink:0}.search-bar-container input{background:transparent;border:none;outline:none;font-size:13px;color:var(--text-primary);width:100%;height:100%}.add-lead-header-btn{height:36px;padding:0 14px;border-radius:6px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;box-shadow:0 4px 10px #154eeb26;white-space:nowrap}.leads-cards-grid{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;align-content:start;background:var(--white);overflow-y:auto;flex:1}.lead-grid-card.customer-card{background:#f4f7fc;border:1px solid #dbe2ef;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000005,0 1px 2px #00000003;position:relative;overflow:visible}.lead-grid-card.customer-card:hover{transform:translateY(-3px);box-shadow:0 12px 20px -8px #0000000f,0 4px 12px #00000005;border-color:#cbd5e1}.lead-grid-card.customer-card.status-hot,.lead-grid-card.customer-card.status-warm,.lead-grid-card.customer-card.status-cold{background:#f4f7fc;border-color:#dbe2ef}.customer-info-header{display:flex;align-items:center;gap:8px}.customer-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#06064d,#1e1b4b);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.customer-titles{display:flex;flex-direction:column}.customer-name-heading{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.customer-id-sub{font-size:10px;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:1px 5px;border-radius:4px;width:fit-content}.badge-status.hot{background:#fef2f2;color:#b91c1c;border:1px solid #fca5a5}.badge-status.warm{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.badge-status.cold{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.customer-details-body{display:flex;flex-direction:column;gap:8px;padding-top:5px}.customer-vehicle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.preferred-vehicle-badge{background:var(--white);color:#334155;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:600;border:1px solid rgba(0,0,0,.08);display:inline-flex;align-items:center;gap:4px}.preferred-vehicle-badge svg{color:#64748b}.customer-budget-val{font-weight:700;color:#0f172a;font-size:12px}.customer-contact-section{display:flex;flex-direction:column;gap:8px;padding:8px 0;border-top:1px dashed rgba(0,0,0,.08);border-bottom:1px dashed rgba(0,0,0,.08)}.customer-contact-row{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#475569;font-weight:500}.customer-contact-row svg.card-icon{color:#3b82f6}.customer-contact-row.inline-two{display:flex;justify-content:space-between;align-items:center;gap:12px}.customer-contact-row.inline-two .contact-item{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#475569;font-weight:500}.customer-contact-row.inline-two .contact-item:first-child svg.card-icon{color:#10b981}.customer-contact-row.inline-two .contact-item:last-child svg.card-icon{color:#ef4444}.customer-contact-row.inline-two .contact-item:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.customer-contact-row.inline-two .contact-item:last-child{flex:0 0 auto;justify-content:flex-end}.customer-notes-block{font-size:10.5px;color:#64748b;font-style:italic;background:#f8fafc;padding:6px 10px;border-radius:6px;border:1px solid #f1f5f9;margin-top:1px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.no-customers-placeholder{grid-column:1 / -1;padding:60px 20px;text-align:center;color:#64748b}.no-customers-placeholder h3{margin:0;font-size:15px;font-weight:700;color:var(--text-primary)}.no-customers-placeholder p{margin:4px 0 0;font-size:12.5px}.customer-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#0f172a;color:var(--white);padding:10px 20px;border-radius:99px;font-size:13px;font-weight:600;box-shadow:0 10px 25px -5px #0000004d;z-index:1500;display:flex;align-items:center;gap:8px;animation:slideUpFade .2s ease-out}@keyframes slideUpFade{0%{transform:translate(-50%,15px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes bottomSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:1024px){.leads-page-header{flex-direction:column;align-items:stretch;gap:12px}.pane-header-actions{flex-direction:column;align-items:stretch;gap:8px}.ant-select-container{width:100%}.search-bar-container{width:100%!important;max-width:none!important;flex:1 1 auto}.add-lead-header-btn{width:100%;justify-content:center}.leads-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;padding:16px!important;background:var(--white)!important}.main-content>div.customers-page-container{padding:0!important;background:var(--white)!important;height:calc(100vh - 72px)!important;overflow-y:auto!important}.leads-card.table-card-pane{border-radius:0!important;border-left:none!important;border-right:none!important;border-top:none!important;box-shadow:none!important;background:var(--white)!important}.pane-header{padding:16px!important}}@media(max-width:600px){.leads-cards-grid{grid-template-columns:1fr!important}.form-group-row{grid-template-columns:1fr}}.desktop-only{display:flex}.cust-filter-fab{display:none;position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;box-shadow:0 4px 16px #154eeb4d;align-items:center;justify-content:center;cursor:pointer;z-index:500;transition:transform .2s ease,box-shadow .2s ease}.cust-filter-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #154eeb66}.cust-add-fab{display:none;position:fixed;bottom:92px;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;box-shadow:0 4px 16px #154eeb4d;align-items:center;justify-content:center;cursor:pointer;z-index:500;transition:transform .2s ease,box-shadow .2s ease}.cust-add-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #154eeb66}.customer-bottom-sheet-content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px;overflow-y:auto;padding-bottom:16px}.staff-filter-section{grid-column:1 / -1;display:flex;flex-direction:column;gap:4px;margin-top:4px}.staff-filter-section .filter-group-label{margin-bottom:8px;margin-top:4px;grid-column:unset}.staff-role-subheader{font-size:10.5px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;padding:10px 0 4px 2px;border-top:1px solid #f1f5f9;margin-top:4px}.staff-filter-section .sheet-filter-item{justify-content:space-between!important;text-align:left;padding:10px 14px;border-radius:8px}.staff-filter-section .sheet-filter-item .sheet-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;background:#f1f5f9;color:#64748b;border-radius:10px;font-size:11px;font-weight:700}.staff-filter-section .sheet-filter-item.active .sheet-filter-count{background:#fff3;color:#fff}.staff-filter-section .sheet-filter-label{font-size:13.5px;font-weight:600}@media(max-width:1024px){.desktop-only{display:none!important}.cust-filter-fab,.cust-add-fab{display:flex}.leads-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;padding:16px!important}.pane-header-actions{width:100%!important}.search-bar-container{width:100%!important;max-width:none!important}.customer-modal-overlay{align-items:flex-end!important}.customer-modal-card{width:100%!important;max-width:100%!important;margin:0!important;max-height:90vh!important;border-radius:24px 24px 0 0!important;animation:bottomSheetSlideUp .3s cubic-bezier(.16,1,.3,1)!important}.modal-body-scroll{padding:16px!important;gap:12px!important}.modal-header-block{padding:14px 16px!important}.modal-footer-block{padding:12px 16px!important}}@media(max-width:600px){.leads-cards-grid{grid-template-columns:1fr!important;gap:16px!important;padding:16px!important}}.interactive-card{cursor:pointer!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important}.interactive-card:hover{transform:translateY(-3px)!important;box-shadow:0 12px 20px -5px #0f172a1f,0 4px 6px -2px #0f172a0a!important;border-color:#cbd5e1!important}.info-grid-tile .budget-highlight{color:#10b981!important;font-weight:750!important}.details-notes-box{margin-top:12px;background:#fffbeb;border:1px solid #fef3c7;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:4px}.notes-box-title{font-size:10px;font-weight:800;color:#b45309;text-transform:uppercase;letter-spacing:.5px}.details-notes-box p{font-size:12.5px;color:#78350f;margin:0;line-height:1.5;font-style:italic}@media(max-width:600px){.details-info-grid{grid-template-columns:1fr}.info-grid-tile.full-width-tile{grid-column:span 1}}.ct-modal-card{max-width:700px!important}.ct-customer-selector{display:flex;flex-direction:column;gap:8px}.ct-section-label{font-size:12px;font-weight:700;color:#475569}.ct-search-box{position:relative;display:flex;align-items:center}.ct-search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.ct-search-input{width:100%;height:40px;padding:0 12px 0 36px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;font-weight:500;color:#0f172a;background:#f8fafc;outline:none;box-sizing:border-box;transition:all .15s}.ct-search-input:focus{border-color:var(--color-primary, #6366f1);background:#fff;box-shadow:0 0 0 3px #154eeb1a}.ct-search-input::placeholder{color:#94a3b8}.ct-customer-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000000f;max-height:260px;overflow-y:auto}.ct-customer-list::-webkit-scrollbar{width:4px}.ct-customer-list::-webkit-scrollbar-track{background:transparent}.ct-customer-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.ct-list-header{padding:7px 14px;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:2}.ct-customer-item{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .15s}.ct-customer-item:last-child{border-bottom:none}.ct-customer-item:hover{background:#f8fafc}.ct-customer-item:hover .ct-avatar{transform:scale(1.05)}.ct-avatar{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em;flex-shrink:0;transition:transform .2s;text-transform:uppercase}.ct-cust-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ct-cust-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ct-cust-name{font-size:13px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-cust-badge{font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 8px 2px 6px;border-radius:10px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.ct-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.ct-cust-badge.hot{background:#fef2f2;color:#b91c1c;border:1px solid #fca5a5}.ct-cust-badge.warm{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.ct-cust-badge.cold{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.ct-cust-row-btm{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ct-cust-detail{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:#64748b;white-space:nowrap}.ct-cust-detail svg{color:#94a3b8}.ct-cust-budget{font-size:11px;font-weight:600;color:var(--color-primary, #4f46e5);background:#eff6ff;padding:1px 7px;border-radius:4px}.ct-empty{padding:24px;text-align:center;color:#94a3b8;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.ct-selected-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;animation:ctFadeIn .2s ease}@keyframes ctFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ct-selected-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ct-selected-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.ct-change-btn{font-size:12px;color:var(--color-primary, #4f46e5);font-weight:600;background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px}.ct-change-btn:hover{background:#eff6ff}.ct-selected-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ct-info-cell{display:flex;flex-direction:column;gap:1px}.ct-info-cell.ct-span-2{grid-column:1 / -1}.ct-info-lbl{font-size:10px;color:#94a3b8;font-weight:500}.ct-info-val{font-size:13px;color:#0f172a;font-weight:600}.ct-status-hot{color:#dc2626!important}.ct-status-warm{color:#ea580c!important}.ct-status-cold{color:#2563eb!important}.ct-quick-section{display:flex;flex-direction:column;gap:8px}.ct-quick-row{display:flex;gap:8px;flex-wrap:nowrap}.ct-quick-chip{padding:6px 10px;font-size:12px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;color:#475569;font-weight:500;transition:all .2s;white-space:nowrap}.ct-quick-chip:hover{border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1);background:#eff6ff}.btn-form-submit:disabled{opacity:.45;cursor:not-allowed;transform:none!important}@media(min-width:601px)and (max-width:1024px){.ct-overlay{align-items:center!important}.ct-modal-card{max-width:700px!important;width:92%!important;margin:20px!important;max-height:90vh!important;border-radius:16px!important;animation:ctSlideIn .25s cubic-bezier(.16,1,.3,1)!important}}@keyframes ctSlideIn{0%{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.ct-selected-grid{grid-template-columns:1fr}.ct-quick-row{gap:6px;flex-wrap:wrap}.ct-quick-chip{font-size:11px;padding:5px 10px}}.notif-toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:420px;width:calc(100vw - 48px);pointer-events:none}.notif-toast-card{position:relative;background:#ffffffd9;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1.5px solid rgba(226,232,240,.8);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 20px 25px -5px #0000000d;padding:16px 18px;pointer-events:auto;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease}.notif-toast-card:hover{box-shadow:0 10px 15px -3px #00000014,0 20px 25px -5px #0000001f}.notif-toast-card.success{border-color:#22c55e66;background:#f0fdf4e6}.notif-toast-card.error{border-color:#ef444466;background:#fef2f2e6}.notif-toast-card.warning{border-color:#f59e0b66;background:#fef3c7e6}.notif-toast-card.info{border-color:#3b82f666;background:#eff6ffe6}.notif-toast-body{display:flex;align-items:center;gap:14px}.notif-toast-icon-box{display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon-svg.success{color:#16a34a}.notif-icon-svg.error{color:#dc2626}.notif-icon-svg.warning{color:#d97706}.notif-icon-svg.info{color:#2563eb}.notif-toast-content{flex-grow:1}.notif-toast-message{font-size:14px;font-weight:500;color:#1e293b;line-height:1.4}.notif-toast-close{background:transparent;border:none;outline:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notif-toast-close:hover{background:#0000000d;color:#64748b}.notif-toast-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#00000008}.notif-toast-progress-fill{height:100%;width:100%}.notif-toast-progress-fill.success{background:#22c55e}.notif-toast-progress-fill.error{background:#ef4444}.notif-toast-progress-fill.warning{background:#f59e0b}.notif-toast-progress-fill.info{background:#3b82f6}.notif-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.notif-modal-backdrop{position:absolute;inset:0;background:#0f172a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.notif-modal-card{position:relative;background:#fff;border-radius:20px;box-shadow:0 10px 25px -5px #0000000d,0 25px 50px -12px #00000026;width:100%;max-width:400px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(226,232,240,.8);pointer-events:auto}.notif-modal-icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 16px #0000000a}.notif-modal-icon-wrapper.success{background:#f0fdf4;color:#22c55e}.notif-modal-icon-wrapper.error{background:#fdf2f2;color:#ef4444}.notif-modal-icon-wrapper.warning{background:#fffbeb;color:#f59e0b}.notif-modal-icon-wrapper.info{background:#eff6ff;color:#3b82f6}.notif-modal-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:10px;letter-spacing:-.02em}.notif-modal-message{font-size:14px;color:#475569;line-height:1.5;margin-bottom:24px}.notif-modal-btn{width:100%;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;border:none;outline:none;cursor:pointer;color:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #0000000d}.notif-modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.notif-modal-btn:active{transform:translateY(0)}.notif-modal-btn.success{background:#10b981}.notif-modal-btn.success:hover{background:#059669;box-shadow:0 8px 20px #10b9814d}.notif-modal-btn.error{background:#ef4444}.notif-modal-btn.error:hover{background:#dc2626;box-shadow:0 8px 20px #ef44444d}.notif-modal-btn.warning{background:#f59e0b}.notif-modal-btn.warning:hover{background:#d97706;box-shadow:0 8px 20px #f59e0b4d}.notif-modal-btn.info{background:var(--color-primary, #154eeb)}.notif-modal-btn.info:hover{background:var(--color-primary-hover, #1d4ed8);box-shadow:0 8px 20px #154eeb4d}@media(max-width:480px){.notif-toast-container{inset:auto 16px 16px;width:calc(100vw - 32px)}.notif-toast-card{padding:14px 16px}.notif-modal-card{padding:24px 20px;border-radius:16px}}.app-header{height:72px;background:var(--header-bg)!important;border-bottom:1px solid var(--header-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:1200;box-shadow:var(--header-shadow);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none;flex-wrap:nowrap!important}.app-header button,.app-header input,.app-header .notification-dropdown{touch-action:auto}.header-left{display:flex;align-items:center;gap:16px;flex-shrink:0;min-width:0}.header-page-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--header-text)!important;margin-left:4px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px;display:inline-flex;align-items:center}.header-title-badge{font-size:14px;font-weight:500;color:var(--color-text-secondary, #64748b)}.menu-toggle{background:var(--header-icon-bg)!important;border:1px solid var(--header-icon-border)!important;padding:8px;border-radius:8px;color:var(--header-text)!important;cursor:pointer;transition:all .2s}.menu-toggle:hover{background:var(--header-icon-bg-hover)!important;color:var(--header-text)!important}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-text-tertiary)}.crumb-home{cursor:pointer;transition:color .2s}.crumb-home:hover{color:var(--color-primary)}.crumb-current{color:var(--color-text-primary)}.header-right{display:flex;align-items:center;gap:16px;flex:1;justify-content:flex-end;min-width:0;flex-wrap:nowrap!important}.search-bar{position:relative;width:300px;max-width:30vw;min-width:0;flex-shrink:1}.search-bar-inner{display:flex;align-items:center;background:var(--header-icon-bg)!important;border:1px solid var(--header-icon-border)!important;border-radius:10px;padding:0 14px;height:42px;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-bar-inner:focus-within{border-color:var(--header-icon-border-hover)!important;box-shadow:var(--header-search-focus-shadow)!important}.search-icon{margin-right:8px;color:var(--header-search-icon-color)!important}.search-bar input{background:none;border:none;outline:none;flex:1;font-size:14px;color:var(--header-text)!important;height:100%}.search-bar input::placeholder{color:var(--header-search-placeholder)!important}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.icon-btn{background:var(--header-icon-bg)!important;border:1px solid var(--header-icon-border)!important;height:42px;width:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--header-text)!important;cursor:pointer;transition:all .2s;position:relative;padding:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-btn:hover{background:var(--header-icon-bg-hover)!important;color:var(--header-text)!important;border-color:var(--header-icon-border-hover)!important}.notification-wrapper{position:relative}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:360px;max-height:480px;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:12px;box-shadow:var(--shadow-xl);overflow:hidden;z-index:1000}.notification-header{padding:16px 20px;border-bottom:1px solid var(--color-surface-border);display:flex;justify-content:space-between;align-items:center}.notification-title{font-size:16px;font-weight:700;color:var(--color-text-primary)}.notification-count{background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:14px 20px;border-bottom:1px solid var(--color-surface-border);transition:background .2s;cursor:pointer}.notification-item:hover{background:var(--color-background)}.notification-item.unread{background:var(--color-primary-soft)}.notification-item-content{margin-bottom:6px}.notification-item-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.notification-item-text{font-size:13px;color:var(--color-text-secondary)}.notification-item-time{font-size:12px;color:var(--color-text-tertiary)}.notification-footer{padding:12px 20px;text-align:center;border-top:1px solid var(--color-surface-border)}.notification-footer button{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer}.badge-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-error);border-radius:50%;border:2px solid var(--color-surface)}.add-lead-btn{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;height:42px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;box-shadow:var(--header-lead-btn-shadow)}.add-lead-btn:hover{box-shadow:var(--header-lead-btn-shadow-hover);transform:translateY(-1px)}.add-lead-btn.btn-back{background:var(--header-btn-back-bg);color:var(--header-btn-back-color);border:1px solid var(--header-btn-back-border);box-shadow:none}.add-lead-btn.btn-back:hover{box-shadow:none}.add-lead-btn.save-report-btn{background:linear-gradient(90deg,var(--color-success) 0%,var(--color-success-dark, #059669) 100%);box-shadow:0 4px 14px #10b9814d}.add-lead-btn.save-report-btn:hover{box-shadow:0 6px 20px #10b98166}.profile-btn{display:flex;align-items:center;gap:10px;background:var(--header-icon-bg)!important;border:1px solid var(--header-icon-border)!important;padding:6px 14px 6px 6px;border-radius:10px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-btn:hover{background:var(--header-icon-bg-hover)!important;border-color:var(--header-icon-border-hover)!important;box-shadow:0 0 0 3px var(--color-primary-soft)}.profile-avatar{position:relative}.profile-avatar img{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-primary-soft)}.status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--color-success);border:2px solid var(--header-status-dot-border);border-radius:50%}.profile-meta{display:flex;flex-direction:column;align-items:flex-end}.profile-name{font-size:13px;font-weight:700;color:var(--header-text)!important}.profile-role{font-size:11px;color:var(--header-profile-text-muted)!important}@media(max-width:1024px){.profile-meta{display:none!important}.profile-btn{padding:0!important;border:none!important;background:transparent!important}}@media(max-width:768px){.app-header{padding:0 8px!important;display:flex!important;justify-content:space-between!important;width:100%!important;background:linear-gradient(90deg,#f8fafcb8,#eef2ffb8,#f5f3ffb8)!important;backdrop-filter:blur(18px) saturate(180%)!important;-webkit-backdrop-filter:blur(18px) saturate(180%)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;box-shadow:0 1px 3px #0000001f!important}.search-bar{display:none}.add-lead-btn{display:none!important}.header-left{display:flex!important;align-items:center!important;gap:12px!important}.breadcrumb{display:flex!important;margin-left:0!important}.crumb-home,.crumb-separator{display:none}.crumb-current{font-size:18px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.profile-meta{display:none}.header-right{display:flex!important;justify-content:flex-end!important;flex:1!important;gap:0!important;padding:0!important;margin:0!important}.header-actions{display:flex!important;align-items:center!important;gap:6px!important;padding:0!important;margin:0!important}.icon-btn,.profile-btn{display:flex!important;align-items:center!important;justify-content:center!important;background:var(--header-icon-bg)!important;border:1px solid var(--header-icon-border)!important;border-radius:10px!important;width:36px!important;height:36px!important;padding:0!important}.icon-btn svg{width:18px!important;height:18px!important}.profile-avatar img{width:28px;height:28px}.notification-dropdown{position:fixed;top:80px;left:16px;right:16px;width:auto;max-width:none;max-height:60vh;z-index:1001}}.login-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-color:var(--color-background);background-image:linear-gradient(var(--login-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--login-grid-line) 1px,transparent 1px);background-size:40px 40px}.login-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;z-index:0;animation:float 15s infinite ease-in-out}.login-blob--1{width:50vw;height:50vw;background:radial-gradient(circle,var(--color-primary-light),transparent 70%);top:-20%;left:-10%;animation-duration:20s}.login-blob--2{width:40vw;height:40vw;background:radial-gradient(circle,var(--color-secondary-light),transparent 70%);bottom:-10%;right:-5%;animation-delay:-5s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.05)}}.login-card{position:relative;z-index:10;width:100%;max-width:420px;padding:48px 40px;background:var(--login-card-bg-old);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:32px;border:1px solid var(--login-card-border-old);box-shadow:var(--login-card-shadow-old);display:flex;flex-direction:column;justify-content:center}.login-header{text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center}.logo-placeholder{width:72px;height:72px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:800;font-size:26px;margin-bottom:24px;box-shadow:var(--login-logo-shadow);position:relative;overflow:hidden}.logo-placeholder:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--login-logo-shine);transform:rotate(45deg) translateY(-100%);animation:shine 3s infinite}@keyframes shine{0%{transform:rotate(45deg) translateY(-100%)}20%{transform:rotate(45deg) translateY(100%)}to{transform:rotate(45deg) translateY(100%)}}.login-title{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--login-title-color);margin-bottom:8px;letter-spacing:-.5px}.login-subtitle{font-size:15px;color:var(--color-text-secondary);line-height:1.6;max-width:90%;margin:0 auto}.login-form{display:flex;flex-direction:column;gap:20px;width:100%}.forgot-password-container{display:flex;justify-content:flex-end;margin-top:-12px;margin-bottom:4px}.forgot-password-link{background:transparent;border:none;color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;transition:all .2s ease;opacity:.8}.forgot-password-link:hover{color:var(--color-primary);opacity:1;text-decoration:underline;text-underline-offset:4px}.login-back-action{display:flex;align-items:center;justify-content:center;margin-top:24px;gap:4px;font-size:13px;color:var(--color-text-tertiary)}.btn-link{background:transparent;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;padding:8px 12px;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;font-family:var(--font-primary)}.btn-link:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary-dark);transform:translateY(-1px)}.btn-link:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-link:disabled{color:var(--color-text-tertiary);cursor:not-allowed;opacity:.7}.divider{opacity:.3;margin:0 4px}.login-footer{margin-top:48px;text-align:center;font-size:12px;color:var(--color-text-tertiary);font-weight:500;letter-spacing:.5px;opacity:.8}.animate-spin{animation:spin 1s linear infinite}@media(max-width:480px){.login-page{overflow-y:auto!important;width:100vw;height:100dvh;background-image:none!important;display:flex!important;flex-direction:column!important}.login-blob{display:none!important}.sridevi-login-card,.login-card{width:100%!important;max-width:100%!important;flex:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:40px 24px!important;background:var(--login-page-bg)!important;border-radius:0!important;border:none!important;box-shadow:none!important;transform:none!important;min-height:100%!important;max-height:none!important;margin:0!important}.sridevi-logo-badge,.sridevi-title,.sridevi-subtitle{transition:all .3s ease}.login-page.keyboard-visible .sridevi-login-card,.login-page.keyboard-visible .login-card{justify-content:center!important;padding-top:20px!important;padding-bottom:20px!important}.login-page.keyboard-visible .sridevi-logo-badge{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin-bottom:8px!important;font-size:16px!important}.login-page.keyboard-visible .sridevi-title{font-size:18px!important;margin-bottom:4px!important}.login-page.keyboard-visible .sridevi-subtitle{font-size:12px!important;opacity:.8}.login-page.keyboard-visible .sridevi-form{gap:12px!important}.login-page.keyboard-visible .sridevi-footer-text{display:none!important}}.sridevi-login-card{background:var(--login-card-bg);border-radius:28px;padding:24px 36px 20px;width:100%;max-width:440px;box-shadow:var(--login-card-shadow);display:flex;flex-direction:column;align-items:center;border:1px solid var(--login-card-border);z-index:10;height:auto;max-height:calc(100vh - 40px);margin:auto;overflow:hidden}.sridevi-logo-badge{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;aspect-ratio:1 / 1!important;flex-shrink:0!important;background:var(--login-logo-bg-grad)!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--white)!important;font-weight:800!important;font-size:20px!important;margin-bottom:10px!important;box-shadow:var(--login-logo-shadow)!important}.sridevi-title{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--login-title-color);margin-bottom:2px;text-align:center;letter-spacing:-.5px}.sridevi-subtitle{font-size:13px;color:var(--login-subtitle-color);text-align:center;line-height:1.5;margin-bottom:12px;max-width:280px;font-weight:500}.sridevi-form{width:100%;display:flex;flex-direction:column;gap:14px}.sridevi-field-group{display:flex;flex-direction:column;gap:6px;width:100%;position:relative}.sridevi-field-header{display:flex;justify-content:space-between;align-items:center}.sridevi-label{font-size:12px;font-weight:700;color:var(--login-label-color)}.sridevi-field-action-link{background:none;border:none;font-size:11px;font-weight:700;color:var(--login-link-color);cursor:pointer;padding:0}.sridevi-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.sridevi-input-icon{position:absolute;left:18px;color:var(--login-input-icon-color);pointer-events:none}.sridevi-input{width:100%;height:44px;background-color:var(--login-input-bg);border:1px solid transparent;border-radius:99px;padding:0 18px 0 44px;font-size:14px;font-weight:600;color:var(--login-input-text-color);transition:all .2s ease}.sridevi-input::placeholder{color:var(--login-input-placeholder);font-weight:500}.sridevi-input:focus{background-color:var(--login-input-focus-bg);border-color:var(--login-input-focus-border);box-shadow:var(--login-input-focus-shadow);outline:none}.sridevi-eye-btn{position:absolute;right:18px;background:none;border:none;color:var(--login-eye-btn-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.sridevi-eye-btn:hover{color:var(--login-eye-btn-hover-color)}.sridevi-options-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:4px;margin-bottom:8px}.sridevi-checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--login-checkbox-label-color);cursor:pointer;-webkit-user-select:none;user-select:none}.sridevi-checkbox{width:16px;height:16px;accent-color:var(--login-checkbox-accent-color);border-radius:4px;cursor:pointer}.sridevi-link{font-size:12px;font-weight:700;color:var(--login-link-color);text-decoration:none;cursor:pointer}.sridevi-link:hover{text-decoration:underline}.sridevi-btn{width:100%;height:44px;background:var(--login-btn-bg-grad);color:var(--login-btn-text-color);border:none;border-radius:99px;font-size:14.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;box-shadow:var(--login-btn-shadow);margin-top:8px}.sridevi-btn:hover{transform:translateY(-1px);box-shadow:var(--login-btn-shadow-hover)}.sridevi-btn:active{transform:translateY(0)}.sridevi-footer-text{font-size:12px;font-weight:600;color:var(--login-footer-text-color);text-align:center;margin-top:20px}.sridevi-footer-text span{color:var(--login-footer-link-color);font-weight:700;cursor:pointer}.sridevi-footer-text span:hover{text-decoration:underline}.dashboard-container{display:flex;gap:24px;padding:24px;max-width:1400px;margin:0 auto;background:var(--dash-page-bg);min-height:calc(100vh - 72px);width:100%}.dashboard-main{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0}.dashboard-sidebar{width:320px;display:flex;flex-direction:column;gap:32px;flex-shrink:0}.content-card,.welcome-card{background:var(--dash-card-bg);border-radius:16px;padding:24px;box-shadow:var(--dash-card-shadow)}.welcome-card{display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.welcome-content{flex:1;max-width:500px}.welcome-content h1{font-size:28px;line-height:1.3;color:var(--dash-text-mid);margin-bottom:16px;font-weight:400}.text-primary{color:var(--dash-purple)}.font-bold{font-weight:700}.welcome-content p{color:var(--dash-text-muted);font-size:14px;line-height:1.6;margin-bottom:24px}.welcome-stats{display:flex;gap:24px}.welcome-stat-box{background:var(--dash-surface-alt);padding:16px;border-radius:12px;display:flex;flex-direction:column;min-width:140px}.stat-label{font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.text-blue{color:var(--dash-blue)!important}.text-purple{color:var(--dash-purple)!important}.stat-value{font-size:20px;font-weight:700;color:var(--dash-text-dark)}.stat-sub{font-size:12px;color:var(--dash-text-muted);margin-top:4px}.welcome-image{width:250px;height:250px;margin-right:0;margin-top:-24px;margin-bottom:-24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.welcome-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metric-card{background:var(--dash-card-bg);border-radius:16px;padding:20px;box-shadow:var(--dash-card-shadow-sm);display:flex;flex-direction:column}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.metric-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.metric-badge{font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px}.metric-badge.up{background:var(--dash-badge-up-bg);color:var(--dash-badge-up-color)}.metric-badge.down{background:var(--dash-badge-down-bg);color:var(--dash-badge-down-color)}.metric-badge.neutral{background:var(--dash-badge-neutral-bg);color:var(--dash-badge-neutral-color)}.metric-body{display:flex;flex-direction:column}.metric-title{font-size:11px;font-weight:600;color:var(--dash-text-muted);letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.metric-value{font-size:24px;font-weight:700;color:var(--dash-text-dark);margin-bottom:12px}.metric-progress-bar{height:4px;background:var(--dash-border-light);border-radius:2px;overflow:hidden;margin-top:auto}.progress-fill{height:100%;border-radius:2px}.avatar-group{display:flex;margin-top:auto}.avatar-group .avatar{width:28px;height:28px;border-radius:50%;background:var(--dash-avatar-bg);color:var(--dash-card-bg);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;border:2px solid var(--dash-card-bg);margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.metric-action-link{font-size:12px;color:var(--dash-purple);font-weight:600;display:flex;align-items:center;gap:4px;margin-top:auto;cursor:pointer}.lower-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.card-header h3{font-size:14px;font-weight:700;color:var(--dash-text-mid);line-height:1.4;letter-spacing:.5px}.text-btn{background:none;border:none;color:var(--dash-purple);font-size:13px;font-weight:600;cursor:pointer}.leads-content{display:flex;align-items:center;gap:24px}.donut-chart-container{width:120px;height:120px;position:relative}.donut-chart{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--dash-donut-seg1) 0% 50%,var(--dash-donut-seg2) 50% 80%,var(--dash-donut-seg3) 80% 100%);display:flex;align-items:center;justify-content:center}.donut-inner{width:90px;height:90px;background:var(--dash-card-bg);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-value{font-size:20px;font-weight:700;color:var(--dash-text-dark)}.donut-label{font-size:10px;color:var(--dash-text-muted);text-transform:uppercase}.leads-legend{display:flex;flex-direction:column;gap:12px;flex:1}.legend-item{display:flex;align-items:center;font-size:13px}.legend-dot{width:8px;height:8px;border-radius:50%;margin-right:8px}.legend-label{color:var(--dash-text-muted);flex:1}.legend-value{font-weight:600;color:var(--dash-text-dark)}.inventory-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.inv-stat{background:var(--dash-surface-alt);padding:16px 12px;border-radius:12px;display:flex;flex-direction:column;align-items:center}.inv-label{font-size:11px;color:var(--dash-text-muted);margin-bottom:8px}.inv-value{font-size:18px;font-weight:700;color:var(--dash-text-dark)}.inventory-images{display:flex;gap:16px}.inv-car-img{width:60px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--dash-border-light)}.staff-list{display:flex;flex-direction:column;gap:20px}.staff-item{display:flex;align-items:center;gap:16px}.staff-avatar{width:40px;height:40px;border-radius:50%}.staff-info{flex:1;display:flex;flex-direction:column;gap:8px}.staff-name-row{display:flex;justify-content:space-between;align-items:center}.staff-name{font-size:14px;font-weight:600;color:var(--dash-text-dark)}.staff-units{font-size:12px;font-weight:600}.staff-progress-bar{height:6px;background:var(--dash-border-light);border-radius:3px;overflow:hidden}.section-title{font-size:11px;font-weight:700;color:var(--dash-text-muted);letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.section-title.with-icon{display:flex;align-items:center;gap:6px;color:var(--dash-alert-accent)}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-action-btn{background:var(--dash-surface-alt);border:none;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.quick-action-btn:hover{background:var(--dash-surface-hover)}.qa-icon{display:flex;align-items:center;justify-content:center}.qa-label{font-size:13px;font-weight:600;color:var(--dash-text-mid)}.alerts-section{background:var(--dash-card-bg);border-radius:16px;padding:24px;border-left:2px solid var(--dash-alert-accent)}.alerts-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.alert-item{display:flex;flex-direction:column;gap:4px}.alert-title{font-size:13px;font-weight:600;color:var(--dash-text-dark)}.alert-desc{font-size:12px;color:var(--dash-text-muted)}.resolve-btn{width:100%;padding:10px;background:var(--dash-card-bg);border:1px solid var(--dash-alert-accent);color:var(--dash-alert-accent);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.resolve-btn:hover{background:var(--dash-alert-hover-bg)}.activity-section,.schedule-section{background:var(--dash-card-bg);border-radius:16px;padding:24px}.activity-list,.schedule-list{display:flex;flex-direction:column;gap:20px}.activity-item{display:flex;flex-direction:column;gap:4px}.activity-title{font-size:13px;font-weight:600;color:var(--dash-text-dark)}.activity-desc{font-size:12px;color:var(--dash-text-muted)}.activity-time{font-size:10px;color:var(--dash-text-faint);margin-top:4px}.schedule-item{display:flex;gap:16px}.schedule-time{font-size:12px;font-weight:600;color:var(--dash-text-muted);width:30px}.schedule-content{flex:1;background:var(--dash-schedule-bg);padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:4px}.border-left-blue{border-left:3px solid var(--dash-blue)}.border-left-purple{border-left:3px solid var(--dash-purple)}.schedule-title{font-size:13px;font-weight:600;color:var(--dash-text-dark)}.schedule-desc{font-size:12px;color:var(--dash-text-muted)}@media(max-width:1200px){.dashboard-container{flex-direction:column}.dashboard-sidebar{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.lower-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-container,.dashboard-main{gap:16px}.content-card,.welcome-card{padding:16px}.welcome-content h1{font-size:22px;margin-bottom:8px}.welcome-content p{font-size:13px;margin-bottom:16px}.welcome-stats{gap:12px}.welcome-stat-box{min-width:0;flex:1;padding:12px}.metrics-grid{gap:12px}.metric-card{padding:16px}.dashboard-sidebar{display:flex!important;flex-direction:column!important;gap:20px!important;width:100%}.quick-action-btn{padding:12px;gap:8px;border:1px solid var(--dash-border-light)}.qa-label{font-size:12px}.quick-actions-grid{gap:12px}.sidebar-section{border:1px solid var(--dash-border-light)}.alerts-section,.activity-section,.schedule-section{padding:20px;box-shadow:0 4px 12px #00000008}.section-title{font-size:13px;margin-bottom:16px;letter-spacing:.5px}.alert-title,.activity-title,.schedule-title{font-size:14px;margin-bottom:4px;font-weight:700}.alert-desc,.activity-desc,.schedule-desc{font-size:13px;color:var(--dash-text-mid)}.resolve-btn{padding:12px;font-size:14px;margin-top:4px}.activity-list,.schedule-list,.alerts-list{gap:16px}}@media(max-width:600px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{padding:12px}.metric-header{margin-bottom:12px}.metric-icon{width:32px;height:32px}.metric-icon svg{width:16px;height:16px}.metric-badge{padding:2px 6px;font-size:10px}.metric-value{font-size:20px}.welcome-card{flex-direction:column}.welcome-image{margin-top:16px;width:100%;height:180px;margin-right:0;margin-bottom:0}.inventory-stats{grid-template-columns:repeat(2,1fr);gap:12px}.inventory-stat-box{padding:12px}}.listings-page{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;padding:0;margin:0 auto;max-width:100%;animation:fadeIn .5s ease-out}.listings-toolbar{flex-shrink:0;display:flex;flex-direction:column;gap:16px;background:var(--color-surface);padding:16px 24px;border-bottom:1px solid var(--color-surface-border);box-shadow:var(--shadow-sm);z-index:10}.toolbar-row{display:flex;align-items:center;gap:16px;width:100%}.status-tabs{display:flex;background:var(--color-background);padding:4px;border-radius:14px;gap:4px;flex-shrink:0;align-self:flex-start}.tab-segment{padding:10px 24px;min-width:120px;font-size:13px;font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.tab-segment:hover:not(.active){color:var(--color-primary);background:var(--color-primary-soft)}.tab-segment.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;color:#fff!important;box-shadow:0 4px 12px #8b5e3c4d!important;transform:translateY(-1px)}.toolbar-search{position:relative;flex:1;min-width:200px}.toolbar-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.toolbar-search input{width:100%;height:44px;padding:0 12px 0 38px;background:var(--color-background);border:1px solid var(--color-surface-border);border-radius:10px;font-size:14px;color:var(--color-text-primary);transition:all .2s}.toolbar-search input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-transparent)}.toolbar-filters{display:flex;gap:12px;align-items:center;flex-shrink:0}.custom-select-container{position:relative;min-width:160px;font-family:var(--font-primary)}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;padding:0 12px;background:var(--color-background);border:1px solid var(--color-surface-border);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.custom-select-trigger:hover{border-color:var(--color-primary-light);background:var(--color-surface)}.custom-select-trigger.is-open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-transparent);background:var(--color-surface)}.custom-select-value{font-size:13px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-value.has-value{color:var(--color-text-primary)}.custom-select-arrow{color:var(--color-text-tertiary);transition:transform .2s ease;flex-shrink:0;margin-left:8px}.custom-select-trigger.is-open .custom-select-arrow{transform:rotate(180deg);color:var(--color-primary)}.custom-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;min-width:180px;max-height:300px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:12px;box-shadow:var(--shadow-xl);z-index:1000;padding:6px;opacity:0;transform:translateY(-10px);animation:dropdownFadeIn .2s forwards cubic-bezier(.4,0,.2,1)}@keyframes dropdownFadeIn{to{opacity:1;transform:translateY(0)}}.custom-select-option{padding:10px 12px;font-size:13px;color:var(--color-text-primary);border-radius:8px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:space-between}.custom-select-option:hover{background:var(--color-background);color:var(--color-primary)}.custom-select-option.selected{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.check-icon{font-size:12px}.toolbar-clear-btn{display:flex;align-items:center;gap:6px;height:44px;padding:0 16px;background:transparent;border:1px dashed var(--color-surface-border);border-radius:10px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.toolbar-clear-btn:hover{border-color:var(--color-error);color:var(--color-error);background:var(--color-error-transparent)}.listings-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin:0 auto;max-width:1800px}.listing-card{background:var(--color-surface);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid var(--color-surface-border);display:flex;flex-direction:column;position:relative}.listing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-light)}.listing-image{width:100%;height:180px;background:#f1f5f9;position:relative;overflow:hidden}.listing-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.listing-card:hover .listing-image img{transform:scale(1.08)}.listing-status-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000014}.listing-status-badge.new{color:var(--color-primary)}.listing-status-badge.active{color:var(--color-success)}.listing-status-badge.blocked{color:#f59e0b}.listing-body{padding:20px;display:flex;flex-direction:column;flex:1}.listing-title{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--color-text-primary);margin-bottom:6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listing-price-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.listing-price{font-size:18px;font-weight:800;color:var(--color-text-primary);margin-bottom:0;font-family:var(--font-heading)}.listing-stats{display:flex;gap:12px}.listing-stats .stat{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.listing-stats .stat-label{font-size:9px;text-transform:uppercase;color:var(--color-text-tertiary);font-weight:700;letter-spacing:.3px;line-height:1}.listing-stats .stat-value{font-size:12px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.listing-actions{display:flex;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--color-surface-border)}.listing-actions button{flex:1;padding:10px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.listing-actions .btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px var(--color-primary-transparent)}.listing-actions .btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.listing-actions .btn-secondary{background:#fff;border:1px solid var(--color-surface-border);color:var(--color-text-secondary)}.listing-actions .btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.listing-actions .btn-error{background:#fff;border:1px solid var(--color-surface-border);color:var(--color-error)}.listing-actions .btn-error:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}@media(max-width:768px){.listings-grid{grid-template-columns:1fr}}.no-results{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border-radius:20px;border:1px dashed var(--color-surface-border);margin-top:24px}.empty-state-icon{width:64px;height:64px;color:var(--color-text-tertiary);margin-bottom:24px;opacity:.5}.no-results h3{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.no-results p{margin-bottom:32px;font-size:15px;color:var(--color-text-secondary);max-width:400px;line-height:1.5}.reset-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px var(--color-primary-transparent)}.reset-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px var(--color-primary-transparent)}.reset-btn svg{transition:transform .4s ease}.reset-btn:hover svg{transform:rotate(180deg)}.filter-fab{display:none;position:fixed;bottom:30px;right:24px;width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;color:#fff!important;border-radius:50%;border:none;align-items:center;justify-content:center;box-shadow:0 4px 16px #8b5e3c66!important;z-index:1000;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-fab:hover{transform:scale(1.1);background:var(--color-primary-dark)}.bottom-sheet-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top-left-radius:24px;border-top-right-radius:24px;z-index:2001;padding:12px 24px 24px;box-shadow:0 -8px 24px #00000026}.bottom-sheet-header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;position:relative}.sheet-handle{width:40px;height:4px;background:var(--color-surface-border);border-radius:2px;margin-bottom:12px}.bottom-sheet-header h3{font-size:18px;font-weight:700;color:var(--color-text-primary);font-family:var(--font-heading)}.bottom-sheet-header .close-btn{position:absolute;right:0;top:10px;background:var(--color-background);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer}.sheet-filters-content{display:flex;flex-direction:column;gap:20px}.sheet-filter-item{display:flex;flex-direction:column;gap:8px}.sheet-filter-item label{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.sheet-apply-btn{margin-top:12px;width:100%;padding:14px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer}@media(max-width:768px){.toolbar-filters{display:none!important}.filter-fab{display:flex}.status-tabs{width:100%;display:flex;align-self:stretch;background:var(--color-background);padding:4px;border-radius:12px;gap:4px}.tab-segment{flex:1;min-width:0;padding:8px 4px;font-size:11px;line-height:1.2;font-weight:700;text-align:center;white-space:normal;display:flex;align-items:center;justify-content:center;min-height:44px}}@media(max-width:1100px){.listings-toolbar{padding:12px 16px}.toolbar-row{flex-direction:column;align-items:stretch}.toolbar-filters{overflow-x:auto;padding-bottom:4px}}.sridevi-cars-loader{display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.sridevi-cars-loader.full-page{position:fixed;inset:0;background:#ffffff80!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.running-car-loader{position:relative;width:220px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.speed-lines{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.line{position:absolute;height:2px;background:var(--color-primary);border-radius:2px;opacity:.4}.line-1{top:20px;width:40px;right:-40px}.line-2{top:40px;width:30px;right:-30px}.line-3{top:30px;width:50px;right:-50px}.car-wrapper{z-index:10;margin-top:5px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.road-wrapper{position:absolute;bottom:12px;width:100%;height:3px;overflow:hidden;background:#e2e8f0;border-radius:2px}.road-line{width:200%;height:100%;background-image:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary) 50%,transparent 50%,transparent 100%);background-size:40px 100%}.revenue-page{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;padding:0;max-width:1800px;margin:0 auto;animation:fadeIn .5s ease-out}.users-scroll-container{flex:1;overflow-y:auto;padding:0 var(--spacing-md);padding-bottom:30px}.revenue-content-scroll{flex:1;overflow-y:auto;padding:0 var(--spacing-md);padding-right:4px;margin-top:var(--spacing-md)}.revenue-content-scroll::-webkit-scrollbar{width:4px}.revenue-content-scroll::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:10px}.revenue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding-bottom:24px}.revenue-card-premium{background:var(--color-surface);border-radius:16px;padding:24px;border:1px solid var(--color-surface-border);transition:all .2s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.revenue-card-premium:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-5px)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;position:relative;z-index:1}.card-body{position:relative;z-index:1;flex:1}.icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.trend-badge{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:800;padding:3px 8px;border-radius:6px}.trend-badge.positive{background:#f0fdf4;color:#16a34a}.trend-badge.negative{background:#fef2f2;color:#dc2626}.card-body h3{font-family:var(--font-secondary);font-size:14px;color:var(--color-text-secondary);margin-bottom:8px;font-weight:700}.amount-row{display:flex;align-items:baseline}.currency-small{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--color-text-primary);margin-right:2px}.price{font-family:var(--font-heading);font-size:26px;font-weight:800;color:var(--color-text-primary)}@media(max-width:768px){.revenue-grid{grid-template-columns:1fr}}.users-page{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;padding:0;margin:0 auto;max-width:100%;background:#f1f5f9}.users-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;max-width:1800px;margin:0 auto;padding-bottom:40px}.user-business-card{background:#fff;border-radius:16px;padding:20px;border:1px solid rgba(15,23,42,.08);box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.user-business-card:hover{box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005,0 0 0 1px #6366f11a;border-color:#6366f166}.biz-header{display:flex;justify-content:space-between;align-items:flex-start}.biz-avatar-group{display:flex;align-items:center;gap:12px}.biz-avatar{width:48px;height:48px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#0f172a;position:relative}.biz-status{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #ffffff}.biz-status.active{background:#10b981}.biz-status.blocked{background:#f43f5e}.biz-name-wrapper{display:flex;align-items:center;gap:6px}.biz-name{font-size:16px;font-weight:700;color:#0f172a;letter-spacing:-.2px;margin:0}.verified-icon{flex-shrink:0}.biz-sub-info{display:flex;align-items:center;gap:8px;margin-top:2px}.biz-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.biz-dot{color:#cbd5e1;font-size:8px}.biz-email{font-size:12px;font-weight:500;color:#94a3b8;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.biz-id-badge{font-size:10px;font-weight:700;color:#6366f1;background:#6366f10d;padding:3px 8px;border-radius:6px;border:1px solid rgba(99,102,241,.1);flex-shrink:0}.biz-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#f8fafc;border-radius:12px;padding:12px;gap:8px}.biz-stat{display:flex;flex-direction:column;gap:4px}.biz-stat-label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase}.biz-stat-value{font-size:13px;font-weight:700;color:#1e293b;white-space:nowrap}.biz-actions{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f1f5f9}.biz-action-group{display:flex;gap:8px}.biz-btn,.biz-btn-action{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.biz-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.biz-btn-action.danger{color:#e11d48;background:#fff1f2;border-color:#fecaca}.biz-btn-action.danger:hover{background:#ffe4e6;border-color:#fca5a5}.biz-btn-action.success{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.biz-btn-action.success:hover{background:#dcfce7;border-color:#86efac}.listings-toolbar{display:flex;align-items:center;gap:16px;background:#fff;padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.05);z-index:10;flex-shrink:0}.status-tabs{display:flex;background:#f3f4f6;padding:2px;border-radius:12px;gap:4px}.tab-segment{padding:10px 24px;font-size:13px;font-weight:600;color:#4b5563;border-radius:10px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-segment.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;color:#fff!important;box-shadow:0 4px 12px #8b5e3c4d!important}.toolbar-search input{width:100%;height:44px;padding-left:38px;background:#f3f4f6;border:1px solid rgba(0,0,0,.05);border-radius:10px;font-size:14px;transition:all .2s}.toolbar-search input:focus{outline:none;background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.toolbar-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.toolbar-filters{display:flex;align-items:center;gap:12px}.custom-select-container{position:relative}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;padding:0 12px;background:#f3f4f6;border:1px solid rgba(0,0,0,.05);border-radius:10px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.custom-select-trigger:hover{border-color:#6366f14d;background:#f8fafc}.custom-select-trigger.is-open{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fff}.custom-select-value{font-size:13px;font-weight:500;color:#64748b}.custom-select-value.has-value{color:#1e293b}.custom-select-arrow{color:#94a3b8;transition:transform .2s ease}.custom-select-trigger.is-open .custom-select-arrow{transform:rotate(180deg);color:#6366f1}.custom-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;min-width:180px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:1000;padding:6px;animation:dropdownFadeIn .2s forwards}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{padding:10px 12px;font-size:13px;font-weight:500;color:#64748b;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.custom-select-option:hover{background:#6366f10d;color:#6366f1}.custom-select-option.selected{background:#6366f11a;color:#6366f1}.toolbar-clear-btn{display:flex;align-items:center;gap:6px;height:44px;padding:0 16px;border:1px dashed rgba(0,0,0,.1);border-radius:10px;color:#4b5563;font-weight:500;cursor:pointer;transition:all .2s}.toolbar-clear-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}@media(max-width:768px){.users-grid{grid-template-columns:1fr}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.history-page{display:flex;flex-direction:column;height:100%}.history-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin:0 auto;max-width:1800px;padding-bottom:40px}.history-card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:default}.tx-card-top{display:flex;gap:16px;align-items:flex-start}.tx-image{width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--color-background);flex-shrink:0;border:1px solid var(--color-surface-border)}.tx-image img{width:100%;height:100%;object-fit:cover}.tx-status-row{flex:1;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.tx-id{font-size:11px;font-weight:700;color:var(--color-text-tertiary);background:var(--color-background);padding:2px 8px;border-radius:4px}.tx-card-body{display:flex;flex-direction:column;gap:12px}.tx-item-name{font-size:16px;font-weight:800;color:var(--color-text-primary);line-height:1.2}.tx-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:var(--color-background);border-radius:12px}.meta-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--color-text-secondary)}.meta-item svg{color:var(--color-primary);opacity:.7}.tx-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px dashed var(--color-surface-border)}.tx-price{font-size:20px;font-weight:900;color:var(--color-text-primary);letter-spacing:-.5px}.receipt-btn{display:flex;align-items:center;gap:6px;background:var(--color-primary-soft);border:none;color:var(--color-primary);padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;transition:all .2s ease;cursor:pointer}.receipt-btn:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.receipt-btn.action-failed{background:#fff1f2;color:#f43f5e}.receipt-btn.action-failed:hover{background:#f43f5e;color:#fff}.receipt-btn.action-pending{background:#fffbeb;color:#f59e0b}.receipt-btn.action-pending:hover{background:#f59e0b;color:#fff}.status-pill{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:800;text-transform:uppercase}.status-pill.completed{background:#ecfdf5;color:#10b981}.status-pill.pending{background:#fffbeb;color:#f59e0b}.status-pill.failed{background:#fff1f2;color:#f43f5e}.listings-toolbar{background:var(--color-surface);padding:16px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--color-surface-border);box-shadow:var(--shadow-sm);z-index:10}.toolbar-search{position:relative;flex:1}.toolbar-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.toolbar-search input{width:100%;height:44px;padding:0 12px 0 40px;background:var(--color-background);border:1px solid var(--color-surface-border);border-radius:10px;font-size:14px}.toolbar-search input:focus{outline:none;border-color:var(--color-primary);background:#fff}.date-picker-wrapper{position:relative;display:flex;align-items:center;background:var(--color-background);border:1px solid var(--color-surface-border);border-radius:12px;padding:0 12px;height:48px;transition:all .3s}.date-picker-wrapper:focus-within{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px var(--color-primary-soft)}.calendar-icon{color:var(--color-text-tertiary);margin-right:8px;pointer-events:none}.toolbar-date-picker{border:none;background:transparent;font-size:13px;font-weight:600;color:var(--color-text-secondary);font-family:inherit;outline:none;padding:0;height:100%}.clear-date{background:var(--color-surface-border);border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);margin-left:8px;cursor:pointer;transition:all .2s}.clear-date:hover{background:var(--color-text-tertiary);color:#fff}.custom-datepicker .react-datepicker-wrapper{flex:1}.custom-datepicker .toolbar-date-picker{width:100%}.react-datepicker{border-radius:16px!important;border:1px solid var(--color-surface-border)!important;box-shadow:var(--shadow-xl)!important;font-family:inherit!important;overflow:hidden}.react-datepicker__header{background-color:var(--color-surface)!important;border-bottom:1px solid var(--color-surface-border)!important;padding-top:12px!important}.react-datepicker__current-month{font-weight:800!important;color:var(--color-text-primary)!important;font-size:15px!important}.react-datepicker__day-name{color:var(--color-text-tertiary)!important;font-weight:700!important}.react-datepicker__day{color:var(--color-text-secondary)!important;font-weight:600!important;border-radius:10px!important;transition:all .2s!important}.react-datepicker__day:hover{background-color:var(--color-primary-soft)!important;color:var(--color-primary)!important}.react-datepicker__day--selected{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))!important;color:#fff!important;box-shadow:0 4px 12px #6366f14d!important}.react-datepicker__day--keyboard-selected{background-color:var(--color-primary-soft)!important;color:var(--color-primary)!important}.react-datepicker__navigation{top:12px!important}.react-datepicker__navigation-icon:before{border-color:var(--color-text-secondary)!important;border-width:2px 2px 0 0!important}.react-datepicker-popper{z-index:100!important;padding-top:8px!important}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{display:none!important}@media(max-width:1400px){.listings-toolbar{flex-direction:column;align-items:stretch}.toolbar-filters{overflow-x:auto;padding-bottom:4px}}.stat-chip{background:var(--color-primary-soft);padding:8px 16px;border-radius:12px;display:flex;flex-direction:column;align-items:flex-end;min-width:120px;border:1px solid var(--color-primary-transparent)}.stat-chip .label{font-size:9px;font-weight:800;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.stat-chip .value{font-size:16px;font-weight:900;color:var(--color-primary-dark)}@media(max-width:1000px){.history-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.history-grid{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-family:var(--font-primary);font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn__content{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;z-index:2}.btn__icon{display:flex;align-items:center;justify-content:center}.btn--primary{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:0 4px 12px #2563eb40}.btn--primary:hover:not(:disabled){box-shadow:0 8px 20px #6366f159;transform:translateY(-2px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--color-background);color:var(--color-text-primary);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary-light);transform:translateY(-2px)}.btn--text{background:transparent;color:var(--color-primary);padding:8px 16px}.btn--text:hover:not(:disabled){background:#6366f114}.btn--error{background:#f43f5e1a;color:var(--color-error);border:1.5px solid rgba(244,63,94,.2)}.btn--error:hover:not(:disabled){background:var(--color-error);color:#fff;border-color:var(--color-error);transform:translateY(-2px)}.btn--full-width{width:100%}.btn--loading{pointer-events:none;opacity:.7}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn--icon{padding:10px;border-radius:10px}.btn--small{padding:8px 16px;font-size:13px}.btn--large{padding:16px 32px;font-size:16px}.input-group{display:flex;flex-direction:column;position:relative;margin-bottom:var(--spacing-lg, 24px);width:100%}.input__container{position:relative;width:100%}.input__field{width:100%;padding:16px 12px;font-family:var(--font-primary, "Plus Jakarta Sans", sans-serif);font-size:var(--font-size-base, 16px);color:var(--color-text-primary, #0F172A);background:var(--color-background, #F8FAFC);border:2px solid var(--color-border, #E2E8F0);border-radius:var(--border-radius-lg, 12px);transition:all var(--transition-normal, .3s ease-in-out);outline:none;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.input__field:focus,.input__field--focused{border-color:var(--color-primary, #4F46E5);box-shadow:0 0 0 4px #4f46e51a;background:var(--color-surface, #FFFFFF)}.input__field--with-icon{padding-right:48px}.input__label{position:absolute;top:16px;left:14px;font-size:16px;color:var(--color-text-secondary, #64748B);pointer-events:none;transition:all var(--transition-fast, .15s ease-in-out);transform-origin:left top;padding:0 4px;background-color:transparent}.input__label--floating{top:-10px;left:12px;font-size:12px;font-weight:600;color:var(--color-primary, #4F46E5);background:var(--color-background, #F8FAFC);z-index:10;padding:0 6px;border-radius:4px}.input-group--error .input__field{border-color:var(--color-error, #EF4444);color:var(--color-error, #EF4444)}.input-group--error .input__label{color:var(--color-error, #EF4444)}.input__error-message{color:var(--color-error, #EF4444);font-size:12px;margin-top:6px;display:flex;align-items:center;gap:4px;animation:slideDown .3s ease-out forwards;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.input__icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:all var(--transition-fast)}.input__field:focus~.input__icon{color:var(--color-primary)}.select-group{display:flex;flex-direction:column;position:relative;margin-bottom:var(--spacing-lg, 24px);width:100%}.select__container{position:relative;width:100%}.select-trigger{width:100%;padding:16px 12px;font-family:var(--font-primary, "Plus Jakarta Sans", sans-serif);font-size:var(--font-size-base, 16px);color:var(--color-text-primary, #0F172A);background:var(--color-background, #F8FAFC);border:2px solid var(--color-border, #E2E8F0);border-radius:var(--border-radius-lg, 12px);transition:all var(--transition-normal, .3s ease-in-out);outline:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));min-height:58px}.select-trigger:hover{border-color:var(--color-primary-soft);background:#fff}.select-trigger.is-open,.select-trigger--focused{border-color:var(--color-primary, #4F46E5);box-shadow:0 0 0 4px #4f46e51a;background:var(--color-surface, #FFFFFF)}.select-value{font-size:16px;color:var(--color-text-tertiary, #64748B);font-weight:500}.select-value.has-value{color:var(--color-text-primary);font-weight:600}.select-arrow{color:var(--color-text-tertiary);transition:transform .2s ease}.select-trigger.is-open .select-arrow{transform:rotate(180deg)}.select__label{position:absolute;top:18px;left:14px;font-size:16px;color:var(--color-text-secondary, #64748B);pointer-events:none;transition:all var(--transition-fast, .15s ease-in-out);transform-origin:left top;padding:0 4px;background-color:transparent}.select__label--floating{top:-10px;left:12px;font-size:12px;font-weight:600;color:var(--color-primary, #4F46E5);background:var(--color-background, #ffffff);z-index:10;padding:0 6px;border-radius:4px}.select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border:1px solid var(--color-surface-border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:1000;max-height:240px;overflow-y:auto;padding:6px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.select-option{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.select-option:hover{background:var(--color-primary-soft);color:var(--color-primary)}.select-option.selected{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.settings-page{padding:16px 16px 100px;max-width:1800px;margin:0 auto}.settings-grid{display:grid;grid-template-columns:1fr;gap:24px}.settings-card{background:#fff;border-radius:20px;padding:24px;border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-md);height:fit-content}.card-title-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.card-icon{color:var(--color-primary)}.settings-card h2{font-size:18px;font-weight:800;color:var(--color-text-primary);margin:0}.settings-card .form-group{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-avatar-upload{grid-column:span 2;display:flex;align-items:center;gap:24px;margin-bottom:24px;padding:24px;background:#f8fafc;border-radius:20px;border:1px solid rgba(0,0,0,.02)}.avatar-preview{width:100px;height:100px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:36px;border:4px solid white;box-shadow:var(--shadow-md);overflow:hidden;position:relative}.upload-link{background:#fff;color:var(--color-primary);padding:10px 24px;border-radius:100px;font-weight:800;font-size:14px;border:1px solid var(--color-surface-border);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s}.upload-link:hover{background:var(--color-primary-soft);border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.settings-card button:not(.upload-link):not(.fab-save){grid-column:span 2}.info-tip{grid-column:span 2;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0fdf4;border-radius:10px;color:#16a34a;font-size:12px;font-weight:600}.security-toggles{grid-column:span 2}.notification-section{grid-column:span 2;border-top:1px dashed #e2e8f0;padding-top:20px}.notification-section h3{font-size:14px;font-weight:800;color:var(--color-text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.toggle-item label{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.toggle-item input[type=checkbox]{width:40px;height:20px;appearance:none;background:#e2e8f0;border-radius:20px;position:relative;cursor:pointer;transition:all .3s ease}.toggle-item input[type=checkbox]:checked{background:var(--color-primary)}.toggle-item input[type=checkbox]:before{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s ease}.toggle-item input[type=checkbox]:checked:before{left:22px}.logout-wrapper{grid-column:span 2;margin-top:24px;border-top:1px solid #f1f5f9;padding-top:24px}.floating-save-action{position:fixed;bottom:40px;right:40px;z-index:2000}.fab-save{display:flex;align-items:center;gap:12px;padding:16px 28px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;color:#fff!important;border:none;border-radius:100px;font-weight:800;font-size:15px;box-shadow:0 10px 30px #8b5e3c66!important;cursor:pointer;transition:all .3s ease}.mobile-text{display:none}.desktop-text{display:inline}.fab-save:hover{transform:translateY(-5px);box-shadow:0 15px 40px #6366f180}@media(max-width:768px){.settings-page{padding:12px 12px 120px}.settings-card{padding:20px 16px;border-radius:16px}.settings-card .form-group{grid-template-columns:1fr!important;gap:20px}.profile-avatar-upload,.settings-card button:not(.upload-link):not(.fab-save),.info-tip,.security-toggles,.notification-section,.logout-wrapper{grid-column:span 1!important}.profile-avatar-upload{flex-direction:column!important;align-items:center!important;gap:16px;margin-bottom:24px;width:100%;padding:20px 0;background:#f8fafc;border-radius:16px}.avatar-preview{width:80px;height:80px;font-size:32px;border:4px solid white;box-shadow:var(--shadow-md)}.upload-link{background:#fff;color:var(--color-primary);padding:8px 20px;border-radius:100px;text-decoration:none;font-size:13px;font-weight:800;border:1px solid var(--color-surface-border);box-shadow:var(--shadow-sm)}.floating-save-action{right:24px;bottom:30px;left:auto}.fab-save{width:100%;justify-content:center;padding:16px;font-size:16px}.desktop-text{display:none}.mobile-text{display:inline}}.product-detail-page{padding:24px;max-width:1400px;margin:0 auto}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.back-button{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(0,0,0,.05);padding:10px 18px;border-radius:12px;color:var(--color-text-secondary);font-weight:700;cursor:pointer;transition:all .3s ease}.back-button:hover{color:var(--color-primary);background:var(--color-primary-soft);transform:translate(-4px)}.detail-header-actions{display:flex;gap:12px}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;font-size:14px}.btn-view-external{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-approve{background:#10b981!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #10b9814d!important}.btn-approve:hover{background:#059669!important;box-shadow:0 6px 16px #10b98166!important}.btn-archive{background:#f59e0b!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #f59e0b4d!important}.btn-archive:hover{background:#d97706!important;box-shadow:0 6px 16px #f59e0b66!important}.btn-share{background:#6366f1!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #6366f14d!important}.btn-share:hover{background:#4f46e5!important;box-shadow:0 6px 16px #6366f166!important}.btn-copy{background:#fff;color:var(--color-text-primary);border:1px solid rgba(0,0,0,.05)}.detail-container.horizontal-layout{display:flex;flex-direction:column;gap:24px}.product-hero-card{background:#fff;border-radius:24px;padding:24px;border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-md)}.hero-content{display:flex;align-items:center;gap:32px}.hero-image-box{width:200px;height:140px;border-radius:18px;overflow:hidden;background:#f8fafc;flex-shrink:0}.hero-image-box img{width:100%;height:100%;object-fit:cover}.hero-main-info{flex:1;display:flex;flex-direction:column;gap:12px}.hero-top-meta{display:flex;gap:12px}.hero-badge,.hero-id-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.hero-badge{background:var(--color-primary-soft);color:var(--color-primary)}.hero-id-badge{background:#f1f5f9;color:var(--color-text-tertiary)}.hero-main-info h1{font-size:28px;font-weight:900;color:var(--color-text-primary);margin:0;letter-spacing:-.5px}.hero-stats-row{display:flex;gap:24px}.hero-stat{display:flex;align-items:center;gap:10px}.hero-stat svg{color:var(--color-primary);opacity:.8}.stat-text{display:flex;flex-direction:column}.stat-val{font-size:15px;font-weight:800;color:var(--color-text-primary)}.stat-lab{font-size:11px;color:var(--color-text-tertiary);font-weight:600}.hero-price-box{padding:20px 32px;background:#f8fafc;border-radius:20px;border:1px solid rgba(0,0,0,.02);text-align:right;min-width:180px}.hero-price-box .price-label{display:block;font-size:11px;font-weight:800;color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:4px}.hero-price-box .price-value{font-size:32px;font-weight:900;color:var(--color-primary)}.influencer-list-full{background:#fff;border-radius:24px;padding:32px;border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-md)}.section-header-compact{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f1f5f9}.header-title-row{display:flex;align-items:center;gap:16px;margin-bottom:4px}.header-icon-circle{width:36px;height:36px;background:var(--color-primary-soft);color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.header-title-row h3{font-size:18px;font-weight:800;color:var(--color-text-primary)}.header-subtitle{font-size:13px;color:var(--color-text-tertiary);font-weight:500;margin-left:52px}.influencer-performance-grid{display:flex;flex-direction:column;gap:12px}.perf-item-card{display:flex;align-items:center;gap:20px;padding:16px 24px;background:#f8fafc;border-radius:16px;border:1px solid rgba(0,0,0,.02);transition:all .3s ease;position:relative}.perf-item-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0000000a;border-color:var(--color-primary-soft)}.perf-counter{font-size:12px;font-weight:900;color:var(--color-text-tertiary);opacity:.4;width:20px}.perf-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;flex-shrink:0}.perf-info{flex:1}.perf-main-meta{display:flex;align-items:center;gap:12px}.perf-main-meta h4{font-size:16px;font-weight:800;color:var(--color-text-primary);margin:0}.perf-platform{display:flex;align-items:center;gap:4px}.perf-handle{font-size:13px;color:var(--color-text-tertiary);font-weight:600}.perf-stats{display:flex;align-items:center;gap:24px;width:320px;flex-shrink:0;margin-left:auto}.perf-stat-box{display:flex;flex-direction:column;text-align:right;width:80px;flex-shrink:0}.perf-stat-box .stat-val{font-size:16px;font-weight:900;color:var(--color-text-primary)}.perf-stat-box .stat-lab{font-size:10px;color:var(--color-text-tertiary);font-weight:700;text-transform:uppercase}.perf-trend-indicator{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;min-width:100px}.trend-bar{height:100%;border-radius:3px}@media(max-width:768px){.product-detail-page{padding:16px}.detail-header{flex-direction:column;align-items:stretch;gap:16px}.detail-header-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#f8fafc;padding:6px;border-radius:16px;border:1px solid rgba(0,0,0,.03);width:100%;box-sizing:border-box}.action-btn{width:100%;justify-content:center;padding:12px 4px;font-size:13px;font-weight:700;border-radius:12px;white-space:nowrap;gap:8px;box-shadow:none!important}.btn-text-extra{display:none}.btn-copy{background:#fff!important;border:1px solid rgba(0,0,0,.05)!important}.btn-view-external{background:#fff!important;color:var(--color-primary)!important;border:1px solid rgba(0,0,0,.05)!important}.btn-approve,.btn-archive,.btn-share{grid-column:auto;order:0}.btn-view-external{order:0}.hero-content{flex-direction:column;align-items:stretch;gap:20px}.hero-image-box{width:100%;height:240px;border-radius:20px}.hero-main-info h1{font-size:24px;text-align:center}.hero-top-meta{justify-content:center}.hero-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;background:#f8fafc;border-radius:16px}.hero-stat{flex-direction:column;text-align:center;gap:6px}.hero-stat svg{margin:0}.hero-price-box{width:100%;text-align:center;padding:16px;background:var(--color-primary-soft);border:1px solid var(--color-primary-soft)}.influencer-list-full{padding:20px}.header-title-row{justify-content:center}.header-subtitle{margin-left:0;text-align:center}.perf-item-card{flex-direction:column;align-items:stretch;padding:20px;gap:16px}.perf-counter{position:absolute;top:12px;left:12px;width:auto}.perf-item-header{display:flex;align-items:center;gap:12px}.perf-stats{width:100%;min-width:0;margin-top:0;padding-top:0;border-top:none;display:grid;grid-template-columns:1fr 1fr;gap:16px}.perf-stat-box{text-align:left;min-width:0}.perf-trend-indicator{height:8px;margin-top:4px;grid-column:span 2}}.staff-container{padding:0 24px 24px;max-width:1400px;margin:0 auto;background:var(--staff-page-bg);min-height:calc(100vh - 72px);width:100%}.staff-toolbar{display:flex;align-items:center;gap:16px;padding:16px 0;margin-bottom:4px}.staff-toolbar .branch-search-box{flex:1;max-width:none;min-width:200px}.staff-toolbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.staff-select-container{position:relative;font-family:inherit}.staff-select-trigger{display:flex;align-items:center;gap:8px;width:100%;height:42px;padding:0 12px;background:var(--staff-card-bg);border:1px solid var(--staff-input-border);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.staff-select-trigger:hover{border-color:var(--color-primary);background:var(--staff-card-bg)}.staff-select-trigger.is-open{border-color:var(--color-primary);box-shadow:0 0 0 3px #154eeb1a}.staff-select-icon{color:var(--staff-text-faint);flex-shrink:0}.staff-select-value{font-size:13px;font-weight:600;color:var(--staff-text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.staff-select-arrow{color:var(--staff-text-faint);transition:transform .2s ease;flex-shrink:0}.staff-select-trigger.is-open .staff-select-arrow{transform:rotate(180deg);color:var(--color-primary)}.staff-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;min-width:200px;max-height:320px;overflow-y:auto;background:var(--staff-card-bg);border:1px solid var(--staff-card-border);border-radius:12px;box-shadow:0 10px 25px -5px #00000026,0 4px 6px -2px #0000000d;z-index:1000;padding:6px;opacity:0;transform:translateY(-8px);animation:staffDropdownFadeIn .2s forwards cubic-bezier(.4,0,.2,1)}@keyframes staffDropdownFadeIn{to{opacity:1;transform:translateY(0)}}.staff-select-option{padding:10px 12px;font-size:13px;font-weight:500;color:var(--staff-text-mid);border-radius:8px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:space-between}.staff-select-option:hover{background:var(--staff-input-bg);color:var(--color-primary)}.staff-select-option.selected{background:#154eeb0f;color:var(--color-primary);font-weight:700}.staff-check-icon{color:var(--color-primary);flex-shrink:0}.staff-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.staff-title-block h1{font-size:26px;font-weight:800;color:var(--staff-text-mid);margin-bottom:4px;letter-spacing:-.5px}.staff-title-block p{font-size:13px;color:var(--staff-text-muted);font-weight:500}.add-staff-btn{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;padding:10px 22px;border-radius:99px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:var(--staff-add-btn-shadow);transition:all .2s ease}.add-staff-btn:hover{transform:translateY(-1px);box-shadow:var(--staff-add-btn-shadow-hover)}.filter-tabs-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:0;margin:0;flex-wrap:nowrap;align-items:center}.filter-tabs-row::-webkit-scrollbar{display:none}.filter-tabs-row{-ms-overflow-style:none;scrollbar-width:none}.filter-pill{background:var(--staff-card-bg);border:1px solid var(--staff-pill-border);color:var(--staff-text-muted);padding:8px 18px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-pill:hover{background:var(--staff-pill-hover-bg);color:var(--staff-text-mid);border-color:var(--staff-pill-hover-border)}.filter-pill.active{background:var(--staff-pill-active-bg);color:var(--white);border-color:var(--transparent);box-shadow:var(--staff-pill-active-shadow)}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.staff-card{background:var(--staff-card-bg);border-radius:12px;padding:16px;box-shadow:var(--staff-card-shadow);border:1px solid var(--staff-card-border);display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease}.staff-card:hover{transform:translateY(-2px);box-shadow:var(--staff-card-shadow-hover)}.edit-staff-icon-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--staff-text-faint);cursor:pointer;transition:color .2s ease;padding:4px}.edit-staff-icon-btn:hover{color:var(--color-primary)}.staff-card-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.staff-avatar-wrapper{position:relative;width:48px;height:48px;flex-shrink:0}.staff-card-avatar{width:100%;height:100%;border-radius:10px;object-fit:cover}.status-badge{position:absolute;bottom:-2px;right:-2px;width:11px;height:11px;border-radius:50%;border:2px solid var(--staff-avatar-border)}.status-badge.online{background:var(--staff-status-online)}.status-badge.offline{background:var(--staff-status-offline)}.staff-card-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.staff-card-name{font-size:14px;font-weight:700;color:var(--staff-text-mid);line-height:1.2}.staff-card-branch{font-size:11px;color:var(--staff-text-muted);font-weight:500}.role-badge{font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 6px;border-radius:4px;margin-top:1px}.role-badge.sales-executive{background:var(--staff-role-sales-bg);color:var(--staff-role-sales-color)}.role-badge.telecaller{background:var(--staff-role-telecaller-bg);color:var(--staff-role-telecaller-color)}.role-badge.operations{background:var(--staff-role-operations-bg);color:var(--staff-role-operations-color)}.role-badge.service{background:#e0e7ff;color:#4338ca}.staff-card-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-bottom:12px}.stat-box-label{font-size:8px;font-weight:700;color:var(--staff-text-faint);letter-spacing:.5px;margin-bottom:2px}.stat-box-value{font-size:12px;font-weight:700;color:var(--staff-text-mid);letter-spacing:-.5px}.mobile-filter-fab{display:none;position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;box-shadow:0 4px 12px #0003;align-items:center;justify-content:center;cursor:pointer;z-index:100}.mobile-add-staff-fab{display:none;position:fixed;bottom:96px;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;box-shadow:0 4px 12px #0003;align-items:center;justify-content:center;cursor:pointer;z-index:100}.mobile-bottom-sheet-overlay{position:fixed;inset:0;background:#0006;z-index:1000}.mobile-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--staff-card-bg);border-radius:24px 24px 0 0;padding:24px;z-index:1001;display:flex;flex-direction:column;max-height:80vh}.bottom-sheet-handle{width:36px;height:4px;background:var(--staff-border-light, #e2e8f0);border-radius:2px;margin:0 auto 20px}.bottom-sheet-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px;width:100%}.bottom-sheet-header h3{font-size:18px;font-weight:700;color:var(--staff-text-dark);margin:0}.close-sheet-btn{background:transparent;border:none;color:var(--staff-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;margin:0}.staff-bottom-sheet-content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px;overflow-y:auto;padding-bottom:16px}.filter-group-label{grid-column:1 / -1;font-size:11px;font-weight:700;color:var(--staff-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.sheet-filter-item{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;padding:12px 8px;border-radius:12px;border:1px solid var(--staff-pill-border);background:transparent;cursor:pointer;transition:all .2s;width:100%;text-align:center;gap:8px}.sheet-filter-label{font-size:14px;font-weight:700;color:var(--staff-text-mid)}.staff-card-actions{display:flex;gap:8px;margin-top:auto}.staff-action-btn{flex:1;height:34px;border:none;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease;color:var(--white)}.staff-action-btn.view-btn{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.staff-action-btn.view-btn:hover{box-shadow:var(--staff-btn-action-shadow-hover);transform:translateY(-1px)}.staff-action-btn.edit-btn{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.staff-action-btn.edit-btn:hover{box-shadow:var(--staff-btn-action-shadow-hover);transform:translateY(-1px)}@media(max-width:1200px){.staff-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.main-content>div.staff-container:not(.login-page){padding:16px!important}.staff-grid{grid-template-columns:repeat(2,1fr);gap:16px}.staff-header-row{flex-direction:column;align-items:flex-start;gap:12px}.add-staff-btn{width:100%;justify-content:center}.desktop-only{display:none!important}.mobile-filter-fab,.mobile-add-staff-fab{display:flex}.staff-avatar-wrapper{width:64px;height:64px}.staff-card-avatar{border-radius:12px}.staff-card-header{align-items:center}.staff-action-btn{height:40px;font-size:13px;border-radius:8px}}@media(max-width:600px){.staff-grid{grid-template-columns:1fr}}.add-staff-container{padding:24px;width:100%;background:var(--transparent);min-height:calc(100vh - 72px);font-family:var(--font-secondary);color:var(--staff-text-mid)}.add-staff-card{background:var(--staff-card-bg);border-radius:12px;padding:32px 40px;box-shadow:var(--staff-card-shadow-sm);border:1px solid var(--staff-card-border);width:100%}.avatar-section{display:flex;align-items:center;gap:24px;margin-bottom:40px;padding-bottom:28px;border-bottom:1px dashed var(--staff-dashed-border)}.avatar-block{position:relative;width:80px;height:80px;background:linear-gradient(135deg,var(--staff-upload-bg-grad-start) 0%,var(--staff-upload-bg-grad-end) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--staff-avatar-border);box-shadow:var(--staff-upload-avatar-shadow);flex-shrink:0}.avatar-icon-placeholder{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-secondary);display:flex;align-items:center;justify-content:center;position:relative}.avatar-icon-placeholder:after{content:"";position:absolute;bottom:-6px;width:16px;height:7px;border-radius:8px 8px 0 0;border-top:2px solid var(--color-secondary)}.avatar-icon-dot{width:8px;height:8px;background:var(--color-secondary);border-radius:50%}.avatar-details{display:flex;flex-direction:column;gap:6px}.avatar-details label{font-size:15px;font-weight:700;color:var(--staff-text-dark);margin:0;letter-spacing:-.2px}.avatar-details p{font-size:11.5px;color:var(--staff-text-muted);margin:0 0 4px}.avatar-btn-row{display:flex;gap:8px}.btn-change-photo{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;padding:7px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--staff-btn-save-shadow)}.btn-change-photo:hover{box-shadow:var(--staff-btn-save-shadow-hover);transform:translateY(-1px)}.btn-remove-photo{background:var(--staff-card-bg);color:var(--staff-text-sub);border:1px solid var(--staff-btn-cancel-border);padding:7px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-remove-photo:hover{background:var(--staff-input-bg);border-color:var(--staff-input-border-hover);color:var(--staff-text-dark)}.form-section{margin-bottom:40px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:10px;border-bottom:1px solid var(--staff-card-border)}.section-icon-wrapper{display:flex;align-items:center;justify-content:center;color:var(--color-secondary);background:var(--staff-role-sales-bg);padding:6px;border-radius:8px}.section-title{font-size:12px;font-weight:800;color:var(--staff-text-sub);letter-spacing:.08em;text-transform:uppercase;margin:0}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 24px;margin-bottom:20px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 24px;margin-bottom:20px}.form-field-wrapper{display:flex;flex-direction:column;gap:6px;min-width:0}.form-field-wrapper.full-width{grid-column:span 3}.form-field-wrapper label{font-size:12.5px;font-weight:600;color:var(--staff-text-sub);margin-bottom:2px}.form-input-control{width:100%;height:42px;background:var(--staff-input-bg);border:1px solid var(--staff-input-border);border-radius:8px;padding:0 14px;font-size:13.5px;font-weight:500;color:var(--staff-text-dark);box-shadow:var(--staff-input-inset-shadow);transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input-control::placeholder{color:var(--staff-text-faint);font-weight:400}.form-input-control:focus{background:var(--staff-card-bg);border-color:var(--color-primary);box-shadow:var(--staff-input-focus-shadow),var(--staff-input-inset-shadow);outline:none}select.form-input-control{appearance:none;background-repeat:no-repeat;background-position:right 12px center;background-size:14px;padding-right:36px}.date-input-container{position:relative;display:flex;align-items:center}.date-picker-icon{position:absolute;right:12px;color:var(--staff-text-muted);pointer-events:none}.form-input-control.date-input{padding-right:36px}.units-input-container{position:relative;display:flex;align-items:center}.units-label-overlay{position:absolute;right:12px;font-size:9px;font-weight:700;color:var(--staff-text-muted);pointer-events:none;text-transform:uppercase;text-align:right;line-height:1;letter-spacing:.5px}.form-input-control.units-input{padding-right:54px}.permissions-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 0}.permission-pill{background:var(--staff-pill-bg);border:1px solid var(--staff-input-border);color:var(--staff-text-sub);padding:5px 10px 5px 12px;border-radius:6px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:default;transition:all .15s ease}.permission-pill .remove-icon{cursor:pointer;color:var(--staff-text-faint);transition:color .15s ease;display:flex;align-items:center}.permission-pill .remove-icon:hover{color:var(--color-danger)}.btn-add-permission{background:var(--staff-card-bg);color:var(--staff-text-muted);border:1px dashed var(--staff-input-border-hover);padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.btn-add-permission:hover{background:var(--staff-input-bg);border-color:var(--staff-input-border-hover);color:var(--staff-text-dark)}.form-textarea-control{width:100%;min-height:90px;background:var(--staff-input-bg);border:1px solid var(--staff-input-border);border-radius:8px;padding:12px 14px;font-size:13.5px;font-weight:500;color:var(--staff-text-dark);resize:vertical;box-shadow:var(--staff-input-inset-shadow);transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.form-textarea-control::placeholder{color:var(--staff-text-faint);font-weight:400}.form-textarea-control:focus{background:var(--staff-card-bg);border-color:var(--color-primary);box-shadow:var(--staff-input-focus-shadow),var(--staff-input-inset-shadow);outline:none}.add-staff-footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--staff-card-border);padding-top:28px;margin-top:16px}.btn-action-cancel{background:var(--staff-card-bg);color:var(--staff-text-sub);border:1px solid var(--staff-btn-cancel-border);border-radius:6px;padding:9px 24px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-action-cancel:hover{background:var(--staff-input-bg);border-color:var(--staff-input-border-hover);color:var(--staff-text-dark)}.btn-action-save{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;border-radius:6px;padding:9px 28px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--staff-add-btn-shadow)}.btn-action-save:hover{box-shadow:var(--staff-btn-save-shadow-hover);transform:translateY(-1px)}.add-staff-success-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.success-icon-badge{width:56px;height:56px;background:var(--staff-success-badge-bg);color:var(--staff-success-badge-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.add-staff-success-overlay h3{font-size:20px;font-weight:700;color:var(--staff-text-dark);margin:0 0 8px}.add-staff-success-overlay p{font-size:13px;color:var(--staff-text-muted);margin:0 0 4px}@media(max-width:900px){.form-grid-3{grid-template-columns:repeat(2,1fr)}.form-field-wrapper.full-width{grid-column:span 2}}@media(max-width:640px){.add-staff-container{padding:4px 0!important}.add-staff-card{padding:20px 14px;border-radius:8px}.avatar-section{flex-direction:row;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px}.avatar-details{gap:4px}.avatar-details p{margin-bottom:2px}.form-grid-3,.form-grid-2{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.form-field-wrapper.full-width{grid-column:span 1}.form-section{margin-bottom:24px}.section-header{margin-bottom:16px}}.ant-select-container{position:relative;width:100%;-webkit-user-select:none;user-select:none}.ant-select-selector{display:flex;align-items:center;justify-content:space-between;width:100%;height:42px;box-sizing:border-box;background:var(--staff-input-bg);border:1px solid var(--staff-input-border);border-radius:8px;padding:0 14px;font-size:13.5px;font-weight:500;color:var(--staff-text-dark);cursor:pointer;box-shadow:var(--staff-input-inset-shadow);transition:all .2s cubic-bezier(.4,0,.2,1);gap:8px}.ant-select-selection-search{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ant-select-selector:hover{border-color:var(--staff-input-border-hover)}.ant-select-focused{background:var(--staff-card-bg)!important;border-color:var(--color-primary)!important;box-shadow:var(--staff-input-focus-shadow),var(--staff-input-inset-shadow)!important}.ant-select-placeholder{color:var(--staff-text-faint);font-weight:400}.ant-select-arrow{display:flex;align-items:center;color:var(--staff-text-muted);transition:transform .2s ease;flex-shrink:0}.ant-select-arrow-icon{transition:transform .2s ease}.ant-select-arrow-icon.rotated{transform:rotate(180deg)}.ant-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:var(--staff-card-bg);border:1px solid var(--staff-card-border);border-radius:8px;box-shadow:var(--staff-dropdown-shadow);z-index:1000;padding:4px;animation:antDropdownSlide .15s cubic-bezier(.4,0,.2,1)}@keyframes antDropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ant-select-dropdown-menu{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.ant-select-dropdown-menu::-webkit-scrollbar{width:4px}.ant-select-dropdown-menu::-webkit-scrollbar-thumb{background:var(--staff-scrollbar-thumb-bg);border-radius:2px}.ant-select-dropdown-menu-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:13.5px;font-weight:500;color:var(--staff-text-sub);border-radius:6px;cursor:pointer;transition:all .15s ease}.ant-select-dropdown-menu-item:hover{background:var(--staff-pill-bg);color:var(--staff-text-dark)}.ant-select-dropdown-menu-item-selected{background:var(--staff-badge-up-bg)!important;color:var(--color-secondary)!important;font-weight:600}.ant-select-check-icon{color:var(--color-secondary)}.btn-cancel-permission{background:var(--staff-pill-bg);border:1px solid var(--staff-input-border);border-radius:8px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--staff-text-muted);transition:all .15s ease}.btn-cancel-permission:hover{background:var(--staff-pill-hover-bg);border-color:var(--staff-input-border-hover);color:var(--staff-text-dark)}.main-content:has(.leads-page-container){overflow:hidden!important}.leads-page-container{padding:0;width:100%;height:calc(100vh - 72px);background:var(--white);font-family:var(--font-secondary);display:flex;flex-direction:column;gap:0;overflow:hidden}.leads-controls-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;background:var(--white);padding:20px 24px;border-radius:12px;border:1px solid var(--surface-border);box-shadow:0 4px 6px -1px #0000000d}.exec-filter-wrapper{display:flex;flex-direction:column;gap:8px}.exec-filter-wrapper label{font-size:11.5px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.custom-select-container{position:relative;display:flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;height:40px;min-width:220px;transition:all .2s ease}.custom-select-container:focus-within{border-color:var(--color-primary);background:var(--white);box-shadow:0 0 0 3px #154eeb1a}.select-lead-icon{color:#64748b;margin-right:8px}.custom-select-container select{background:transparent;border:none;outline:none;font-size:13.5px;font-weight:600;color:var(--text-primary);width:100%;height:100%;cursor:pointer;appearance:none;padding-right:24px}.select-arrow{position:absolute;right:12px;color:#64748b;pointer-events:none}.controls-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-bar-container{position:relative;display:flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;width:280px;height:40px;transition:all .2s ease}.search-bar-container:focus-within{border-color:var(--color-primary);background:var(--white);box-shadow:0 0 0 3px #154eeb1a}.search-icon-muted{color:#94a3b8;margin-right:8px}.search-bar-container input{background:transparent;border:none;outline:none;font-size:13.5px;color:var(--text-primary);width:100%;height:100%}.add-lead-header-btn{height:40px;padding:0 16px;border-radius:8px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;font-size:13.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 10px #154eeb26}.add-lead-header-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #154eeb40}.leads-card{background:var(--white);border-radius:12px;border:1px solid var(--surface-border);box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;display:flex;flex-direction:column}.pane-header{padding:20px 24px;border-bottom:1px solid var(--surface-border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.title-area{display:flex;align-items:center;gap:10px}.title-area h3{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.title-area h3 span{font-size:13px;font-weight:500;color:var(--text-secondary)}.header-icon-primary{color:var(--color-primary)}.header-icon-secondary{color:var(--color-secondary)}.table-responsive{width:100%;overflow-x:auto}.leads-table{width:100%;border-collapse:collapse;text-align:left}.leads-table th{padding:14px 24px;background:#f8fafc;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--surface-border)}.leads-table td{padding:16px 24px;font-size:13.5px;border-bottom:1px solid var(--surface-border);color:var(--text-primary)}.lead-name-cell{display:flex;flex-direction:column;gap:4px}.lead-fullname{font-weight:600;color:var(--text-primary);white-space:nowrap}.lead-date-badge{font-size:11px;color:#64748b;display:flex;align-items:center;gap:4px;background:#f1f5f9;padding:2px 6px;border-radius:4px;width:fit-content;white-space:nowrap}.lead-date{font-size:11.5px;color:#94a3b8}.lead-meta-row{display:flex;align-items:center;gap:8px;margin-top:4px}.lead-date-label{font-size:11.5px;color:#94a3b8;white-space:nowrap}.lead-car-badge{font-size:11px;font-weight:600;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;padding:1.5px 6px;border-radius:4px;display:flex;align-items:center;gap:4px;white-space:nowrap}.lead-car-badge svg{color:#6366f1}.lead-contact-info{display:flex;flex-direction:column;gap:4px}.contact-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px;white-space:nowrap}.contact-item svg{color:#94a3b8}.car-interested-cell{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary)}.car-cell-icon{color:var(--color-secondary-light)}.exec-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;background:#eef2ff;color:#4338ca;font-size:12.5px;font-weight:600;border:1px solid #c7d2fe}.unassigned-badge{background:#fafaf9;color:#78716c;border-color:#e7e5e4;font-weight:500}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:12px;font-size:11.5px;font-weight:600;letter-spacing:.02em}.status-badge-new{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.status-badge-contacted{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.status-badge-follow{background:#faf5ff;color:#6b21a8;border:1px solid #e9d5ff}.status-badge-sold{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.status-badge-lost{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.workspace-action-bar{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.back-to-list-link{background:transparent;border:none;color:var(--color-primary);font-size:13.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0;width:fit-content;transition:opacity .15s ease}.back-to-list-link:hover{opacity:.8}.workspace-action-bar h2{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.assignment-layout{display:grid;grid-template-columns:2.55fr 1fr;gap:20px;align-items:flex-start}.pane-left .leads-table th,.pane-left .leads-table td{padding:12px 14px}.pane-left{min-height:500px}.pane-right{position:sticky;top:96px;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.pane-body{padding:14px 24px 24px;overflow-y:auto;flex:1}.pane-body::-webkit-scrollbar{width:6px}.pane-body::-webkit-scrollbar-track{background:transparent}.pane-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.pane-body::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.select-all-unassigned-btn{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.select-all-unassigned-btn:hover{background:#e2e8f0;color:var(--text-primary)}.checkbox-column{text-align:center;padding-left:20px!important;padding-right:10px!important}.custom-checkbox-btn{background:transparent;border:none;outline:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#cbd5e1;transition:color .15s ease}.checkbox-checked{color:var(--color-primary)}.checkbox-unchecked{color:#94a3b8}.selected-row td{background:#f0f7ff!important}.leads-table tbody tr{cursor:pointer;transition:background-color .15s ease}.leads-table tbody tr:hover{background-color:#fafafa}.location-cell{display:flex;align-items:center;gap:6px;color:var(--text-secondary);white-space:nowrap}.pin-icon{color:#94a3b8}.lead-phone{font-weight:500;color:var(--text-primary);white-space:nowrap}.lead-car-interest{font-weight:500;color:var(--text-primary)}.executive-section{margin-bottom:24px}.section-subtitle{font-size:11px;font-weight:700;color:#64748b;letter-spacing:.05em;display:block;margin-bottom:14px;text-transform:uppercase}.executives-list{display:flex;flex-direction:column;gap:12px}.exec-card-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;border:1px solid var(--surface-border);cursor:pointer;transition:all .2s ease;background:var(--white);position:relative}.exec-card-item:hover{border-color:#cbd5e1;background:#fafaf9;transform:translateY(-1px)}.selected-exec{border-color:var(--color-primary)!important;background:#154eeb08!important;box-shadow:0 0 0 1px var(--color-primary)}.offline-exec{opacity:.55;cursor:not-allowed!important}.offline-exec:hover{transform:none;background:var(--white);border-color:var(--surface-border)}.exec-avatar{position:relative;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#06064d,#1e1b4b);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.exec-status-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--white)}.exec-status-dot.online{background:#10b981}.exec-status-dot.offline{background:#94a3b8}.exec-meta{display:flex;flex-direction:column;gap:2px}.exec-name{font-weight:600;color:var(--text-primary);font-size:14px}.exec-role{font-size:11.5px;color:var(--text-secondary)}.selected-check-indicator{margin-left:auto;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.assignment-summary-block{margin-top:24px;padding-top:20px;border-top:1px solid var(--surface-border);display:flex;flex-direction:column;gap:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.summary-label{color:var(--text-secondary)}.summary-value{font-weight:600;color:var(--text-primary)}.summary-value.highlight{color:var(--color-primary);font-size:16px;font-weight:700}.summary-value .not-selected{color:#94a3b8;font-weight:400}.info-alert-box{display:flex;gap:10px;padding:12px 14px;background:#fffbeb;border:1px solid #fef3c7;border-radius:8px}.info-icon{color:#d97706;flex-shrink:0;margin-top:1px}.info-alert-box p{font-size:11.5px;color:#b45309;margin:0;line-height:1.4}.confirm-assign-btn{width:100%;height:44px;border-radius:8px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 10px #154eeb26}.confirm-assign-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #154eeb40}.confirm-assign-btn:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none}.spinner-icon{animation:spin 1s linear infinite}.success-toast{position:fixed;bottom:24px;right:24px;background:var(--white);border-radius:10px;box-shadow:0 10px 25px -5px #00000026,0 0 1px 1px #0000000d;padding:16px;z-index:2000;min-width:320px;max-width:400px;border-left:4px solid var(--color-success)}.toast-content{display:flex;gap:12px;align-items:flex-start}.toast-icon-circle{width:24px;height:24px;border-radius:50%;background:#d1fae5;color:#059669;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message h4{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--text-primary)}.toast-message p{margin:0;font-size:12.5px;color:var(--text-secondary);line-height:1.4}.empty-table-state{text-align:center;padding:48px!important;color:#94a3b8;font-size:14px}@media(min-width:1025px){.assignment-layout{display:grid;grid-template-columns:2.55fr 1fr;gap:20px;align-items:stretch;flex:1;min-height:0;height:calc(100vh - 180px)}.pane-left{height:100%;min-height:0;display:flex;flex-direction:column}.pane-left .table-responsive{flex:1;overflow-y:auto;min-height:0}.pane-left .table-responsive::-webkit-scrollbar{width:6px}.pane-left .table-responsive::-webkit-scrollbar-track{background:transparent}.pane-left .table-responsive::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.pane-left .table-responsive::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.pane-right{height:100%;min-height:0;display:flex;flex-direction:column;position:static!important;max-height:none!important}}@media(max-width:1024px){.main-content:has(.leads-page-container){overflow:visible!important}.leads-page-container{height:auto!important;overflow:visible!important}.assignment-layout{grid-template-columns:1fr}.pane-right{position:static;max-height:none!important}}@media(max-width:1024px){.leads-controls-bar{flex-direction:column;align-items:stretch;padding:16px}.custom-select-container{min-width:auto}.controls-right{flex-direction:column;align-items:stretch}.search-bar-container{width:100%}.add-lead-header-btn{width:100%;justify-content:center}.leads-table th,.leads-table td{padding:12px 14px}.checkbox-column{padding-left:12px!important}.success-toast{left:16px;right:16px;bottom:16px;min-width:auto}}.ant-select-container{position:relative;flex:1;min-width:130px;font-family:inherit}.ant-select-selector{box-sizing:border-box;margin:0;padding:0 11px;color:var(--text-primary);font-size:14px;line-height:38px;height:38px;background-color:var(--white);border:1px solid #d9d9d9;border-radius:6px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px}.ant-select-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #154eeb1a!important}.ant-select-prefix-icon{color:#8c8c8c;flex-shrink:0}.ant-select-selection-item{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.ant-select-arrow{color:#bfbfbf;transition:transform .2s ease;flex-shrink:0}.ant-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;z-index:1050;box-sizing:border-box;padding:4px;overflow:hidden;font-size:14px;background-color:var(--white);border-radius:8px;outline:none;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;border:1px solid #f0f0f0;animation:antDropdownSlideIn .15s cubic-bezier(.23,1,.32,1)}.ant-select-item{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:5px 12px;color:var(--text-primary);font-weight:500;font-size:13.5px;line-height:22px;cursor:pointer;transition:background .15s ease;border-radius:4px}.ant-select-item:hover{background-color:#f5f5f5}.ant-select-item-selected{color:var(--color-primary)!important;font-weight:600!important;background-color:#e6f7ff!important}.ant-select-item-check{color:var(--color-primary);flex-shrink:0}.table-card-pane{border:none!important;border-radius:0!important;box-shadow:none!important;height:100%;overflow-y:auto;display:flex;flex-direction:column}.table-card-pane .pane-header{position:sticky;top:0;z-index:100;background:var(--white);box-shadow:0 4px 6px -4px #0000000d;flex-shrink:0}.leads-cards-grid{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;align-content:start;background:var(--white)}.leads-cards-grid::-webkit-scrollbar{width:6px}.leads-cards-grid::-webkit-scrollbar-track{background:transparent}.leads-cards-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.leads-cards-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.lead-grid-card{background:#f4f7fc;border:1px solid #dbe2ef;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000005,0 1px 2px #00000003;position:relative;overflow:visible}.lead-grid-card:hover{transform:translateY(-3px);box-shadow:0 12px 20px -8px #0000000f,0 4px 12px #00000005;border-color:#cbd5e1}.card-top-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.lead-basic-info{display:flex;flex-direction:row;align-items:center;gap:8px}.lead-card-name{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.lead-card-id{font-size:10px;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:1px 5px;border-radius:4px;width:fit-content}.lead-grid-card .status-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em;width:fit-content;height:fit-content;display:inline-flex;align-items:center;gap:4px}.status-pill-container{position:relative;display:inline-block}.clickable-status-pill{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.clickable-status-pill:hover{filter:brightness(.95);box-shadow:0 1px 3px #00000014}.clickable-status-pill .pill-chevron{opacity:.6;transition:transform .2s ease}.clickable-status-pill:hover .pill-chevron{opacity:1}.status-change-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--white);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;min-width:140px;padding:4px;z-index:200;animation:antDropdownFadeIn .15s cubic-bezier(.23,1,.32,1)}.status-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:500;color:#334155;cursor:pointer;border-radius:6px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.status-dropdown-item:hover{background:#f1f5f9;color:#0f172a}.status-dropdown-item.active{background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.dot-new{background:#0284c7}.status-dot.dot-contacted{background:#d97706}.status-dot.dot-follow-up{background:#7c3aed}.status-dot.dot-sold{background:#16a34a}.status-dot.dot-lost{background:#dc2626}.status-item-check{margin-left:auto;color:var(--color-primary)}.status-badge-new{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.status-badge-contacted{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.status-badge-follow{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.status-badge-sold{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.status-badge-lost{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.card-middle-row{display:flex;align-items:center}.card-car-badge-container{display:flex;align-items:center;justify-content:space-between;width:100%}.card-car-badge-container .lead-car-badge{margin:0;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:600;background:var(--white);border:1px solid rgba(0,0,0,.08);color:#334155;display:flex;align-items:center;gap:4px}.card-car-badge-container .lead-car-badge svg{color:#64748b}.card-car-badge-container .lead-date-label{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#64748b;font-weight:500}.card-car-badge-container .lead-date-label svg{color:#94a3b8}.card-contact-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px dashed rgba(0,0,0,.08);border-bottom:1px dashed rgba(0,0,0,.08)}.card-contact-section .contact-item{display:flex;align-items:center;gap:6px;color:#475569;font-size:12.5px;font-weight:500}.card-contact-section .contact-item:first-child svg{color:#10b981}.card-contact-section .contact-item:last-child svg{color:#ef4444}.card-footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.assigned-exec-area{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.assigned-exec-area .exec-lbl{font-size:11px;font-weight:600;color:#64748b;text-transform:none;letter-spacing:normal}.assigned-exec-area .exec-badge{padding:3px 8px;font-size:11.5px;font-weight:600;background:var(--white);color:#4f46e5;border:1px solid rgba(0,0,0,.08);border-radius:5px;width:fit-content}.assigned-exec-area .unassigned-badge{background:#0000000d;color:#64748b;border:1px solid transparent}.empty-grid-state{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;padding:60px 20px;background:var(--white);border-radius:12px;border:1px dashed #cbd5e1;text-align:center}.empty-grid-state h3{font-size:16px;font-weight:600;color:#64748b;margin:0}.status-confirm-modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.status-confirm-modal-card{background:var(--white);border-radius:16px;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;padding:24px;display:flex;flex-direction:column;gap:16px}.status-confirm-modal-card .modal-header{display:flex;align-items:center;gap:12px}.status-confirm-modal-card .modal-icon-warn{color:#d97706}.status-confirm-modal-card .modal-header h3{margin:0;font-size:17px;font-weight:700;color:#0f172a}.status-confirm-modal-card .modal-body{font-size:13.5px;color:#475569;line-height:1.5}.status-confirm-modal-card .modal-body p{margin:0 0 12px}.status-confirm-modal-card .status-transition-flow{display:flex;align-items:center;justify-content:center;gap:12px;background:#f8fafc;padding:12px;border-radius:10px;border:1px solid #edf2f7}.status-confirm-modal-card .flow-status{font-size:10px;font-weight:700;padding:3px 10px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em;display:inline-flex;align-items:center}.status-confirm-modal-card .flow-arrow{color:#94a3b8;font-weight:700;font-size:14px}.status-confirm-modal-card .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:4px}.status-confirm-modal-card .btn-modal-cancel{background:transparent;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.status-confirm-modal-card .btn-modal-cancel:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.status-confirm-modal-card .btn-modal-confirm{background:var(--color-primary);border:1px solid transparent;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--white);cursor:pointer;box-shadow:0 4px 12px #154eeb26;transition:all .2s ease}.status-confirm-modal-card .btn-modal-confirm:hover{background:var(--color-primary-dark);box-shadow:0 6px 16px #154eeb40}.mobile-filter-fab{display:none;position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;box-shadow:0 4px 16px #154eeb40;align-items:center;justify-content:center;cursor:pointer;z-index:500;transition:all .2s ease}.mobile-filter-fab:hover{transform:scale(1.05)}.mobile-assign-fab{display:none;position:fixed;bottom:92px;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;box-shadow:0 4px 16px #154eeb40;align-items:center;justify-content:center;cursor:pointer;z-index:500;transition:all .2s ease}.mobile-assign-fab:hover{transform:scale(1.05)}.mobile-assign-sheet-fab{display:none;position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;box-shadow:0 4px 16px #154eeb40;align-items:center;justify-content:center;cursor:pointer;z-index:500;transition:all .2s ease}.mobile-assign-sheet-fab:hover{transform:scale(1.05)}.assign-cards-grid{padding:16px;background:transparent!important}.assign-grid-card{cursor:pointer;transition:all .2s ease}.assign-grid-card.selected-card{border-color:var(--color-primary)!important;background:#154eeb08!important;box-shadow:0 0 0 1px var(--color-primary)}.lead-basic-info-wrapper{display:flex;align-items:center;gap:12px}.bottom-sheet-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.close-sheet-btn{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;margin:0}.bottom-sheet-content{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow-y:auto;padding-bottom:8px}.sheet-filter-item{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 12px;border-radius:12px;border:1px solid #e2e8f0;background:transparent;cursor:pointer;transition:all .2s;width:100%;text-align:center;gap:8px}.sheet-filter-item.active{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border-color:transparent;box-shadow:0 4px 12px #154eeb4d}.sheet-filter-label{font-size:14px;font-weight:600;color:#475569}.sheet-filter-count{font-size:12px;font-weight:700;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:12px}.leads-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;width:100%}.pane-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%}.header-search-bar{margin:0;width:240px;flex-shrink:0}@media(max-width:1024px){.main-content>div.leads-page-container{padding:0!important;background:var(--white)!important;height:calc(100vh - 72px)!important;overflow-y:auto!important}.main-content>div.leads-page-container:has(.assignment-layout){overflow-y:hidden!important;display:flex!important;flex-direction:column!important}.leads-page-container:has(.assignment-layout) .assignment-layout{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;height:100%!important}.leads-page-container:has(.assignment-layout) .pane-left{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;height:100%!important}.leads-page-container:has(.assignment-layout) .assign-cards-grid{flex:1!important;overflow-y:auto!important;min-height:0!important;padding:16px!important}.leads-card.table-card-pane{border-radius:0!important;border-left:none!important;border-right:none!important;border-top:none!important;box-shadow:none!important;background:var(--white)!important}.pane-header{padding:16px!important}.leads-page-container:has(.assignment-layout) .pane-left .pane-header{display:none!important}.mobile-select-all-pill{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--white);border:1px solid var(--surface-border);box-shadow:0 4px 16px #0000001f;color:var(--text-primary);padding:10px 24px;border-radius:30px;font-size:13.5px;font-weight:600;z-index:499;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.mobile-select-all-pill.active{background:var(--color-primary);color:var(--white);border-color:var(--color-primary)}.leads-cards-grid{padding:16px!important;gap:16px!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;background:var(--white)!important}.mobile-filter-fab,.mobile-assign-fab{display:flex}.mobile-assign-sheet-fab{display:flex!important}.pane-right,.desktop-only{display:none!important}.pane-left{border-radius:0!important;border:none!important;box-shadow:none!important;background:var(--white)!important;min-height:auto!important}.assign-bottom-sheet{padding:20px 20px 10px!important}.assign-bottom-sheet .pane-body{padding:0!important}.assign-bottom-sheet .bottom-sheet-content{display:block!important;overflow-y:auto!important;max-height:60vh!important}.mobile-bottom-sheet .bottom-sheet-content{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;overflow:visible!important}.mobile-bottom-sheet .ant-select-dropdown{position:static!important;margin-top:8px!important;box-shadow:none!important;border:1px solid #cbd5e1!important;max-height:250px!important;overflow-y:auto!important;width:100%!important}.leads-page-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.leads-page-header .title-area{margin-bottom:4px;width:100%}.leads-page-header .pane-header-actions{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.header-search-bar{width:100%!important;max-width:none!important}}@media(min-width:600px)and (max-width:1024px){.leads-cards-grid{grid-template-columns:repeat(2,1fr)!important}}.customer-modal-card form{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.form-group-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:12px;font-weight:700;color:#475569}.customer-form-input{padding:8px 12px;border-radius:6px;border:1px solid #cbd5e1;font-size:13px;font-weight:500;color:#0f172a;background:#f8fafc;transition:all .15s ease;box-sizing:border-box;width:100%}.customer-form-input:not(textarea){height:38px}.customer-form-input:focus{outline:none;border-color:var(--color-primary);background:var(--white);box-shadow:0 0 0 3px #154eeb1a}.customer-form-input.textarea{resize:vertical;min-height:60px;font-family:inherit}.form-section-title{font-size:13px;font-weight:700;color:var(--color-primary);margin:16px 0 8px;padding-bottom:6px;border-bottom:1px dashed #e2e8f0;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.03em}.form-section-title:first-child{margin-top:0}.btn-form-submit{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #154eeb26;transition:all .2s ease;display:flex;align-items:center;gap:6px}@media(max-width:600px){.form-group-row{grid-template-columns:1fr}}.main-content:has(.vehicles-page-container){overflow:hidden!important}.vehicles-page-container{padding:0;width:100%;height:calc(100vh - 72px);display:flex;flex-direction:column;overflow:hidden}.vinv-card-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--white, #fff)}.vinv-header{padding:16px 24px;border-bottom:1px solid var(--surface-border, #e2e8f0);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0;background:var(--white, #fff);position:sticky;top:0;z-index:100}.vinv-title-area{display:flex;align-items:center;gap:10px}.vinv-title-area .header-icon-primary{color:var(--color-primary)}.vinv-title-area h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary, #0f172a);font-family:var(--font-heading, inherit)}.vinv-title-area h3 span{font-weight:400;color:var(--text-secondary, #64748b);font-size:13px}.vinv-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%}.vinv-header-actions .search-bar-container{position:relative;display:flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:0 10px;width:240px;height:36px;transition:all .2s ease;flex-shrink:0}.vinv-header-actions .search-bar-container:focus-within{border-color:var(--color-primary);background:var(--white);box-shadow:0 0 0 3px #154eeb1a}.vinv-header-actions .search-icon-muted{color:#94a3b8;margin-right:6px;flex-shrink:0}.vinv-header-actions .search-bar-container input{background:transparent;border:none;outline:none;font-size:13px;color:var(--text-primary);width:100%;height:100%}.vinv-header-actions .ant-select-selector{box-sizing:border-box;margin:0;padding:0 10px;color:var(--text-primary);font-size:13px;line-height:36px;height:36px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:6px}.vinv-header-actions .ant-select-selector:hover{border-color:var(--color-primary)}.vehicles-stats-bar{display:flex;gap:10px;flex-wrap:wrap}.btn-add-vehicle{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,transform .15s}.btn-add-vehicle:hover{background:var(--color-primary-hover, #4f46e5);transform:translateY(-1px)}.btn-add-vehicle:active{transform:translateY(0)}.vehicles-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px 12px 20px;flex:1;overflow-y:auto;align-content:start;align-items:stretch}.vehicles-grid::-webkit-scrollbar{width:6px}.vehicles-grid::-webkit-scrollbar-track{background:transparent}.vehicles-grid::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:3px}.vehicles-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.vehicle-card{background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:box-shadow .25s,border-color .25s,transform .25s;display:flex;flex-direction:column;height:330px}.vehicle-card:hover{border-color:var(--color-primary);box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.status-border-available,.status-border-reserved,.status-border-sold,.status-border-service{border-top:1.5px solid var(--color-surface-border)}.vehicle-card-img{position:relative;width:100%;height:140px;flex-shrink:0;background:var(--color-surface-raised, #1e1e2e);overflow:hidden}.vehicle-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.vehicle-card:hover .vehicle-card-img img{transform:scale(1.05)}.vcard-status-badge{position:absolute;top:0;right:0;padding:6px 14px;border-radius:0 0 0 10px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2}.vstatus-available{background:#10b981e6;color:#fff}.vstatus-reserved{background:#f59e0be6;color:#fff}.vstatus-sold{background:#ef4444e6;color:#fff}.vstatus-service{background:#3b82f6e6;color:#fff}.vstatus-hold{background:#64748be6;color:#fff}.vstatus-returnback{background:#6366f1e6;color:#fff}.vcard-year-badge{position:absolute;bottom:0;left:0;padding:6px 14px;border-radius:0 10px 0 0;font-size:11.5px;font-weight:700;background:#0f172abf;color:#fff;z-index:2}.vehicle-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.vcard-details-section{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.vcard-footer-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0}.vcard-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.vcard-name-block{display:flex;flex-direction:column;gap:1px;min-width:0}.vcard-name{font-size:13.5px;font-weight:700;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.3;margin:0;height:36px}.vcard-variant{font-size:10.5px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vcard-price{font-size:14.5px;font-weight:800;color:var(--color-primary);white-space:nowrap;font-family:var(--font-heading);flex-shrink:0}.vcard-id-row{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap}.vcard-id-tag{font-size:9.5px;font-weight:600;color:var(--color-text-tertiary, #888);background:var(--color-surface-raised, rgba(255, 255, 255, .05));border:1px solid var(--color-surface-border);padding:2px 6px;border-radius:4px;letter-spacing:.3px;white-space:nowrap}.vcard-reg{font-size:10.5px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.5px;white-space:nowrap}.vcard-specs-row{display:flex;gap:6px;flex-wrap:wrap;padding-top:2px}.vcard-spec{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--color-text-secondary);font-weight:500}.vcard-spec svg{opacity:.7;flex-shrink:0;width:12px;height:12px}.no-vehicles-placeholder{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--color-text-tertiary, #888);text-align:center}.no-vehicles-placeholder svg{opacity:.3;margin-bottom:4px}.no-vehicles-placeholder h3{font-size:18px;color:var(--color-text-secondary);margin:0}.no-vehicles-placeholder p{font-size:13px;color:var(--color-text-tertiary, #888);margin:0}.veh-filter-fab,.veh-add-fab{display:none;position:fixed;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;box-shadow:0 4px 16px #154eeb40;align-items:center;justify-content:center;cursor:pointer;z-index:500;transition:all .2s ease}.veh-filter-fab:hover,.veh-add-fab:hover{transform:scale(1.05)}.veh-filter-fab{bottom:24px}.veh-add-fab{bottom:92px}.vinv-status-select{min-width:155px}.vinv-status-label{color:#64748b;font-size:12px;font-weight:500;margin-right:4px;white-space:nowrap}.vinv-status-value{font-weight:600}.vinv-status-value.status-pending,.vinv-status-option.status-pending{color:#f59e0b}.vinv-status-value.status-approved,.vinv-status-option.status-approved{color:#10b981}.vinv-status-option{font-weight:600}@media(max-width:1024px){.main-content>div.vehicles-page-container{padding:0!important;background:var(--white)!important;height:calc(100vh - 72px)!important;overflow-y:auto!important}.vinv-card-pane{border-radius:0!important;box-shadow:none!important;border:none!important;background:var(--white)!important}.vinv-header{padding:16px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.vinv-title-area{width:100%;margin-bottom:4px}.vinv-header-actions{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.header-search-bar{width:100%!important;max-width:none!important;margin:0!important}.vehicles-grid{grid-template-columns:repeat(3,1fr)!important;padding:16px!important;gap:16px!important;background:var(--white)!important;align-items:stretch!important}.vehicle-card{height:325px!important}.vehicle-card-img{height:135px!important}.vehicle-card-body{padding:10px 10px 12px!important;gap:6px!important}.vcard-footer-row{gap:4px!important}.veh-filter-fab,.veh-add-fab{display:flex}.desktop-only,.btn-add-vehicle.desktop-only{display:none!important}}@media(max-width:640px){.vehicles-grid{grid-template-columns:repeat(2,1fr)!important;align-items:stretch!important}.vehicle-card{height:350px!important}.vehicle-card-img{height:130px!important}.vehicles-stats-bar{gap:8px}.vstat-pill{padding:8px 12px;min-width:60px}.vstat-count{font-size:17px}}.vcard-spec-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.vcard-spec-badge.service{background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.15)}.vcard-spec-badge.service svg{color:#10b981!important}.vcard-spec-badge.inspection{background:#3b82f614;color:#3b82f6;border:1px solid rgba(59,130,246,.15)}.vcard-spec-badge.inspection svg{color:#3b82f6!important}.vcard-spec-badge:hover{transform:translateY(-1px);background:#0f172a14!important;border-color:#0f172a26}[data-theme=dark] .vcard-spec-badge.service{background:#10b98126}[data-theme=dark] .vcard-spec-badge.inspection{background:#3b82f626}[data-theme=dark] .vcard-spec-badge:hover{background:#ffffff26!important;border-color:#ffffff40}.main-content:has(.av-page-container){overflow:hidden!important}.av-page-container{width:100%;height:calc(100vh - 72px);display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--color-background, #f8fafc)}.av-header-pane{padding:20px 24px 0;flex-shrink:0;z-index:10;background:var(--color-background, #f8fafc);display:flex;flex-direction:column;gap:20px}.av-scroll-pane{flex:1;overflow-y:auto;padding:20px 24px 60px;display:flex;flex-direction:column}.av-scroll-pane::-webkit-scrollbar{width:6px}.av-scroll-pane::-webkit-scrollbar-track{background:transparent}.av-scroll-pane::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:3px}.av-scroll-pane::-webkit-scrollbar-thumb:hover{background:#94a3b8}.av-form-container{display:flex;flex-direction:column;gap:20px}.av-success-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.av-success-card{background:var(--color-surface);border:1.5px solid #10b981;border-radius:20px;padding:40px 48px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;box-shadow:0 20px 60px #0000004d}.av-success-icon{color:#10b981}.av-success-card h3{font-size:22px;color:var(--color-text-primary);margin:0}.av-success-card p{font-size:13px;color:var(--color-text-secondary);margin:0}.av-page-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.av-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:8px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.av-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.av-header-title{display:flex;align-items:center;gap:12px;flex:1}.av-header-icon{color:var(--color-primary);flex-shrink:0}.av-header-title h2{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0}.av-header-title p{font-size:12px;color:var(--color-text-secondary);margin:0}.av-header-actions{display:flex;gap:8px;flex-shrink:0}.av-btn-reset,.av-btn-save{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.av-btn-reset{background:var(--color-surface);border:1.5px solid var(--color-surface-border);color:var(--color-text-secondary)}.av-btn-reset:hover{border-color:var(--color-primary);color:var(--color-primary)}.av-btn-save{background:var(--color-primary);color:#fff}.av-btn-save:hover{background:var(--color-primary-hover, #4f46e5);transform:translateY(-1px)}.av-section-tabs{display:flex;gap:6px;background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:12px;padding:6px;flex-wrap:wrap}.av-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;position:relative;white-space:nowrap}.av-tab:hover{color:var(--color-text-primary);background:var(--color-surface-raised, rgba(255,255,255,.05))}.av-tab.active{background:var(--color-primary);color:#fff;font-weight:600}.av-tab.tab-error:not(.active){color:#ef4444}.av-form-body{display:flex;flex-direction:column;gap:20px}.av-section{background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:16px}.av-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--color-text-primary);padding-bottom:12px;border-bottom:1px solid var(--color-surface-border);margin-bottom:4px}.av-section-title svg{color:var(--color-primary)}.av-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.av-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.av-field{display:flex;flex-direction:column;gap:5px}.av-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px}.av-required{color:#ef4444;margin-left:3px}.av-input{padding:10px 12px;background:var(--color-surface-raised, rgba(255,255,255,.04));border:1.5px solid var(--color-surface-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-family:var(--font-primary);transition:border-color .2s,box-shadow .2s;width:100%;outline:none}.av-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11f}.av-input.input-error{border-color:#ef4444}.av-input.input-error:focus{box-shadow:0 0 0 3px #ef44441f}.av-select{cursor:pointer}.av-select option{background:var(--color-surface)}.av-textarea{resize:vertical;min-height:90px;line-height:1.6}.av-error-msg{font-size:11px;color:#ef4444;font-weight:500;margin-top:-2px}.av-field.has-error .av-label{color:#ef4444}.av-price-preview{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#6366f114;border:1.5px solid rgba(99,102,241,.2);border-radius:8px;font-size:13px;color:var(--color-text-secondary)}.av-price-preview strong{font-size:18px;font-weight:800;color:var(--color-primary);font-family:var(--font-heading)}.av-nav-buttons{display:flex;align-items:center;gap:12px;padding-top:4px}.av-nav-spacer{flex:1}.av-btn-nav{padding:10px 22px;border-radius:8px;border:1.5px solid var(--color-surface-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.av-btn-nav:hover{border-color:var(--color-primary);color:var(--color-primary)}.av-btn-nav.next{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.av-btn-nav.next:hover{background:var(--color-primary-hover, #4f46e5)}.av-btn-submit{display:flex;align-items:center;gap:7px;padding:10px 28px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s}.av-btn-submit:hover{background:#059669;transform:translateY(-1px)}.av-btn-submit:active{transform:translateY(0)}.av-page .ant-select-container{position:relative;font-family:inherit;width:100%}.av-page .ant-select-selector{box-sizing:border-box;margin:0;padding:0 12px;color:var(--text-primary, #0f172a);font-size:14px;height:42px;background-color:var(--color-surface-raised, rgba(255,255,255,.04));border:1.5px solid var(--color-surface-border);border-radius:8px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:6px}.av-page .ant-select-selector:hover{border-color:var(--color-primary)}.av-page .ant-select-selector.input-error{border-color:#ef4444}.av-page .ant-select-focused{border-color:var(--color-primary)!important;background-color:var(--color-surface, #fff)!important;box-shadow:0 0 0 3px #6366f11f!important}.av-page .ant-select-selector.input-error.ant-select-focused{box-shadow:0 0 0 3px #ef44441f!important}.av-page .ant-select-selection-item{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.av-page .ant-select-arrow{color:var(--color-text-tertiary);transition:transform .2s ease;flex-shrink:0}.av-page .ant-select-arrow.arrow-rotated{transform:rotate(180deg)}.av-page .ant-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;z-index:1050;box-sizing:border-box;padding:6px;overflow:hidden;font-size:13px;background-color:var(--color-surface, #fff);border-radius:8px;outline:none;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid var(--color-surface-border);animation:antDropdownSlideIn .15s cubic-bezier(.23,1,.32,1)}.av-page .ant-select-item{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:6px 12px;color:var(--text-primary, #0f172a);font-weight:500;font-size:13px;line-height:20px;cursor:pointer;transition:background .15s ease;border-radius:6px}.av-page .ant-select-item:hover{background-color:var(--color-background, #f8fafc)}.av-page .ant-select-item-selected{color:var(--color-primary)!important;font-weight:600!important;background-color:var(--color-primary-soft, #eff6ff)!important}.av-page .ant-select-item-check{color:var(--color-primary);flex-shrink:0}.av-mobile-section-selector{display:none}@media(max-width:768px){.av-header-pane{padding:8px 14px 0;gap:0;display:flex;flex-direction:column}.av-scroll-pane{padding:14px 14px 60px}.av-grid-2,.av-grid-3{grid-template-columns:1fr}.av-header-title{display:none}.av-section{padding:16px}.av-section-tabs{display:none}.av-mobile-section-selector{display:block;padding:0 0 14px;background:var(--color-background, #f8fafc);border-bottom:1px solid var(--color-surface-border)}.av-page-header{gap:10px}.av-header-actions{position:fixed;bottom:24px;right:24px;width:auto;display:flex;flex-direction:column;gap:16px;z-index:999}.av-btn-reset,.av-btn-save{width:56px;height:56px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:0}.av-btn-reset svg,.av-btn-save svg{width:22px!important;height:22px!important;margin:0!important}.av-btn-reset{background:var(--color-surface)!important;color:var(--color-text-secondary)!important;box-shadow:0 4px 12px #0000001a!important;border:1px solid var(--color-surface-border)!important}.av-btn-save{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)!important;color:#fff!important;box-shadow:0 4px 12px #154eeb4d!important;border:none!important}.av-nav-buttons{justify-content:center;padding-bottom:20px}.av-nav-spacer{display:none}}.upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;margin-top:10px}.upload-preview-card{position:relative;border-radius:10px;border:1.5px solid var(--color-surface-border);background:var(--color-surface);overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;transition:all .2s;group:hover}.cover-photo-badge{position:absolute;top:8px;left:8px;background:#10b981;color:#fff;font-size:9px;font-weight:700;padding:3px 6px;border-radius:4px;text-transform:uppercase;box-shadow:0 2px 4px #0000001a}.vid-page{padding:20px 24px 60px;min-height:100%;display:flex;flex-direction:column;gap:20px;position:relative}.vid-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:10px 20px;border-radius:30px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px;z-index:9999;box-shadow:0 4px 20px #10b98166}.vid-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vid-confirm-card{background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:18px;padding:32px 40px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:380px;width:90%;box-shadow:0 20px 60px #0000004d}.vid-confirm-icon{width:56px;height:56px;border-radius:50%;background:#ef44441f;display:flex;align-items:center;justify-content:center;color:#ef4444;margin-bottom:4px}.vid-confirm-card h3{font-size:20px;color:var(--color-text-primary);margin:0}.vid-confirm-card p{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.6}.vid-confirm-card p strong{color:var(--color-text-primary)}.vid-confirm-actions{display:flex;gap:10px;margin-top:8px;width:100%}.vid-btn-cancel,.vid-btn-delete-confirm{flex:1;padding:10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.vid-btn-cancel{background:var(--color-surface-raised, rgba(255,255,255,.06));border:1.5px solid var(--color-surface-border);color:var(--color-text-secondary)}.vid-btn-cancel:hover{border-color:var(--color-primary);color:var(--color-primary)}.vid-btn-delete-confirm{background:#ef4444;color:#fff}.vid-btn-delete-confirm:hover{background:#dc2626}.vid-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.vid-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:8px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.vid-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.vid-header-center{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vid-header-id{font-size:11px;font-weight:600;color:var(--color-text-tertiary, #888);text-transform:uppercase;letter-spacing:.5px}.vid-header-name{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vid-header-actions{display:flex;gap:8px;flex-shrink:0}.vid-mobile-title{display:none}.vid-btn-edit,.vid-btn-delete,.vid-btn-cancel-edit,.vid-btn-save-edit{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.vid-btn-edit{background:var(--color-primary);color:#fff}.vid-btn-edit:hover{background:var(--color-primary-hover, #4f46e5)}.vid-btn-delete{background:#ef44441a;color:#ef4444;border:1.5px solid rgba(239,68,68,.25)}.vid-btn-delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.vid-btn-cancel-edit{background:var(--color-surface);border:1.5px solid var(--color-surface-border);color:var(--color-text-secondary)}.vid-btn-cancel-edit:hover{border-color:var(--color-primary);color:var(--color-primary)}.vid-btn-save-edit{background:#10b981;color:#fff}.vid-btn-save-edit:hover{background:#059669}.vid-body{display:grid;grid-template-columns:420px 1fr;gap:20px;align-items:start}.vid-gallery{display:flex;flex-direction:column;gap:12px;position:sticky;top:12px}.vid-main-img-wrap{position:relative;width:100%;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--color-surface);border:1.5px solid var(--color-surface-border)}.vid-main-img{width:100%;height:100%;object-fit:cover}.vid-img-status{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vid-img-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#00000073;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vid-img-nav:hover{background:#000000b3}.vid-img-nav.prev{left:10px}.vid-img-nav.next{right:10px}.vid-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.vid-thumbs::-webkit-scrollbar{height:4px}.vid-thumbs::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:2px}.vid-thumb{width:72px;height:52px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color .2s,transform .2s;flex-shrink:0}.vid-thumb.active{border-color:var(--color-primary);transform:scale(1.05)}.vid-thumb:hover:not(.active){border-color:var(--color-surface-border)}.vid-quick-status{background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.vid-qs-label{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px}.vid-qs-buttons{display:flex;gap:6px;flex-wrap:wrap}.vid-qs-btn{padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .2s;opacity:.6}.vid-qs-btn.active{opacity:1;transform:scale(1.05)}.vid-qs-btn:hover:not(.active){opacity:.9}.vstatus-btn-available{border-color:#10b981;color:#10b981;background:#10b98114}.vstatus-btn-available.active{background:#10b981;color:#fff}.vstatus-btn-reserved{border-color:#f59e0b;color:#f59e0b;background:#f59e0b14}.vstatus-btn-reserved.active{background:#f59e0b;color:#fff}.vstatus-btn-sold{border-color:#ef4444;color:#ef4444;background:#ef444414}.vstatus-btn-sold.active{background:#ef4444;color:#fff}.vstatus-btn-service{border-color:#3b82f6;color:#3b82f6;background:#3b82f614}.vstatus-btn-service.active{background:#3b82f6;color:#fff}.vid-info{display:flex;flex-direction:column;gap:16px}.vid-info-card{background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px}.vid-card-title{font-size:13px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--color-surface-border);margin-bottom:2px}.vid-card-title svg{color:var(--color-primary)}.vid-price-card{gap:12px}.vid-price-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vid-vehicle-name{font-size:22px;font-weight:800;color:var(--color-text-primary);margin:0;line-height:1.2}.vid-vehicle-variant{font-size:13px;color:var(--color-text-secondary);margin:4px 0 0}.vid-price-block{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.vid-price{font-size:26px;font-weight:800;color:var(--color-primary);font-family:var(--font-heading)}.vid-condition-tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;background:#6366f11f;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.vid-meta-row{display:flex;flex-wrap:wrap;gap:8px}.vid-meta-tag{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-secondary);background:var(--color-surface-raised, rgba(255,255,255,.05));border:1px solid var(--color-surface-border);padding:3px 10px;border-radius:20px;font-weight:500}.vid-meta-tag svg{opacity:.7;flex-shrink:0}.vid-specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vid-spec-item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--color-surface-raised, rgba(255,255,255,.03));border:1px solid var(--color-surface-border);border-radius:10px}.vid-spec-icon{width:34px;height:34px;border-radius:8px;background:#6366f11a;display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.vid-spec-label{font-size:10px;color:var(--color-text-tertiary, #888);text-transform:uppercase;letter-spacing:.4px;font-weight:500}.vid-spec-val{font-size:13px;font-weight:700;color:var(--color-text-primary);margin:2px 0 0}.vid-checks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.vid-check-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;border:1px solid var(--color-surface-border);background:var(--color-surface-raised, rgba(255,255,255,.03))}.vid-check-item.clear{background:#10b9810d;border-color:#10b98133}.vid-check-item.clear .vid-check-icon{background:#10b9811a;color:#10b981}.vid-check-item.pending{background:#f59e0b0d;border-color:#f59e0b33}.vid-check-item.pending .vid-check-icon{background:#f59e0b1a;color:#f59e0b}.vid-check-item.issues{background:#ef44440d;border-color:#ef444433}.vid-check-item.issues .vid-check-icon{background:#ef44441a;color:#ef4444}.vid-check-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vid-check-details{display:flex;flex-direction:column}.vid-check-label{font-size:10px;color:var(--color-text-tertiary, #888);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.vid-check-val{font-size:13px;font-weight:700;color:var(--color-text-primary);margin-top:2px}.vid-features-grid{display:flex;flex-wrap:wrap;gap:8px}.vid-feature-tag{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:20px;font-size:12px;font-weight:500;color:#10b981}.vid-feature-tag svg{flex-shrink:0}.vid-description{font-size:13px;color:var(--color-text-secondary);line-height:1.7;margin:0}.vid-edit-form{display:flex;flex-direction:column;gap:16px}.vid-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vid-edit-field{display:flex;flex-direction:column;gap:4px}.vid-edit-field label{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px}.vid-edit-input{padding:8px 11px;background:var(--color-surface-raised, rgba(255,255,255,.04));border:1.5px solid var(--color-surface-border);border-radius:8px;color:var(--color-text-primary);font-size:13px;font-family:var(--font-primary);outline:none;transition:border-color .2s;width:100%}.vid-edit-input:focus{border-color:var(--color-primary)}.vid-edit-input option{background:var(--color-surface)}.vid-edit-textarea{resize:vertical;min-height:70px;line-height:1.5}.vid-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:14px;text-align:center;color:var(--color-text-secondary);min-height:60vh}.vid-not-found svg{color:#ef4444;opacity:.6}.vid-not-found h3{font-size:22px;color:var(--color-text-primary);margin:0}.vid-not-found p{font-size:13px;color:var(--color-text-secondary);margin:0}.vid-back-btn-sm{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .2s}.vid-back-btn-sm:hover{background:var(--color-primary-hover, #4f46e5)}@media(max-width:1100px){.vid-body{grid-template-columns:1fr}.vid-gallery{position:static}.vid-specs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.vid-page{padding:14px 14px 60px;gap:14px}.vid-header{flex-direction:column;align-items:stretch;gap:0}.vid-header-center{display:none!important}.vid-header-actions{position:fixed;bottom:24px;right:24px;width:auto;display:flex;flex-direction:column;gap:16px;z-index:999}.vid-btn-edit,.vid-btn-delete,.vid-btn-cancel-edit,.vid-btn-save-edit{width:56px;height:56px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:0}.vid-btn-edit svg,.vid-btn-delete svg,.vid-btn-cancel-edit svg,.vid-btn-save-edit svg{width:22px!important;height:22px!important;margin:0!important}.vid-btn-delete{background:#ef4444!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #ef44444d!important}.vid-btn-edit,.vid-btn-save-edit{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)!important;color:#fff!important;box-shadow:0 4px 12px #154eeb4d!important;border:none!important}.vid-btn-cancel-edit{background:#fff!important;color:var(--color-text-primary)!important;border:none!important;box-shadow:0 4px 12px #0000001a!important}.vid-price{font-size:26px}.vid-specs-grid{grid-template-columns:repeat(2,1fr)}.vid-edit-grid{grid-template-columns:1fr}.vid-mobile-title{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;margin:4px 0;padding:0 6px}.vid-mobile-title .vid-header-name{font-size:22px;font-weight:800;color:var(--color-text-primary);margin:0}.vid-mobile-title .vid-header-id{background:#6366f11f;color:var(--color-primary);padding:5px 12px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.5px}}@media(max-width:480px){.vid-specs-grid{grid-template-columns:1fr 1fr}.vid-price-row{flex-direction:column}.vid-price-block{align-items:flex-start}}.main-content:has(.sc-page){overflow:hidden!important}.sc-page{display:flex;flex-direction:column;height:calc(100vh - 72px);width:100%;overflow:hidden;background:var(--color-background);position:relative}.sc-toast{position:fixed;top:84px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 24px;background:#10b981;color:#fff;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 8px 32px #10b98159;z-index:9999}.sc-card-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--white, #fff)}.sc-header{padding:16px 24px;border-bottom:1px solid var(--surface-border, #e2e8f0);display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex-shrink:0;background:var(--white, #fff);position:sticky;top:0;z-index:100}.sc-title-area{display:flex;align-items:center;gap:10px}.sc-title-area .header-icon-primary{color:var(--color-primary)}.sc-title-area h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary, #0f172a);font-family:var(--font-heading, inherit)}.sc-title-area h3 span{font-weight:400;color:var(--text-secondary, #64748b);font-size:13px}.sc-header-left,.sc-header-right{display:flex;align-items:center;gap:12px}.sc-header-middle{flex:1;min-width:0}.sc-vehicle-select{width:220px}.sc-filter-select{width:160px}.sc-page .ant-select-container{position:relative;font-family:inherit}.sc-page .ant-select-selector{box-sizing:border-box;margin:0;padding:0 10px;color:var(--text-primary, #0f172a);font-size:13px;line-height:36px;height:36px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:6px}.sc-page .ant-select-selector:hover{border-color:var(--color-primary)}.sc-page .ant-select-focused{border-color:var(--color-primary)!important;background-color:var(--white, #fff)!important;box-shadow:0 0 0 3px #154eeb1a!important}.sc-page .ant-select-prefix-icon{color:#64748b;flex-shrink:0}.sc-page .ant-select-selection-item{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.sc-page .ant-select-arrow{color:#64748b;transition:transform .2s ease;flex-shrink:0}.sc-page .ant-select-arrow.arrow-rotated{transform:rotate(180deg)}.sc-page .ant-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;z-index:1050;box-sizing:border-box;padding:4px;overflow:hidden;font-size:13px;background-color:var(--white, #fff);border-radius:6px;outline:none;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;border:1px solid #f0f0f0;animation:antDropdownSlideIn .15s cubic-bezier(.23,1,.32,1)}.sc-page .sc-vehicle-select .ant-select-dropdown{width:280px}.sc-page .ant-select-item{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:5px 10px;color:var(--text-primary, #0f172a);font-weight:500;font-size:12.5px;line-height:20px;cursor:pointer;transition:background .15s ease;border-radius:4px}.sc-page .ant-select-item:hover{background-color:#f1f5f9}.sc-page .ant-select-item-selected{color:var(--color-primary)!important;font-weight:600!important;background-color:var(--color-primary-soft)!important}.sc-page .ant-select-item-check{color:var(--color-primary);flex-shrink:0}.sc-page .search-bar-container{position:relative;display:flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:0 10px;width:100%;height:36px;transition:all .2s ease}.sc-page .search-bar-container:focus-within{border-color:var(--color-primary);background:var(--white, #fff);box-shadow:0 0 0 3px #154eeb1a}.sc-page .search-icon-muted{color:#94a3b8;margin-right:6px;flex-shrink:0}.sc-page .search-bar-container input{background:transparent;border:none;outline:none;font-size:13px;color:var(--text-primary, #0f172a);width:100%;height:100%}.sc-page .desktop-only{display:flex}.sc-btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;transition:all .2s;flex-shrink:0}.sc-btn-icon:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.sc-content-scroll{flex:1;overflow-y:auto;padding:20px 24px 24px}.sc-content-scroll::-webkit-scrollbar{width:6px}.sc-content-scroll::-webkit-scrollbar-track{background:transparent}.sc-content-scroll::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:3px}.sc-content-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;max-width:1600px;margin:0 auto}.sc-checklist-panel{display:flex;flex-direction:column;gap:16px}.sc-category-block{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:16px;overflow:hidden;transition:box-shadow .25s}.sc-category-block:hover{box-shadow:var(--shadow-md)}.sc-category-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .2s;gap:12px}.sc-category-header:hover{background:var(--color-background)}.sc-cat-left{display:flex;align-items:center;gap:12px;min-width:0}.sc-cat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-cat-info{display:flex;flex-direction:column;gap:1px;min-width:0}.sc-cat-info h3{font-size:14px;font-weight:700;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-cat-count{font-size:11px;color:var(--color-text-tertiary);font-weight:500}.sc-cat-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.sc-cat-progress-mini{width:60px;height:4px;background:var(--color-background);border-radius:2px;overflow:hidden}.sc-cat-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.sc-select-all-btn{font-size:11px;font-weight:600;color:var(--color-primary);background:var(--color-primary-soft);border:none;border-radius:6px;padding:4px 10px;cursor:pointer;transition:all .15s;white-space:nowrap}.sc-select-all-btn:hover{background:var(--color-primary);color:#fff}.sc-expand-chevron{color:var(--color-text-tertiary);transition:transform .25s;flex-shrink:0}.sc-expand-chevron.rotated{transform:rotate(90deg)}.sc-items-list{overflow:hidden;border-top:1px solid var(--color-surface-border)}.sc-check-item{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;transition:all .15s;border-bottom:1px solid transparent;-webkit-user-select:none;user-select:none}.sc-check-item:not(:last-child){border-bottom-color:var(--color-surface-border)}.sc-check-item:hover{background:var(--color-background)}.sc-check-item.checked{background:#10b9810a}.sc-check-item.checked:hover{background:#10b98114}.sc-checkbox-area{flex-shrink:0}.sc-checkbox{display:flex;align-items:center;justify-content:center;color:var(--color-surface-border);transition:color .2s}.sc-checkbox.checked{color:#10b981}.sc-item-label{font-size:13.5px;font-weight:500;color:var(--color-text-primary);flex:1;transition:all .2s}.sc-item-label.checked{color:var(--color-text-tertiary);text-decoration:line-through;text-decoration-color:#00000026}.sc-critical-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#fff1f2;color:#ef4444;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.sc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--color-text-tertiary);text-align:center}.sc-empty-state svg{opacity:.25}.sc-empty-state h3{font-size:18px;color:var(--color-text-secondary);margin:0}.sc-empty-state p{font-size:13px;color:var(--color-text-tertiary);margin:0}.sc-summary-panel{display:flex;flex-direction:column;gap:16px;position:sticky;top:0;align-self:start}.sc-progress-card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:24px}.sc-progress-ring-wrapper{position:relative;width:130px;height:130px}.sc-progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.sc-ring-bg{stroke:var(--color-surface-border)}.sc-ring-fill{stroke:var(--color-primary);transition:stroke-dashoffset .5s ease}.sc-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px}.sc-progress-value{font-size:28px;font-weight:800;color:var(--color-text-primary);font-family:var(--font-heading);line-height:1}.sc-progress-label{font-size:11px;color:var(--color-text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sc-progress-stats{display:flex;align-items:center;gap:16px;width:100%;justify-content:center}.sc-pstat{display:flex;flex-direction:column;align-items:center;gap:2px}.sc-pstat-num{font-size:20px;font-weight:800;color:var(--color-text-primary);font-family:var(--font-heading);line-height:1}.sc-pstat-num.sc-critical-text{color:#ef4444}.sc-pstat-label{font-size:10px;color:var(--color-text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.sc-pstat-divider{width:1px;height:32px;background:var(--color-surface-border)}.sc-info-card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.sc-info-title{font-size:13px;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:8px;margin:0;padding-bottom:12px;border-bottom:1px solid var(--color-surface-border)}.sc-info-title svg{color:var(--color-primary)}.sc-info-rows{display:flex;flex-direction:column;gap:10px}.sc-info-row{display:flex;justify-content:space-between;align-items:center}.sc-info-label{font-size:12px;color:var(--color-text-tertiary);font-weight:500}.sc-info-value{font-size:12.5px;color:var(--color-text-primary);font-weight:600}.sc-form-group{display:flex;flex-direction:column;gap:6px}.sc-form-group label{font-size:11px;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px}.sc-input-wrap{display:flex;align-items:center;gap:8px;padding:0 12px;height:38px;background:var(--color-background);border:1px solid var(--color-surface-border);border-radius:10px;transition:all .2s}.sc-input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.sc-input-wrap svg{color:var(--color-text-tertiary);flex-shrink:0}.sc-input-wrap input{background:transparent;border:none;outline:none;font-size:12.5px;color:var(--color-text-primary);width:100%;font-family:var(--font-primary)}.sc-form-group textarea{padding:10px 12px;background:var(--color-background);border:1px solid var(--color-surface-border);border-radius:10px;font-size:12.5px;color:var(--color-text-primary);font-family:var(--font-primary);resize:vertical;outline:none;transition:all .2s;min-height:70px}.sc-form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.sc-cat-progress-list{display:flex;flex-direction:column;gap:14px}.sc-cat-progress-row{display:flex;flex-direction:column;gap:6px}.sc-cpr-header{display:flex;align-items:center;justify-content:space-between}.sc-cpr-label{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600}.sc-cpr-label svg{flex-shrink:0}.sc-cpr-count{font-size:11px;font-weight:700;color:var(--color-text-tertiary)}.sc-cpr-bar{width:100%;height:5px;background:var(--color-background);border-radius:3px;overflow:hidden}.sc-cpr-fill{height:100%;border-radius:3px;transition:width .35s ease}@media(max-width:1200px){.sc-content-grid{grid-template-columns:1fr}.sc-summary-panel{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:1024px){.main-content>div.sc-page{padding:0!important;background:var(--white)!important;height:calc(100vh - 72px)!important;overflow-y:auto!important}.sc-card-pane{border-radius:0!important;box-shadow:none!important;border:none!important;background:var(--white)!important}.sc-header{padding:16px!important;flex-direction:row!important;flex-wrap:wrap!important;gap:12px!important}.sc-title-area{width:100%;margin-bottom:4px}.sc-header-left{width:100%}.sc-vehicle-select{width:100%!important}.sc-header-middle{flex:1!important;width:auto!important}.header-search-bar{width:100%!important;max-width:none!important;margin:0!important}.sc-header-right{width:auto!important}.sc-content-scroll{padding:16px}.sc-content-grid{grid-template-columns:1fr}.sc-summary-panel{position:static;display:flex;flex-direction:column}}@media(max-width:640px){.sc-header{padding:10px 12px!important}.sc-content-scroll{padding:12px}.sc-category-header{padding:12px 14px}.sc-check-item{padding:12px 14px;gap:10px}.sc-cat-right .sc-select-all-btn{display:none}.sc-progress-card{padding:20px 16px}.sc-summary-panel{grid-template-columns:1fr}}.sc-mobile-filter-fab{display:none;position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;box-shadow:0 6px 20px #154eeb59;align-items:center;justify-content:center;cursor:pointer;z-index:500;transition:all .2s}.sc-mobile-filter-fab:active{transform:scale(.92)}.sc-fab-badge{position:absolute;top:10px;right:10px;width:10px;height:10px;background:var(--color-error);border-radius:50%;border:2px solid #fff}.sc-bs-overlay{display:none;position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000}.sc-bottom-sheet{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-radius:24px 24px 0 0;padding:12px 20px 32px;z-index:1001;flex-direction:column;max-height:80vh;box-shadow:0 -10px 40px #0000001f}.sc-bs-handle{width:36px;height:4px;background:var(--color-surface-border);border-radius:2px;margin:0 auto 16px}.sc-bs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sc-bs-header h3{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.sc-bs-close{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:8px;transition:background .15s}.sc-bs-close:hover{background:var(--color-background)}.sc-bs-content{display:flex;flex-direction:column;gap:8px}.sc-bs-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-background);border:1.5px solid var(--color-surface-border);border-radius:14px;cursor:pointer;transition:all .15s;text-align:left;width:100%}.sc-bs-option:active{transform:scale(.98)}.sc-bs-option.active{background:var(--color-primary-soft);border-color:var(--color-primary)}.sc-bs-option.critical.active{background:#fff1f2;border-color:#fca5a5}.sc-bs-opt-icon{width:40px;height:40px;border-radius:12px;background:var(--color-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary)}.sc-bs-option.active .sc-bs-opt-icon{background:var(--color-primary);color:#fff}.sc-bs-option.critical .sc-bs-opt-icon{color:#ef4444}.sc-bs-option.critical.active .sc-bs-opt-icon{background:#ef4444;color:#fff}.sc-bs-opt-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sc-bs-opt-label{font-size:15px;font-weight:700;color:var(--color-text-primary)}.sc-bs-opt-desc{font-size:12px;color:var(--color-text-tertiary);font-weight:500}.sc-bs-opt-check{color:var(--color-primary);flex-shrink:0}.sc-bs-option.critical.active .sc-bs-opt-check{color:#ef4444}@media(max-width:768px){.desktop-only,.sc-filter-select{display:none!important}.sc-mobile-filter-fab{display:flex}.sc-bs-overlay{display:block}.sc-bottom-sheet{display:flex}}.tc-tracking-page{height:100%;display:flex;flex-direction:column;background:var(--color-background);overflow:hidden}.tc-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;background:var(--color-surface);padding:12px 16px;border-bottom:1px solid var(--color-surface-border);z-index:10;flex-shrink:0;flex-wrap:nowrap}.tc-toolbar-search{position:relative;width:450px;flex-shrink:1}.tc-toolbar-search input{width:100%;height:40px;padding-left:38px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:13.5px;font-family:var(--font-primary);color:var(--color-text-primary);outline:none;transition:all .2s ease}.tc-toolbar-search input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #154eeb1a}.tc-toolbar-search .tc-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.tc-toolbar-filters{display:flex;align-items:center;gap:12px}.tc-custom-select-container{position:relative}.tc-custom-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:0 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.tc-custom-select-trigger.is-open,.tc-custom-select-trigger:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #154eeb1a}.tc-custom-select-value{font-size:13px;color:var(--color-text-tertiary);font-weight:600}.tc-custom-select-value.has-value{color:var(--color-text-primary);font-weight:700}.tc-custom-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.tc-custom-select-option{padding:10px 12px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:var(--color-text-secondary);font-weight:600;transition:all .15s}.tc-custom-select-option:hover{background:var(--color-background)}.tc-custom-select-option.selected{color:var(--color-primary);font-weight:700}.tc-custom-select-arrow{transition:transform .2s;color:var(--color-text-tertiary)}.is-open .tc-custom-select-arrow{transform:rotate(180deg)}.tc-check-icon{color:var(--color-primary)}.tc-date-range-container{display:flex;align-items:center;gap:8px;height:40px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;transition:all .2s ease}.tc-date-range-container:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #154eeb1a}.tc-date-range-container input{background:transparent;border:none;font-size:12px;font-weight:600;color:var(--color-text-primary);outline:none;cursor:pointer;font-family:var(--font-primary)}.tc-date-range-sep{color:var(--color-text-tertiary);font-size:11px;font-weight:700}.tc-sync-btn{height:40px;background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-soft);padding:0 16px;border-radius:8px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;font-family:var(--font-primary)}.tc-sync-btn:hover{background:var(--color-primary);color:#fff}.tc-desktop-only{display:flex}.tc-mobile-only{display:none!important}.tc-tracking-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.tc-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px}.tc-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;align-content:start;align-items:start;max-width:1800px;margin:0 auto;padding-bottom:60px}.tc-lead-card{background:#f4f7fc;border:1px solid #dbe2ef;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000005,0 1px 2px #00000003;display:flex;flex-direction:column;gap:12px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.tc-lead-card:hover{transform:translateY(-3px);box-shadow:0 12px 20px -8px #0000000f,0 4px 12px #00000005;border-color:#cbd5e1}.tc-card-top-row{display:flex;justify-content:space-between;align-items:flex-start}.tc-lead-basic-info{display:flex;flex-direction:column}.tc-lead-card-name{font-size:15px;font-weight:700;color:var(--color-text-primary);margin:0}.tc-lead-card-id{font-size:10px;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:1px 5px;border-radius:4px;width:fit-content;margin-top:4px}.tc-badge-status{padding:3px 8px;border-radius:99px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;width:fit-content;display:inline-flex;align-items:center}.tc-badge-status.contacted{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.tc-badge-status.new{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.tc-badge-status.hot{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.tc-badge-status.warm{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.tc-badge-status.cold{background:#f0f9ff;color:#075985;border:1px solid #bae6fd}.tc-details-body{display:flex;flex-direction:column;gap:8px;padding-top:5px}.tc-vehicle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.tc-preferred-vehicle-badge{background:#fff;color:#334155;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:600;border:1px solid rgba(0,0,0,.08);display:inline-flex;align-items:center;gap:4px}.tc-preferred-vehicle-badge svg{color:#64748b}.tc-last-call-val{font-weight:700;color:#0f172a;font-size:12px}.tc-contact-section{display:flex;flex-direction:column;gap:8px;padding:8px 0;border-top:1px dashed rgba(0,0,0,.08);border-bottom:1px dashed rgba(0,0,0,.08)}.tc-contact-row{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#475569;font-weight:500}.tc-contact-row.inline-two{display:flex;justify-content:space-between;align-items:center;gap:12px}.tc-contact-row.inline-two .tc-contact-item{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#475569;font-weight:500}.tc-contact-row.inline-two .tc-contact-item svg.tc-card-icon{color:#3b82f6}.tc-contact-row.inline-two .tc-contact-item:last-child svg.tc-card-icon{color:#64748b}.tc-contact-row.inline-two .tc-contact-item:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tc-contact-row.inline-two .tc-contact-item:last-child{flex:0 0 auto;justify-content:flex-end}.tc-card-actions{display:flex;gap:10px;padding-top:4px}.tc-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;border:none;font-family:var(--font-primary)}.tc-action-btn.play{background:var(--color-primary-soft);color:var(--color-primary)}.tc-action-btn.play:hover,.tc-action-btn.playing{background:var(--color-primary);color:#fff}.tc-action-btn.no-audio{background:var(--color-background);color:var(--color-text-tertiary);opacity:.6;cursor:not-allowed}.tc-records-floating{position:fixed;bottom:16px;left:16px;background:var(--color-surface);padding:10px 20px;border-radius:100px;box-shadow:var(--shadow-lg);font-size:12px;font-weight:700;color:var(--color-primary);border:1px solid var(--color-surface-border);z-index:100}.tc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--color-text-tertiary);width:100%}.tc-empty-icon{width:64px;height:64px;border-radius:16px;background:var(--color-primary-soft);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:16px}.tc-empty-state h3{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.tc-empty-state p{font-size:14px;color:var(--color-text-secondary)}.tc-filter-fab{position:fixed;bottom:16px;right:16px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;box-shadow:0 10px 25px #0000004d;display:none;align-items:center;justify-content:center;z-index:1000;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tc-filter-fab:hover{transform:translateY(-4px);box-shadow:0 15px 30px #0006}.tc-filter-sheet-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:flex-end}.tc-filter-sheet{background:var(--color-surface);width:100%;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom);overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.tc-filter-sheet-header{padding:12px 20px 0;flex-shrink:0}.tc-sheet-handle{width:36px;height:5px;background:var(--color-surface-border);border-radius:10px;margin:0 auto 16px}.tc-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tc-header-content h3{margin:0;font-size:18px;font-weight:700;color:var(--color-text-primary)}.tc-close-sheet-btn{background:var(--color-background);border:none;color:var(--color-text-secondary);padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.tc-filter-sheet-body{padding:24px 20px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.tc-filter-group{display:flex;flex-direction:column;gap:12px}.tc-filter-group label{font-size:11px;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.tc-filter-options{display:flex;flex-wrap:wrap;gap:8px}.tc-filter-pill{padding:10px 18px;border-radius:12px;border:1px solid var(--color-surface-border);background:var(--color-background);color:var(--color-text-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:var(--font-primary)}.tc-filter-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tc-sheet-clear-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#ef444414;color:var(--color-error);border:none;border-radius:12px;padding:14px;font-weight:700;margin-top:8px;font-size:14px;cursor:pointer;font-family:var(--font-primary)}.tc-filter-sheet-footer{padding:16px 20px 32px;border-top:1px solid var(--color-surface-border)}.tc-apply-btn{width:100%;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));color:#fff;border:none;padding:16px;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 10px 15px -3px #00000026;transition:all .2s;font-family:var(--font-primary)}.tc-apply-btn:hover{opacity:.95;transform:translateY(-1px)}@media screen and (max-width:1024px){.tc-desktop-only{display:none!important}.tc-mobile-only{display:flex!important}.tc-toolbar{padding:12px 16px}.tc-toolbar-search{flex:1;max-width:none;width:auto}.tc-sync-btn.tc-mobile-only{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tc-filter-fab{display:flex}.tc-tracking-content{padding:0}}@media screen and (max-width:768px){.tc-records-floating{display:none!important}.tc-cards-grid{grid-template-columns:1fr}}.cq-page{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.cq-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);padding:16px 24px;border-bottom:1px solid var(--color-surface-border);z-index:10;flex-shrink:0}.cq-toolbar-actions{display:flex;align-items:center;gap:12px}.cq-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none}.cq-tabs::-webkit-scrollbar{display:none}.cq-tab-btn{background:var(--color-surface);border:1px solid var(--color-surface-border);color:var(--color-text-secondary);padding:8px 18px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:8px}.cq-tab-btn:hover{background:var(--color-background);color:var(--color-text-primary);border-color:#cbd5e1}.cq-tab-btn.active{background:var(--color-primary);color:#fff;border-color:transparent;box-shadow:0 4px 12px #154eeb33}.cq-tab-count{background:var(--color-background);color:var(--color-text-tertiary);padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700}.cq-tab-btn.active .cq-tab-count{background:#fff3;color:#fff}.cq-success-overlay{position:fixed;top:50%;left:60%;transform:translate(-50%,-50%);background:var(--color-surface);padding:32px;border-radius:20px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1000;border:1px solid var(--color-surface-border)}.cq-success-overlay span{font-weight:700;font-size:16px;color:var(--color-text-primary)}.cq-scroll-area{flex:1;overflow-y:auto;padding:24px;background:var(--color-background)}.cq-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch;max-width:1400px;margin:0 auto}.cq-customer-card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:12px;padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 4px 6px -1px #0000000d}.cq-accent-bar{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.cq-customer-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.cq-name-avatar{width:56px;height:56px;background:var(--color-primary-soft);color:var(--color-primary);font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:16px;flex-shrink:0}.cq-name-status h2{font-size:22px;font-weight:700;margin:0 0 4px;color:var(--color-text-primary)}.cq-mobile-text{color:var(--color-text-secondary);font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px;margin:0}.cq-customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;flex:1}.cq-field-group{display:flex;flex-direction:column;gap:6px}.cq-field-group.cq-full-width{grid-column:1 / -1}.cq-field-group label{font-size:11px;text-transform:uppercase;font-weight:700;color:var(--color-text-tertiary);letter-spacing:.5px}.cq-field-value{font-weight:600;font-size:14px;color:var(--color-text-primary);display:flex;align-items:center;gap:6px}.cq-car-highlight{color:var(--color-primary)!important;font-weight:700!important}.cq-status-badge-mini{background:var(--color-background);padding:0 16px;border-radius:8px;width:fit-content;height:36px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--color-text-secondary);border:1px solid var(--color-surface-border)}.cq-notes-box{background:var(--color-background);border:1px solid var(--color-surface-border);padding:12px;border-radius:8px;font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.cq-queue-nav{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--color-surface-border)}.cq-nav-arrow{width:40px;height:40px;border-radius:10px;border:1px solid var(--color-surface-border);background:var(--color-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--color-text-primary)}.cq-nav-arrow:not(:disabled):hover{border-color:var(--color-primary);color:var(--color-primary)}.cq-nav-arrow:disabled{opacity:.4;cursor:not-allowed}.cq-step-info{font-size:12px;font-weight:600;color:var(--color-text-tertiary)}.cq-actions-card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:24px;height:100%;box-shadow:0 4px 6px -1px #0000000d}.cq-actions-block{display:flex;flex-direction:column;gap:12px}.cq-section-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.5px}.cq-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cq-status-btn{padding:12px;border-radius:10px;border:1px solid var(--color-surface-border);background:var(--color-surface);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;font-family:var(--font-primary);color:var(--color-text-primary)}.cq-status-btn:hover{background:var(--color-background)}.cq-status-btn.active{border-color:var(--accent-color);background:var(--accent-color);color:#fff}.cq-textarea{width:100%;min-height:80px;border-radius:8px;border:1px solid #e2e8f0;padding:12px;font-size:13.5px;resize:none;font-family:var(--font-primary);color:var(--color-text-primary);background:#f1f5f9;outline:none;transition:all .2s ease}.cq-textarea:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #154eeb1a}.cq-date-picker{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;background:#f1f5f9;padding:10px 12px;border-radius:8px;color:var(--color-text-secondary);transition:all .2s ease;height:40px}.cq-date-picker:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #154eeb1a}.cq-date-picker input{border:none;font-size:13.5px;font-weight:600;outline:none;flex:1;font-family:var(--font-primary);color:var(--color-text-primary);background:transparent}.cq-submit-btn{padding:16px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s;font-family:var(--font-primary);box-shadow:0 8px 20px -5px #0003}.cq-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px -5px #00000040}.cq-submit-btn:disabled{opacity:.6;cursor:not-allowed}.cq-custom-select{position:relative;-webkit-user-select:none;user-select:none}.cq-select-trigger{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--color-text-primary);transition:all .2s ease}.cq-select-trigger:hover{border-color:var(--color-primary)}.cq-select-trigger.open,.cq-select-trigger:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #154eeb1a}.cq-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:10px;box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.cq-select-option{padding:10px 12px;font-size:13px;cursor:pointer;transition:all .2s;color:var(--color-text-secondary)}.cq-select-option:hover{background:var(--color-background)}.cq-select-option.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.cq-empty-queue{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;padding:100px 20px;background:var(--color-surface);border-radius:20px;border:1px dashed var(--color-surface-border);text-align:center}.cq-empty-content h2{font-size:24px;font-weight:800;margin-bottom:8px;color:var(--color-text-primary)}.cq-empty-content p{color:var(--color-text-secondary);margin-bottom:24px}.cq-back-btn{padding:12px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s;font-family:var(--font-primary)}.cq-back-btn:hover{transform:translateY(-1px)}.cq-desktop-only{display:flex!important}.cq-mobile-only{display:none!important}@media(max-width:1024px){.cq-desktop-only{display:none!important}.cq-mobile-only{display:flex!important}.cq-layout{grid-template-columns:1fr}.cq-customer-fields{grid-template-columns:1fr;gap:12px}.cq-field-group.cq-full-width{grid-column:span 1}.cq-success-overlay{left:50%}.cq-scroll-area{padding:16px}.cq-filter-fab{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;box-shadow:0 10px 25px #0000004d;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000}.cq-filter-sheet-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:flex-end}.cq-filter-sheet{background:var(--color-surface);width:100%;border-top-left-radius:24px;border-top-right-radius:24px;padding:20px;box-shadow:0 -10px 40px #0000001a}.cq-sheet-handle{width:40px;height:4px;background:var(--color-surface-border);border-radius:2px;margin:0 auto 20px}.cq-filter-sheet-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.cq-header-content{display:flex;justify-content:space-between;align-items:center}.cq-header-content h3{margin:0;font-size:18px;font-weight:800;color:var(--color-primary)}.cq-close-sheet-btn{background:var(--color-background);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer}.cq-filter-group{display:flex;flex-direction:column;gap:12px}.cq-filter-group label{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.5px}.cq-mobile-queue-tabs{display:flex;flex-direction:column;gap:8px}.cq-mobile-tab-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--color-background);border:1px solid var(--color-surface-border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.cq-mobile-tab-item.active{background:var(--color-primary-soft);border-color:var(--color-primary)}.cq-mobile-tab-item .cq-tab-label{font-weight:700;color:var(--color-text-primary);font-size:14px}.cq-mobile-tab-item.active .cq-tab-label{color:var(--color-primary)}.cq-mobile-tab-item .cq-tab-count{background:var(--color-surface);color:var(--color-text-secondary);padding:4px 10px;border-radius:8px;font-size:12px;font-weight:800;border:1px solid var(--color-surface-border)}.cq-mobile-tab-item.active .cq-tab-count{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}}@media screen and (max-width:768px){.cq-customer-card{padding:16px}.cq-actions-card{padding:16px;gap:16px}.cq-customer-header{margin-bottom:12px;gap:12px}.cq-name-avatar{width:48px;height:48px;font-size:18px;border-radius:12px}.cq-name-status h2{font-size:18px;margin-bottom:2px}.cq-customer-fields{gap:10px;margin-bottom:16px}.cq-field-group{gap:2px}.cq-field-value{font-size:13px}.cq-notes-box{padding:10px 12px;font-size:12px}.cq-queue-nav{padding-top:12px}.cq-status-grid{gap:6px}.cq-status-btn{padding:8px;font-size:12px}.cq-textarea{min-height:60px}}.ta-page{background:var(--color-background);height:100%;display:flex;flex-direction:column;overflow:hidden}.ta-toolbar{display:flex;justify-content:space-between;align-items:center;gap:32px;background:var(--color-surface);padding:16px 24px;border-bottom:1px solid var(--color-surface-border);flex-shrink:0;z-index:100;overflow:visible}.ta-tabs-container{flex:1}.ta-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none}.ta-tabs::-webkit-scrollbar{display:none}.ta-tab-btn{background:var(--color-surface);border:1px solid var(--color-surface-border);color:var(--color-text-secondary);padding:8px 18px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ta-tab-btn:hover{background:var(--color-background);color:var(--color-text-primary);border-color:#cbd5e1}.ta-tab-btn.active{background:var(--color-primary);color:#fff;border-color:transparent;box-shadow:0 4px 12px #154eeb33}.ta-toolbar-filters{display:flex;align-items:center;gap:12px;overflow:visible}.ta-custom-select-container{position:relative}.ta-custom-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:0 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.ta-custom-select-trigger.is-open,.ta-custom-select-trigger:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #154eeb1a}.ta-custom-select-value{font-size:13px;color:var(--color-text-tertiary);font-weight:600}.ta-custom-select-value.has-value{color:var(--color-text-primary);font-weight:700}.ta-custom-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.ta-custom-select-option{padding:10px 12px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:var(--color-text-secondary);font-weight:600;transition:all .15s}.ta-custom-select-option:hover{background:var(--color-background)}.ta-custom-select-option.selected{color:var(--color-primary);font-weight:700}.ta-custom-select-arrow{transition:transform .2s;color:var(--color-text-tertiary)}.is-open .ta-custom-select-arrow{transform:rotate(180deg)}.ta-check-icon{color:var(--color-primary)}.ta-date-picker{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:var(--color-text-secondary);transition:all .2s ease}.ta-date-picker:hover{border-color:var(--color-primary)}.ta-date-picker:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #154eeb1a}.ta-date-picker input{border:none;background:transparent;font-size:13px;font-weight:600;color:var(--color-text-primary);outline:none;cursor:pointer;font-family:var(--font-primary)}.ta-scroll-container{flex:1;overflow-y:auto;padding:16px 24px}.ta-content-area{display:flex;flex-direction:column;gap:24px}.ta-view-wrapper{display:flex;flex-direction:column;gap:16px}.ta-table-container{background:var(--color-surface);border-radius:12px;border:1px solid var(--color-surface-border);box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.ta-table{width:100%;border-collapse:collapse}.ta-table th{background:var(--color-background);padding:16px 24px;text-align:left;font-size:11px;font-weight:800;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--color-surface-border)}.ta-table td{padding:18px 24px;font-size:14px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-surface-border)}.ta-table tbody tr:hover{background:var(--color-background)}.ta-bold-name{font-weight:700;color:var(--color-text-primary)}.ta-flex-item{display:flex;align-items:center;gap:10px;font-weight:600}.ta-car-text{color:var(--color-primary)!important;font-weight:700!important}.ta-status-pill{padding:4px 12px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;width:fit-content;white-space:nowrap;letter-spacing:.5px}.ta-status-pill.connected{background:#dcfce7;color:#059669}.ta-status-pill.not-connected{background:#ef444414;color:#dc2626}.ta-status-pill.busy{background:#fef3c7;color:#d97706}.ta-caller-cell{font-weight:700;color:var(--color-primary)}.ta-text-btn{background:transparent;border:1px solid var(--color-surface-border);color:var(--color-text-secondary);padding:6px 12px;border-radius:6px;font-weight:700;font-size:11px;cursor:pointer;transition:all .2s;font-family:var(--font-primary)}.ta-text-btn:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.ta-desktop-only{display:block}.ta-mobile-only{display:none}@media(max-width:1024px){.ta-desktop-only{display:none!important}.ta-mobile-only{display:block!important}.ta-toolbar{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.ta-tabs-container{width:100%;overflow-x:auto;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none}.ta-tabs-container::-webkit-scrollbar{display:none}.ta-tabs{width:max-content;display:flex}.ta-tab-btn{padding:8px 16px;font-size:12px;white-space:nowrap}.ta-toolbar-filters{display:none!important}.ta-toolbar-filters .ta-custom-select-container,.ta-toolbar-filters .ta-date-picker{width:100%!important;min-width:0!important}.ta-scroll-container{padding:12px}.ta-mobile-cards{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.ta-mobile-card{background:var(--color-surface);border-radius:12px;border:1px solid var(--color-surface-border);padding:16px;box-shadow:0 4px 6px -1px #0000000d}.ta-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-surface-border)}.ta-mobile-card-title{display:flex;flex-direction:column;gap:4px}.ta-mobile-card-header .ta-bold-name{font-size:15px}.ta-mobile-card-time,.ta-mobile-card-date{font-size:11px;color:var(--color-text-tertiary);display:flex;align-items:center;gap:4px}.ta-mobile-card-body{display:flex;flex-direction:column;gap:8px}.ta-mobile-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.ta-detail-label{color:var(--color-text-tertiary);font-weight:600;font-size:11px;text-transform:uppercase}.ta-detail-value{font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:6px}}@media(max-width:640px){.ta-toolbar-filters{grid-template-columns:1fr}}.ta-mobile-filter-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #154eeb4d;border:none;z-index:99;cursor:pointer;transition:transform .2s,background .2s}.ta-mobile-filter-fab:active{transform:scale(.95)}.ta-mobile-bottom-sheet-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000}.ta-mobile-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-radius:24px 24px 0 0;z-index:1001;display:flex;flex-direction:column;max-height:90vh;box-shadow:0 -10px 40px #0000001a}.ta-bottom-sheet-handle{width:36px;height:4px;background:#e2e8f0;border-radius:4px;margin:12px auto 0}.ta-bottom-sheet-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--color-surface-border)}.ta-bottom-sheet-header h3{margin:0;font-size:16px;font-weight:700;color:var(--color-text-primary)}.ta-close-sheet-btn{background:transparent;border:none;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px}.ta-bottom-sheet-content{padding:24px;overflow-y:auto;display:flex;flex-direction:column}.ta-mobile-filters{display:flex;flex-direction:column;gap:20px}.ta-filter-group{display:flex;flex-direction:column;gap:8px}.ta-filter-group label{font-size:12px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase}.ta-apply-filters-btn{margin-top:8px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:14px;font-size:14px;font-weight:700;cursor:pointer}.camp-management-page{height:100%}.camp-list-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background:#f1f5f9}.camp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.05);z-index:10;flex-shrink:0}.camp-toolbar-search{position:relative;display:flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;width:280px;height:40px;transition:all .2s ease}.camp-toolbar-search:focus-within{border-color:var(--color-primary);background:var(--white);box-shadow:0 0 0 3px #154eeb1a}.camp-toolbar-search input{background:transparent;border:none;outline:none;font-size:13.5px;color:var(--text-primary);width:100%;height:100%}.camp-toolbar-search .camp-search-icon{color:#94a3b8;margin-right:8px}.camp-toolbar-filters{display:flex;align-items:center;gap:12px}.camp-custom-select-container{position:relative}.camp-custom-select-trigger{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background:var(--white);border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.camp-custom-select-trigger:hover{border-color:#cbd5e1}.camp-custom-select-trigger.is-open{border-color:var(--color-primary);box-shadow:0 0 0 3px #154eeb1a;outline:none}.camp-custom-select-value{font-size:13.5px;color:var(--text-primary);font-weight:500}.camp-custom-select-value.has-value{color:var(--text-primary)}.camp-custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--white);border-radius:8px;box-shadow:0 4px 12px #0000001a;border:1px solid var(--surface-border);z-index:100;padding:4px}.camp-custom-select-option{padding:8px 12px;font-size:13.5px;color:var(--text-primary);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:space-between;transition:background .2s ease}.camp-custom-select-option:hover{background:#f1f5f9}.camp-custom-select-option.selected{background:#e0e7ff;color:var(--color-primary);font-weight:600}.camp-check-icon{color:var(--color-primary)}.camp-add-btn{background:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px}.camp-scroll-container{flex:1;overflow-y:auto;padding:24px}.camp-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;align-content:start}.camp-card{background:#f4f7fc;border:1px solid #dbe2ef;border-radius:12px;padding:14px;box-shadow:0 1px 3px #00000005,0 1px 2px #00000003;display:flex;flex-direction:column;gap:10px;transition:all .25s cubic-bezier(.4,0,.2,1)}.camp-card:hover{transform:translateY(-3px);box-shadow:0 12px 20px -8px #0000000f,0 4px 12px #00000005;border-color:#cbd5e1}.camp-card-top-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.camp-basic-info{display:flex;flex-direction:row;align-items:center;gap:8px}.camp-card-name{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.camp-card-id{font-size:10px;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:1px 5px;border-radius:4px;width:fit-content}.camp-card .camp-status-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.05em}.camp-status-pill.active{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.camp-status-pill.completed{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.camp-card-status-row{margin-top:-6px}.camp-card-middle-row{margin-top:-2px}.camp-badge-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.camp-date-badge{font-size:11px;color:#64748b;display:flex;align-items:center;gap:4px;background:#f1f5f9;padding:2px 6px;border-radius:4px;width:fit-content;white-space:nowrap}.camp-leads-label{font-size:11px;font-weight:600;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;padding:1.5px 6px;border-radius:4px;display:flex;align-items:center;gap:4px;white-space:nowrap}.camp-leads-label svg{color:#6366f1}.camp-card-contact-section{display:flex;flex-direction:column;gap:6px;padding:6px 0;border-top:1px dashed rgba(0,0,0,.08);border-bottom:1px dashed rgba(0,0,0,.08);background:transparent}.camp-contact-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px;white-space:nowrap}.camp-contact-item svg{color:#94a3b8}.camp-card-footer-row{margin-top:auto}.camp-exec-area{display:flex;align-items:center;justify-content:space-between}.camp-exec-lbl{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase}.camp-exec-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:600;border:1px solid #c7d2fe}.camp-card-actions{display:flex;gap:8px;padding-top:2px}.camp-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;border:none;font-family:var(--font-primary)}.camp-action-btn.view{background:var(--color-primary-soft);color:var(--color-primary)}.camp-action-btn.view:hover{background:var(--color-primary);color:#fff}.camp-action-btn.edit{background:#e2e8f0;color:#475569}.camp-action-btn.edit:hover{background:#cbd5e1;color:#1e293b}.camp-action-btn.bulk{background:#fefce8;color:#a16207}.camp-action-btn.bulk:hover{background:#fef9c3;color:#854d0e}.camp-details-view{padding:24px;animation:fadeIn .4s ease;height:100%;overflow-y:auto;background:#f1f5f9}.camp-details-header{margin-bottom:32px}.camp-back-link{background:#fff;border:1px solid #e2e8f0;color:var(--color-text-secondary);padding:6px 12px;border-radius:20px;font-weight:700;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;margin-bottom:24px;transition:all .2s;width:fit-content}.camp-back-link:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.camp-header-main{display:flex;justify-content:space-between;align-items:flex-start}.camp-title-group h1{font-size:28px;font-weight:800;color:var(--color-text-primary);margin:0 0 12px}.camp-badge-row{display:flex;gap:12px;align-items:center}.camp-status-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:800;text-transform:uppercase}.camp-status-pill.active{background:#dcfce7;color:#059669}.camp-status-pill.completed{background:#f1f5f9;color:#475569}.camp-location-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;background:var(--color-primary-soft);color:var(--color-primary);font-size:12px;font-weight:700}.camp-outline-btn{padding:10px 20px;border-radius:10px;background:#fff;border:1.5px solid var(--color-primary);color:var(--color-primary);font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.camp-outline-btn:hover{background:var(--color-primary);color:#fff}.camp-details-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}.camp-detail-pane{background:#fff;border:1px solid var(--color-surface-border);border-radius:20px;padding:28px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000000d}.camp-pane-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.camp-pane-title{font-size:17px;font-weight:800;color:var(--color-text-primary);margin-bottom:0}.camp-detail-pane>.camp-pane-title{margin-bottom:24px}.camp-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.camp-info-item label{display:block;font-size:11px;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.camp-info-item .camp-val{font-size:15px;font-weight:700;color:var(--color-text-secondary)}.camp-info-item.camp-full-width{grid-column:span 2}.camp-val.camp-description{font-weight:400;line-height:1.7;color:#64748b;padding:16px;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0}.camp-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.camp-metric-box{padding:20px;border-radius:16px;background:#f8fafc;border:1px solid #f1f5f9;display:flex;gap:16px;align-items:center;transition:transform .2s}.camp-metric-box:hover{transform:translateY(-4px);border-color:var(--color-primary-soft)}.camp-m-icon{width:48px;height:48px;border-radius:12px;background:#fff;color:var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000000d}.camp-m-icon.secondary{color:#8b5cf6}.camp-m-icon.success{color:#10b981}.camp-m-data{display:flex;flex-direction:column}.camp-m-val{font-size:22px;font-weight:800;color:var(--color-text-primary)}.camp-m-label{font-size:12px;font-weight:600;color:var(--color-text-tertiary)}.camp-mini-lead-list{display:flex;flex-direction:column;gap:12px}.camp-mini-lead-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #f1f5f9;transition:all .2s;cursor:pointer}.camp-mini-lead-card:hover{background:#fff;border-color:var(--color-primary-soft);box-shadow:0 4px 6px -1px #0000000d}.camp-lead-avatar{width:40px;height:40px;border-radius:10px;background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.camp-lead-info{flex:1;display:flex;flex-direction:column;gap:2px}.camp-lead-info .camp-lead-name{font-size:14px;font-weight:700;color:var(--color-text-primary)}.camp-lead-info .camp-lead-sub{font-size:11px;color:var(--color-text-tertiary)}.camp-text-link{background:none;border:none;color:var(--color-primary);font-weight:700;font-size:13px;cursor:pointer}.camp-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.camp-modal{background:#fff;width:100%;max-width:500px;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.camp-modal-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.camp-modal-header h2{font-size:20px;font-weight:800;color:#0f172a;margin:0}.camp-close-btn{background:#f1f5f9;border:none;color:#64748b;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.camp-form{padding:20px}.camp-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.camp-form-group.camp-full-width{grid-column:span 2}.camp-form-group label{display:block;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}.camp-form-group input,.camp-form-group textarea{width:100%;padding:10px 14px;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:10px;font-size:13px;font-weight:500;outline:none;transition:all .2s;font-family:var(--font-primary)}.camp-form-group input:focus,.camp-form-group textarea:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.camp-form-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f1f5f9}.camp-cancel-btn{padding:12px 24px;background:#f1f5f9;color:#475569;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer}.camp-save-btn{padding:12px 28px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 6px -1px #0a2f6b4d}.camp-bulk-modal{max-width:580px}.camp-header-with-icon{display:flex;align-items:center;gap:16px}.camp-header-icon-box.camp-bulk-icon{width:44px;height:44px;background:#fef9c3;color:#a16207;border-radius:12px;display:flex;align-items:center;justify-content:center}.camp-header-text h2{margin:0}.camp-header-text p{margin:4px 0 0;font-size:13px;color:#64748b;font-weight:500}.camp-bulk-modal-body{padding:32px}.camp-bulk-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.camp-bulk-option-card{padding:24px;border-radius:20px;border:1px solid #f1f5f9;background:#f8fafc;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.camp-bulk-option-card:hover{transform:translateY(-8px);border-color:var(--color-primary-soft);background:#fff;box-shadow:0 12px 24px -10px #00000014}.camp-opt-icon-circle{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000000d;transition:all .3s}.upload .camp-opt-icon-circle{color:var(--color-primary)}.download .camp-opt-icon-circle{color:#10b981}.camp-bulk-option-card:hover .camp-opt-icon-circle{transform:scale(1.1)}.camp-opt-content h3{font-size:16px;font-weight:800;color:#1e293b;margin-bottom:6px}.camp-opt-content p{font-size:12px;color:#64748b;line-height:1.5;margin:0}.camp-opt-action-btn{width:100%;padding:10px;border-radius:10px;font-weight:700;font-size:12px;cursor:pointer;transition:all .2s;border:none}.camp-opt-action-btn.primary{background:var(--color-primary);color:#fff}.camp-opt-action-btn.outline{background:#fff;border:1.5px solid #10b981;color:#10b981}.camp-opt-action-btn.outline:hover{background:#f0fdf4}.camp-bulk-info-banner{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#eff6ff;border-radius:12px;color:#1e40af;font-size:12px;line-height:1.5;font-weight:500}.camp-bulk-info-banner svg{flex-shrink:0;margin-top:2px;color:#3b82f6}.camp-upload-success,.camp-upload-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.camp-success-icon-check{width:100px;height:100px;background:#dcfce7;color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 10px 15px -3px #10b98133}.camp-upload-success h3,.camp-upload-error h3{font-size:24px;font-weight:800;color:#1e293b;margin-bottom:8px}.camp-upload-success p{color:#64748b;font-weight:500}.camp-error-icon-box{width:80px;height:80px;background:#fee2e2;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 10px 15px -3px #ef44441a}.camp-upload-error p{color:#ef4444;font-weight:600;font-size:14px;max-width:320px;margin-bottom:24px;line-height:1.5}.camp-retry-btn{padding:12px 32px;background:#ef4444;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ef444440}.camp-retry-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #ef444459}.camp-file-confirm{padding:20px 10px;display:flex;flex-direction:column;gap:32px}.camp-file-info-header{display:flex;align-items:center;gap:20px;padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #f1f5f9}.camp-file-icon-circle{width:60px;height:60px;background:#fff;color:var(--color-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000000d}.camp-file-meta h3{font-size:16px;font-weight:800;color:#1e293b;margin-bottom:4px;word-break:break-all}.camp-file-meta p{font-size:13px;color:#64748b;margin:0}.camp-confirm-actions{display:flex;flex-direction:row;gap:12px;width:100%;margin-top:8px}.camp-upload-now-btn,.camp-change-file-btn{flex:1 1 0;min-width:0;height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.camp-upload-now-btn{background:var(--color-primary);color:#fff;border:none;box-shadow:0 4px 12px #0284c733}.camp-upload-now-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0284c74d}.camp-upload-now-btn:disabled{opacity:.7;cursor:not-allowed}.camp-change-file-btn{background:transparent;color:#64748b;border:1.5px solid #e2e8f0}.camp-change-file-btn:hover:not(:disabled){background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.camp-spinner-loader{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.camp-desktop-only{display:flex}.camp-mobile-only{display:none!important}.camp-fab-group{position:fixed;bottom:32px;right:24px;display:none;flex-direction:column-reverse;gap:16px;z-index:1500}.camp-fab{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 8px 24px #00000026;transition:all .2s cubic-bezier(.4,0,.2,1)}.camp-add-fab,.camp-filter-fab{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)!important;color:var(--white)!important;box-shadow:0 4px 16px #154eeb40!important;border:none!important}.camp-filter-sheet-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:flex-end}.camp-filter-sheet{background:#fff;width:100%;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom);max-height:90vh;display:flex;flex-direction:column}.camp-filter-sheet-header{padding:12px 20px 0}.camp-sheet-handle{width:36px;height:5px;background:#e2e8f0;border-radius:10px;margin:0 auto 16px}.camp-fheader-content{display:flex;justify-content:space-between;align-items:center}.camp-fheader-content h3{margin:0;font-size:18px;font-weight:700}.camp-close-sheet-btn{background:#f1f5f9;border:none;padding:8px;border-radius:50%;color:#64748b}.camp-filter-sheet-body{padding:24px 20px;display:flex;flex-direction:column;gap:24px}.camp-filter-group label{display:block;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:12px}.camp-filter-options{display:flex;flex-wrap:wrap;gap:10px}.camp-filter-pill{padding:8px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.camp-filter-pill.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.camp-filter-sheet-footer{padding:16px 20px 32px;border-top:1px solid #f1f5f9}.camp-apply-btn{width:100%;padding:16px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:15px;box-shadow:0 4px 12px #0284c733}@media(max-width:1024px){.camp-details-grid{grid-template-columns:1fr}.camp-metrics-row{grid-template-columns:1fr 1fr}.camp-toolbar-search{width:100%!important;max-width:none!important}.camp-list-container{background:var(--white)!important}.camp-scroll-container{padding:16px!important;background:var(--white)!important}.camp-cards-grid{gap:16px!important}}@media(max-width:768px){.camp-toolbar{flex-direction:column;align-items:stretch;padding:16px!important;gap:12px!important}.camp-toolbar-filters{overflow-x:auto;padding-bottom:8px}.camp-desktop-only{display:none!important}.camp-mobile-only{display:flex!important}.camp-fab-group{display:flex!important;flex-direction:column-reverse!important;gap:16px!important}.camp-metrics-row,.camp-info-grid{grid-template-columns:1fr}.camp-info-item.camp-full-width{grid-column:span 1}}@media(max-width:580px){.camp-bulk-options-grid{grid-template-columns:1fr}}.main-content:has(.branch-container){overflow:hidden!important}.branch-container{padding:0;margin:0;background:var(--staff-page-bg);height:calc(100vh - 72px);width:100%;display:flex;flex-direction:column;overflow:hidden}.branch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;flex-wrap:wrap;background:var(--staff-page-bg);flex-shrink:0;border-bottom:1px solid var(--staff-card-border)}.branch-search-box{position:relative;flex:1;max-width:360px;min-width:200px}.branch-search-box input{width:100%;height:42px;background:var(--staff-card-bg);border:1px solid var(--staff-input-border);border-radius:10px;padding:0 14px 0 42px;font-size:13.5px;font-weight:500;color:var(--staff-text-dark);box-shadow:var(--staff-input-inset-shadow);transition:all .2s cubic-bezier(.4,0,.2,1)}.branch-search-box input::placeholder{color:var(--staff-text-faint);font-weight:400}.branch-search-box input:focus{border-color:var(--color-primary);box-shadow:var(--staff-input-focus-shadow),var(--staff-input-inset-shadow);outline:none}.branch-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--staff-text-faint);pointer-events:none}.branch-toolbar-actions{display:flex;align-items:center;gap:10px}.branch-filter-tabs{display:flex;gap:8px}.branch-filter-pill{background:var(--staff-card-bg);border:1px solid var(--staff-pill-border);color:var(--staff-text-muted);padding:8px 18px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.branch-filter-pill:hover{background:var(--staff-pill-hover-bg);color:var(--staff-text-mid);border-color:var(--staff-pill-hover-border)}.branch-filter-pill.active{background:var(--staff-pill-active-bg);color:var(--white);border-color:var(--transparent);box-shadow:var(--staff-pill-active-shadow)}.branch-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;align-content:start}.branch-card{background:var(--staff-card-bg);border-radius:12px;padding:16px;border:1px solid var(--staff-card-border);box-shadow:var(--staff-card-shadow);display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease}.branch-card:hover{transform:translateY(-2px);box-shadow:var(--staff-card-shadow-hover)}.branch-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;position:relative}.branch-avatar-wrapper{position:relative;width:48px;height:48px;flex-shrink:0}.branch-icon-badge{width:100%;height:100%;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}.status-dot{position:absolute;bottom:-2px;right:-2px;width:11px;height:11px;border-radius:50%;border:2px solid var(--staff-avatar-border);z-index:2}.status-dot.active{background:var(--staff-success-badge-color);box-shadow:0 0 0 1px #10b98133}.status-dot.inactive{background:#ef4444;box-shadow:0 0 0 1px #ef444433}.branch-card-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.branch-card-name{font-size:14px;font-weight:700;color:var(--staff-text-mid);line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.branch-card-code{font-size:11px;font-weight:500;color:var(--staff-text-muted)}.branch-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}.stat-box{background:var(--staff-input-bg);padding:8px 10px;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}.stat-box-label{font-size:8px;font-weight:700;color:var(--staff-text-faint);letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px}.stat-box-value{font-size:12px;font-weight:700;color:var(--staff-text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stat-box-value.active-text{color:var(--staff-success-badge-color)}.stat-box-value.inactive-text{color:#ef4444}.branch-card-details{display:none}.branch-card-actions{display:flex;gap:6px;margin-top:auto;border-top:1px solid var(--staff-card-border);padding-top:12px}.branch-action-btn{flex:1;height:34px;border:none;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease;color:var(--white)}.branch-action-btn.view-btn{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.branch-action-btn.view-btn:hover{box-shadow:var(--staff-btn-action-shadow-hover);transform:translateY(-1px)}.branch-action-btn.edit-btn{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.branch-action-btn.edit-btn:hover{box-shadow:var(--staff-btn-action-shadow-hover);transform:translateY(-1px)}.branch-status-toggle{position:absolute;top:16px;right:16px}.toggle-switch{position:relative;width:28px;height:16px;border-radius:8px;cursor:pointer;transition:background .2s ease;border:none;padding:0}.toggle-switch.on{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.toggle-switch.off{background:var(--staff-input-border)}.toggle-switch-knob{position:absolute;top:2px;width:12px;height:12px;border-radius:50%;background:var(--white);box-shadow:0 1px 3px #0003;transition:left .2s ease}.toggle-switch.on .toggle-switch-knob{left:14px}.toggle-switch.off .toggle-switch-knob{left:2px}.branch-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--staff-card-bg);border-radius:12px;border:1px solid var(--staff-card-border);box-shadow:var(--staff-card-shadow)}.branch-pagination-info{font-size:12px;font-weight:500;color:var(--staff-text-faint)}.branch-pagination-controls{display:flex;gap:4px}.page-btn{min-width:34px;height:34px;border-radius:8px;border:1px solid var(--staff-card-border);background:var(--staff-card-bg);color:var(--staff-text-muted);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.page-btn:hover{background:var(--staff-input-bg);border-color:var(--staff-input-border-hover);color:var(--staff-text-dark)}.page-btn.active{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));color:var(--white);border-color:transparent;box-shadow:var(--staff-pill-active-shadow)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.branch-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:var(--staff-card-bg);border-radius:16px;border:1px solid var(--staff-card-border)}.branch-empty-icon{width:64px;height:64px;border-radius:50%;background:var(--staff-input-bg);display:flex;align-items:center;justify-content:center;color:var(--staff-text-faint);margin-bottom:16px}.branch-empty-state h3{font-size:16px;font-weight:700;color:var(--staff-text-mid);margin:0 0 6px}.branch-empty-state p{font-size:13px;color:var(--staff-text-faint);margin:0}.branch-filter-fab{display:none;position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;box-shadow:0 4px 16px #154eeb4d;align-items:center;justify-content:center;cursor:pointer;z-index:500;transition:transform .2s ease,box-shadow .2s ease}.branch-filter-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #154eeb66}.mobile-add-branch-fab{display:none;position:fixed;bottom:92px;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;box-shadow:0 4px 16px #154eeb4d;align-items:center;justify-content:center;cursor:pointer;z-index:500;transition:transform .2s ease,box-shadow .2s ease}.mobile-add-branch-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #154eeb66}.mobile-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-radius:24px 24px 0 0;padding:24px;z-index:9999;display:flex;flex-direction:column;max-height:80vh}.branch-bottom-sheet-content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px;overflow-y:auto;padding-bottom:16px}.filter-group-label{grid-column:1 / -1;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.sheet-filter-item{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;padding:12px 8px;border-radius:12px;border:1px solid #e2e8f0;background:transparent;cursor:pointer;transition:all .2s ease;width:100%;text-align:center;gap:8px}.sheet-filter-item:hover{border-color:#cbd5e1;background:#f8fafc}.sheet-filter-item.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:none}.sheet-filter-item.active .sheet-filter-label,.sheet-filter-item.active .sheet-filter-count{color:var(--white)}.sheet-filter-label{font-size:14px;font-weight:700;color:#475569}.sheet-filter-count{display:none}.customer-modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.customer-modal-card{background:var(--white);border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a;border:1px solid #edf2f7;display:flex;flex-direction:column;max-height:90vh;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.details-modal-card{max-width:500px!important}.modal-header-block{padding:16px 20px;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;align-items:center}.modal-header-left{display:flex;flex-direction:column;gap:2px}.modal-customer-id{font-size:10px;font-weight:800;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:4px;width:max-content;text-transform:uppercase;letter-spacing:.5px}.modal-header-block h2{font-size:16px;font-weight:800;color:#0f172a;margin:0}.btn-close-modal{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-close-modal:hover{background:#f1f5f9;color:#475569}.modal-body-scroll{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.details-header-section{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #e2e8f0;padding-bottom:14px;margin-bottom:12px}.details-header-section h3{font-size:18px;font-weight:800;color:#0f172a;margin:0}.badge-status{padding:3px 8px;border-radius:99px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;width:fit-content;display:inline-flex;align-items:center}.badge-status.active{background:#d1fae5;color:#059669;border:1px solid #a7f3d0}.badge-status.inactive{background:#fef2f2;color:#b91c1c;border:1px solid #fca5a5}.details-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-grid-tile{background:#f8fafc;border:1px solid #f1f5f9;padding:10px 12px;border-radius:8px;display:flex;flex-direction:column;gap:3px}.info-grid-tile .tile-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-grid-tile .tile-value{font-size:13px;font-weight:600;color:#0f172a}.info-grid-tile.full-width-tile{grid-column:span 2}.modal-footer-block{padding:12px 20px;border-top:1px solid #edf2f7;display:flex;justify-content:flex-end;gap:10px}.btn-form-cancel{background:transparent;border:1px solid #cbd5e1;color:#475569;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-form-cancel:hover{background:#f1f5f9}.btn-form-submit{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #154eeb26;transition:all .2s ease}.btn-form-submit:hover{transform:translateY(-1px);box-shadow:0 6px 16px #154eeb40}.btn-edit-trigger{background:var(--color-primary)!important;color:var(--white)!important}.btn-edit-trigger:hover{background:#1d4ed8!important}@keyframes slideUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1024px){.main-content>div.branch-container{padding:0!important;background:var(--white)!important;height:calc(100vh - 72px)!important;overflow:hidden!important}.branch-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px!important;background:var(--white)!important;border-bottom:1px solid #f1f5f9!important}.branch-search-box{max-width:100%}.branch-search-box input{background:#f1f5f9!important;border-color:#e2e8f0!important;box-shadow:none!important;border-radius:8px!important;height:40px!important}.branch-toolbar-actions{display:none!important}.branch-scroll-area{padding:16px!important;background:var(--white)!important}.branch-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;margin-bottom:16px!important}.branch-card{background:#f4f7fc!important;border:1px solid #dbe2ef!important;border-radius:12px!important;box-shadow:0 1px 3px #00000005,0 1px 2px #00000003!important}.branch-pagination{border-radius:10px!important}.branch-filter-fab,.mobile-add-branch-fab{display:flex}.customer-modal-overlay{align-items:flex-end!important}.customer-modal-card{width:100%!important;max-width:100%!important;margin:0!important;max-height:90vh!important;border-radius:24px 24px 0 0!important}}@media(max-width:600px){.branch-grid{grid-template-columns:1fr!important}.branch-scroll-area{padding:12px!important}.details-info-grid{grid-template-columns:1fr}.info-grid-tile.full-width-tile{grid-column:span 1}}.cardb-container{padding:24px;position:relative;min-height:100%}.cardb-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:12px;font-size:13.5px;font-weight:600;font-family:var(--font-primary);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #0000001f;white-space:nowrap}.cardb-toast.success{background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#059669}.cardb-toast.error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#dc2626}.cardb-toast .toast-icon{flex-shrink:0}.cardb-section{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:16px;padding:28px;box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .06))}.cardb-section-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cardb-section-title h3{font-size:16px;font-weight:700;color:var(--color-text-primary)}.cardb-section-title svg{color:var(--color-primary);flex-shrink:0}.cardb-section-desc{font-size:13.5px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:24px;max-width:640px}.cardb-download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cardb-download-card{display:flex;align-items:center;gap:18px;padding:24px;background:var(--color-background);border:1.5px solid var(--color-surface-border);border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.cardb-download-card:focus{outline:none}.cardb-download-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cardb-download-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:0;transition:opacity .3s ease}.cardb-download-card:hover,.cardb-download-card.upload-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #6366f11a}.cardb-download-card:hover:before{opacity:1}.cardb-download-card:disabled{opacity:.7;cursor:not-allowed}.cardb-download-card:disabled:hover{border-color:var(--color-surface-border);box-shadow:none}.cardb-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cardb-card-icon.blank{background:linear-gradient(135deg,#6366f11a,#6366f10d);color:var(--color-primary)}.cardb-card-icon.data{background:linear-gradient(135deg,#10b9811f,#10b9810d);color:#059669}.cardb-card-icon.upload{background:linear-gradient(135deg,#6366f11a,#4f46e50d);color:var(--color-primary)}.cardb-card-content{flex:1;min-width:0}.cardb-card-content h4{font-size:15px;font-weight:700;color:var(--color-text-primary);margin-bottom:6px;font-family:var(--font-heading)}.cardb-card-content p{font-size:12.5px;color:var(--color-text-secondary);line-height:1.55}.cardb-card-content p strong{color:var(--color-text-primary);font-weight:600}.cardb-card-badge{position:absolute;top:14px;right:14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:6px;background:#6366f114;color:var(--color-primary);font-family:var(--font-primary)}.cardb-card-badge.upload-badge{background:#6366f114;color:var(--color-primary)}@keyframes cardb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cardb-spinner{animation:cardb-spin 1s linear infinite}.cardb-modal-overlay{position:fixed;inset:0;background:#0f172a66;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.cardb-modal-card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:20px;width:100%;max-width:680px;box-shadow:0 20px 50px #0f172a26;display:flex;flex-direction:column;overflow:hidden;max-height:90vh}.cardb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-surface-border)}.cardb-modal-title-wrap{display:flex;align-items:center;gap:12px}.cardb-modal-success-icon{color:#10b981}.cardb-modal-title-wrap h3{font-size:17px;font-weight:700;color:var(--color-text-primary)}.cardb-modal-close{background:transparent;border:none;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease}.cardb-modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.cardb-modal-body{padding:24px;overflow-y:auto}.cardb-modal-summary-desc{font-size:13.5px;color:var(--color-text-secondary);margin-bottom:20px}.cardb-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.cardb-stat-tile{padding:16px;border-radius:12px;border:1px solid var(--color-surface-border);display:flex;flex-direction:column;align-items:center;text-align:center}.cardb-stat-tile.total{background:#6366f10a}.cardb-stat-tile.created{background:#10b9810a;border-color:#10b98126}.cardb-stat-tile.existing{background:#f59e0b0a}.cardb-stat-tile.failed{background:#ef44440a;border-color:#ef444426}.cardb-stat-num{font-size:22px;font-weight:800;line-height:1;margin-bottom:6px;font-family:var(--font-heading)}.total .cardb-stat-num{color:var(--color-primary)}.created .cardb-stat-num{color:#10b981}.existing .cardb-stat-num{color:#f59e0b}.failed .cardb-stat-num{color:#ef4444}.cardb-stat-label{font-size:11px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.cardb-modal-errors-section{border:1px solid rgba(239,68,68,.2);border-radius:12px;background:#ef444403;overflow:hidden}.cardb-errors-title{background:#ef44440d;padding:12px 16px;display:flex;align-items:center;gap:8px;color:#dc2626;font-size:13px;font-weight:700;border-bottom:1px solid rgba(239,68,68,.1)}.cardb-errors-table-container{max-height:180px;overflow-y:auto}.cardb-errors-table{width:100%;border-collapse:collapse;font-size:12.5px;text-align:left}.cardb-errors-table th{background:var(--color-background);padding:8px 16px;font-weight:700;color:var(--color-text-secondary);border-bottom:1px solid var(--color-surface-border)}.cardb-errors-table td{padding:10px 16px;border-bottom:1px solid var(--color-surface-border)}.cardb-errors-table tr:last-child td{border-bottom:none}.cardb-errors-table .row-number{font-weight:700;color:#ef4444;white-space:nowrap;width:90px}.cardb-errors-table .reason-text{color:var(--color-text-primary);font-weight:500}.cardb-modal-footer{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--color-surface-border);background:var(--color-background)}.cardb-btn-close{padding:10px 20px;border-radius:10px;background:var(--color-primary);color:#fff;font-weight:600;font-size:13.5px;border:none;transition:all .2s ease}.cardb-btn-close:hover{background:var(--color-primary-dark, #4f46e5)}@media(max-width:1024px){.cardb-download-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cardb-container{padding:16px}.cardb-section{padding:20px;border-radius:14px}.cardb-download-grid{grid-template-columns:1fr;gap:14px}.cardb-download-card{padding:18px;gap:14px}.cardb-card-icon{width:46px;height:46px;border-radius:12px}.cardb-card-icon svg{width:22px;height:22px}.cardb-card-content h4{font-size:14px}.cardb-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:480px){.cardb-container{padding:12px}.cardb-section{padding:16px}.cardb-download-card{padding:14px;gap:12px}.cardb-card-icon{width:40px;height:40px;border-radius:10px}}.main-content:has(.properties-page-container){overflow:hidden!important}.properties-page-container{padding:0;width:100%;height:calc(100vh - 72px);display:flex;flex-direction:column;overflow:hidden}.pinv-card-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--white, #fff)}.pinv-header{padding:16px 24px;border-bottom:1px solid var(--surface-border, #e2e8f0);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0;background:var(--white, #fff);position:sticky;top:0;z-index:100}.pinv-title-area{display:flex;align-items:center;gap:10px}.pinv-title-area .header-icon-primary{color:var(--color-primary)}.pinv-title-area h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary, #0f172a);font-family:var(--font-heading, inherit)}.pinv-title-area h3 span{font-weight:400;color:var(--text-secondary, #64748b);font-size:13px}.pinv-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%}.pinv-header-actions .search-bar-container{position:relative;display:flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:0 10px;width:240px;height:36px;transition:all .2s ease;flex-shrink:0}.pinv-header-actions .search-bar-container:focus-within{border-color:var(--color-primary);background:var(--white);box-shadow:0 0 0 3px #154eeb1a}.pinv-header-actions .search-icon-muted{color:#94a3b8;margin-right:6px;flex-shrink:0}.pinv-header-actions .search-bar-container input{background:transparent;border:none;outline:none;font-size:13px;color:var(--text-primary);width:100%;height:100%}.pinv-header-actions .ant-select-selector{box-sizing:border-box;margin:0;padding:0 10px;color:var(--text-primary);font-size:13px;line-height:36px;height:36px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:6px}.pinv-header-actions .ant-select-selector:hover{border-color:var(--color-primary)}.properties-stats-bar{display:flex;gap:10px;flex-wrap:wrap}.vstat-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 18px;background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:80px;gap:2px}.vstat-pill:hover{border-color:var(--color-primary);background:var(--color-primary-subtle, rgba(99, 102, 241, .06))}.vstat-pill.active{border-color:var(--color-primary);background:var(--color-primary-subtle, rgba(99, 102, 241, .1))}.vstat-pill.available.active{border-color:#10b981;background:#10b98114}.vstat-pill.reserved.active{border-color:#f59e0b;background:#f59e0b14}.vstat-pill.sold.active{border-color:#ef4444;background:#ef444414}.vstat-pill.service.active{border-color:#3b82f6;background:#3b82f614}.vstat-count{font-size:20px;font-weight:800;color:var(--color-text-primary);line-height:1;font-family:var(--font-heading)}.vstat-label{font-size:10px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.btn-add-property{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,transform .15s}.btn-add-property:hover{background:var(--color-primary-hover, #4f46e5);transform:translateY(-1px)}.btn-add-property:active{transform:translateY(0)}.properties-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px 12px 20px;flex:1;overflow-y:auto;align-content:start;align-items:stretch}.properties-grid::-webkit-scrollbar{width:6px}.properties-grid::-webkit-scrollbar-track{background:transparent}.properties-grid::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:3px}.properties-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.property-card{background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:box-shadow .25s,border-color .25s,transform .25s;display:flex;flex-direction:column;height:375px}.property-card:hover{border-color:var(--color-primary);box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.property-card-img{position:relative;width:100%;height:175px;flex-shrink:0;background:#fff;border-bottom:1px solid #f1f5f9;overflow:hidden;border-radius:12px 12px 0 0}.property-card-img img{position:relative;width:100%;height:100%;object-fit:contain;z-index:2;transition:transform .4s cubic-bezier(.16,1,.3,1)}.property-card:hover .property-card-img img{transform:scale(1.03)}.pcard-status-badge{position:absolute!important;top:8px!important;right:8px!important;padding:3px 8px!important;border-radius:4px!important;font-size:9px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;z-index:2!important;box-shadow:0 2px 4px #00000014!important}.pstatus-draft{background:#64748b;color:#fff}.pstatus-underreview{background:#f59e0b;color:#fff}.pstatus-active{background:#10b981;color:#fff}.pstatus-rejected{background:#ef4444;color:#fff}.pcard-year-badge{position:absolute;bottom:0;left:0;padding:6px 14px;border-radius:0 10px 0 0;font-size:11.5px;font-weight:700;background:#0f172abf;color:#fff;z-index:2}.property-card-body{padding:8px 12px 14px;display:flex;flex-direction:column;gap:4px;flex:1}.pcard-details-section{display:flex;flex-direction:column;gap:4px;flex:1}.pcard-footer-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0}.pcard-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.pcard-name{font-size:15px;font-weight:700;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.35;margin:0}.pcard-category-type{font-size:13px;color:var(--color-text-secondary, #64748b);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard-location-row{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--color-text-secondary, #64748b);font-weight:500;margin-top:1px;overflow:hidden;white-space:nowrap;min-width:0;cursor:help}.pcard-location-row span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0}.pcard-location-row .location-pin-icon{color:#ef4444;flex-shrink:0}.pcard-price-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.pcard-price{font-size:16px;font-weight:800;color:var(--color-primary, #154eeb);white-space:nowrap;font-family:var(--font-heading, inherit)}.pcard-footer-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding-top:6px;border-top:1px solid #f1f5f9;font-size:11.5px;color:var(--color-text-secondary, #64748b);font-weight:500}.pcard-status-text{font-weight:700}.pcard-status-text.status-draft{color:#64748b}.pcard-status-text.status-underreview{color:#d97706}.pcard-status-text.status-active{color:#059669}.pcard-status-text.status-rejected{color:#dc2626}.pcard-footer-created{color:#64748b;font-weight:500}.pcard-actions{display:flex;gap:8px;margin-top:8px}.pcard-btn{flex:1;height:32px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary, inherit)}.pcard-btn-view{background:var(--color-surface-raised, #f1f5f9);border:1.5px solid var(--color-surface-border, #e2e8f0)!important;color:var(--color-text-secondary, #475569)}.pcard-btn-view:hover{border-color:var(--color-primary, #154eeb)!important;color:var(--color-primary, #154eeb);background:var(--color-primary-subtle, rgba(21, 78, 235, .05))}.pcard-btn-edit{background:var(--color-primary, #154eeb);color:#fff}.pcard-btn-edit:hover{background:var(--color-primary-hover, #4f46e5)}.no-properties-placeholder{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--color-text-tertiary, #888);text-align:center}.no-properties-placeholder svg{opacity:.3;margin-bottom:4px}.no-properties-placeholder h3{font-size:18px;color:var(--color-text-secondary);margin:0}.no-properties-placeholder p{font-size:13px;color:var(--color-text-tertiary, #888);margin:0}.prop-filter-fab,.prop-add-fab{display:none;position:fixed;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--white);border:none;box-shadow:0 4px 16px #154eeb40;align-items:center;justify-content:center;cursor:pointer;z-index:500;transition:all .2s ease}.prop-filter-fab:hover,.prop-add-fab:hover{transform:scale(1.05)}.prop-filter-fab{bottom:24px}.prop-add-fab{bottom:92px}.pinv-status-select{min-width:155px}.pinv-status-label{color:#64748b;font-size:12px;font-weight:500;margin-right:4px;white-space:nowrap}.pinv-status-value{font-weight:600}.pinv-status-value.status-pending,.pinv-status-option.status-pending{color:#f59e0b}.pinv-status-value.status-approved,.pinv-status-option.status-approved{color:#10b981}.pinv-status-option{font-weight:600}@media(max-width:1024px){.main-content>div.properties-page-container{padding:0!important;background:var(--white)!important;height:calc(100vh - 72px)!important;overflow-y:auto!important}.pinv-card-pane{border-radius:0!important;box-shadow:none!important;border:none!important;background:var(--white)!important}.pinv-header{padding:16px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.pinv-title-area{width:100%;margin-bottom:4px}.pinv-header-actions{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.header-search-bar{width:100%!important;max-width:none!important;margin:0!important}.properties-grid{grid-template-columns:repeat(3,1fr)!important;padding:16px!important;gap:16px!important;background:var(--white)!important;align-items:stretch!important}.property-card{height:375px!important}.property-card-img{height:170px!important}.property-card-body{padding:8px 12px 14px!important;gap:4px!important}.pcard-footer-row{gap:4px!important}.prop-filter-fab,.prop-add-fab{display:flex}.desktop-only,.btn-add-property.desktop-only{display:none!important}}@media(max-width:640px){.properties-grid{grid-template-columns:repeat(2,1fr)!important;align-items:stretch!important}.property-card{height:375px!important}.property-card-img{height:165px!important}.property-card-body{padding:8px 12px 14px!important}.properties-stats-bar{gap:8px}.vstat-pill{padding:8px 12px;min-width:60px}.vstat-count{font-size:17px}}.ant-select-container{position:relative;font-family:inherit}.ant-select-selector{box-sizing:border-box;margin:0;padding:0 12px;color:var(--color-text-primary, #0f172a);font-size:13px;line-height:36px;height:36px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:6px}.ant-select-selector:hover{border-color:var(--color-primary)}.ant-select-focused{border-color:var(--color-primary)!important;background-color:var(--white)!important;box-shadow:0 0 0 3px #154eeb1a!important}.ant-select-selection-item{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.ant-select-arrow{color:#64748b;transition:transform .2s ease;flex-shrink:0}.ant-select-arrow.arrow-rotated{transform:rotate(180deg)}.ant-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;z-index:1050;box-sizing:border-box;padding:4px;overflow:hidden;font-size:13px;background-color:var(--white);border-radius:6px;outline:none;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;border:1px solid #f0f0f0;animation:antDropdownSlideIn .15s cubic-bezier(.23,1,.32,1)}.ant-select-item{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:6px 12px;color:var(--color-text-primary, #0f172a);font-weight:500;font-size:12.5px;line-height:20px;cursor:pointer;transition:background .15s ease;border-radius:4px}.ant-select-item:hover{background-color:#f1f5f9}.ant-select-item-selected{color:var(--color-primary, #154eeb)!important;font-weight:600!important;background-color:#154eeb14!important}.ant-select-item-check{color:var(--color-primary, #154eeb);flex-shrink:0}.mobile-bottom-sheet-overlay{position:fixed;inset:0;background:#0006;z-index:9998}.mobile-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-radius:24px 24px 0 0;padding:24px;z-index:9999;display:flex;flex-direction:column;max-height:85vh;box-shadow:0 -4px 20px #00000026}.bottom-sheet-handle{width:36px;height:4px;background:#e2e8f0;border-radius:2px;margin:0 auto 20px}.bottom-sheet-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px}.bottom-sheet-header h3{font-size:18px;font-weight:700;color:#0f172a;margin:0}.close-sheet-btn{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.sheet-filter-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;background:transparent;cursor:pointer;transition:all .2s ease;text-align:left;gap:8px;font-weight:500;color:#475569}.sheet-filter-item.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.sheet-filter-label{font-size:14px}.sheet-filter-count{font-size:12px;background:#f1f5f9;padding:2px 8px;border-radius:9999px;color:#64748b}.sheet-filter-item.active .sheet-filter-count{background:#dbeafe;color:#1e40af}.filter-group-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;margin-top:4px}.pcard-spec-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pcard-spec-badge.service{background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.15)}.pcard-spec-badge.service svg{color:#10b981!important}.pcard-spec-badge.inspection{background:#3b82f614;color:#3b82f6;border:1px solid rgba(59,130,246,.15)}.pcard-spec-badge.inspection svg{color:#3b82f6!important}.pcard-spec-badge:hover{transform:translateY(-1px);background:#0f172a14!important;border-color:#0f172a26}[data-theme=dark] .pcard-spec-badge.service{background:#10b98126}[data-theme=dark] .pcard-spec-badge.inspection{background:#3b82f626}[data-theme=dark] .pcard-spec-badge:hover{background:#ffffff26!important;border-color:#ffffff40}.main-content:has(.ap-page-container){overflow:hidden!important}.ap-page-container{width:100%;height:calc(100vh - 72px);display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--color-background, #f8fafc)}.ap-header-pane{padding:20px 24px 0;flex-shrink:0;z-index:10;background:var(--color-background, #f8fafc);display:flex;flex-direction:column;gap:20px}.ap-scroll-pane{flex:1;overflow-y:auto;padding:20px 24px 60px;display:flex;flex-direction:column}.ap-scroll-pane::-webkit-scrollbar{width:6px}.ap-scroll-pane::-webkit-scrollbar-track{background:transparent}.ap-scroll-pane::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:3px}.ap-scroll-pane::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ap-form-container{display:flex;flex-direction:column;gap:20px}.ap-success-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ap-success-card{background:var(--color-surface);border:1.5px solid #10b981;border-radius:20px;padding:40px 48px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;box-shadow:0 20px 60px #0000004d}.ap-success-icon{color:#10b981}.ap-success-card h3{font-size:22px;color:var(--color-text-primary);margin:0}.ap-success-card p{font-size:13px;color:var(--color-text-secondary);margin:0}.ap-page-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ap-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:8px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.ap-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.ap-header-title{display:flex;align-items:center;gap:12px;flex:1}.ap-header-icon{color:var(--color-primary);flex-shrink:0}.ap-header-title h2{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0}.ap-header-title p{font-size:12px;color:var(--color-text-secondary);margin:0}.ap-header-actions{display:flex;gap:8px;flex-shrink:0}.ap-btn-reset,.ap-btn-save{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.ap-btn-reset{background:var(--color-surface);border:1.5px solid var(--color-surface-border);color:var(--color-text-secondary)}.ap-btn-reset:hover{border-color:var(--color-primary);color:var(--color-primary)}.ap-btn-save{background:var(--color-primary);color:#fff}.ap-btn-save:hover{background:var(--color-primary-hover, #4f46e5);transform:translateY(-1px)}.ap-section-tabs{display:flex;gap:6px;background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:12px;padding:6px;flex-wrap:wrap}.ap-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;position:relative;white-space:nowrap}.ap-tab:hover{color:var(--color-text-primary);background:var(--color-surface-raised, rgba(255,255,255,.05))}.ap-tab.active{background:var(--color-primary);color:#fff;font-weight:600}.ap-tab.tab-error:not(.active){color:#ef4444}.tab-error-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;position:absolute;top:4px;right:4px}.ap-form-body{display:flex;flex-direction:column;gap:20px}.ap-section{background:var(--color-surface);border:1.5px solid var(--color-surface-border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:16px}.ap-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--color-text-primary);padding-bottom:12px;border-bottom:1px solid var(--color-surface-border);margin-bottom:4px}.ap-section-title svg{color:var(--color-primary)}.ap-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ap-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.ap-field{display:flex;flex-direction:column;gap:5px}.ap-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px}.ap-required{color:#ef4444;margin-left:3px}.ap-input{padding:10px 32px 10px 12px;background:var(--color-surface-raised, rgba(255,255,255,.04));border:1.5px solid var(--color-surface-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-family:var(--font-primary);transition:border-color .2s,box-shadow .2s;width:100%;outline:none}.ap-input::placeholder,.ap-textarea::placeholder,.ap-select-search::placeholder,.ant-select-selection-item.is-placeholder{color:#9ca3af!important;opacity:1}.ap-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11f}.ap-input.input-error{border-color:#ef4444}.ap-input.input-error:focus{box-shadow:0 0 0 3px #ef44441f}.ap-select{cursor:pointer}.ap-select option{background:var(--color-surface)}.ap-textarea{resize:vertical;min-height:90px;line-height:1.6;padding:10px 32px 10px 12px;background:var(--color-surface-raised, rgba(255,255,255,.04));border:1.5px solid var(--color-surface-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-family:var(--font-primary);transition:border-color .2s,box-shadow .2s;width:100%;outline:none}.ap-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11f}.ap-error-msg{font-size:11px;color:#ef4444;font-weight:500;margin-top:-2px}.ap-field.has-error .ap-label{color:#ef4444}.clearable-input-wrapper{position:relative;width:100%}.clear-input-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary, #94a3b8);transition:color .2s;z-index:5}.clear-input-btn:hover{color:#ef4444}.clear-textarea-btn{top:12px;transform:none}.ap-clear-all-btn{padding:10px 24px;background:transparent;color:#ef4444;border:1.5px solid #ef4444;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.ap-clear-all-btn:hover{background:#ef44441a}.ap-price-preview{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#6366f114;border:1.5px solid rgba(99,102,241,.2);border-radius:8px;font-size:13px;color:var(--color-text-secondary)}.ap-price-preview strong{font-size:18px;font-weight:800;color:var(--color-primary);font-family:var(--font-heading)}.ap-nap-buttons{display:flex;align-items:center;gap:12px;padding-top:4px}.ap-nap-spacer{flex:1}.ap-btn-nav{padding:10px 22px;border-radius:8px;border:1.5px solid var(--color-surface-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.ap-btn-nav:hover{border-color:var(--color-primary);color:var(--color-primary)}.ap-btn-nav.next{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ap-btn-nav.next:hover{background:var(--color-primary-hover, #4f46e5)}.ap-btn-submit{display:flex;align-items:center;gap:7px;padding:10px 28px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s}.ap-btn-submit:hover{background:#059669;transform:translateY(-1px)}.ap-btn-submit:active{transform:translateY(0)}.ap-page .ant-select-container{position:relative;font-family:inherit;width:100%}.ap-page .ant-select-selector{box-sizing:border-box;margin:0;padding:0 12px;color:var(--text-primary, #0f172a);font-size:14px;height:42px;background-color:var(--color-surface-raised, rgba(255,255,255,.04));border:1.5px solid var(--color-surface-border);border-radius:8px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:6px}.ap-page .ant-select-selector:hover{border-color:var(--color-primary)}.ap-page .ant-select-selector.input-error{border-color:#ef4444}.ap-page .ant-select-focused{border-color:var(--color-primary)!important;background-color:var(--color-surface, #fff)!important;box-shadow:0 0 0 3px #6366f11f!important}.ap-page .ant-select-selector.input-error.ant-select-focused{box-shadow:0 0 0 3px #ef44441f!important}.ap-page .ant-select-selection-item{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.ap-page .ant-select-arrow{color:var(--color-text-tertiary);transition:transform .2s ease;flex-shrink:0}.ap-page .ant-select-arrow.arrow-rotated{transform:rotate(180deg)}.ap-page .ant-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;z-index:1050;box-sizing:border-box;padding:6px;overflow:hidden;font-size:13px;background-color:var(--color-surface, #fff);border-radius:8px;outline:none;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid var(--color-surface-border);animation:antDropdownSlideIn .15s cubic-bezier(.23,1,.32,1)}@keyframes antDropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ap-page .ant-select-item{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:6px 12px;color:var(--text-primary, #0f172a);font-weight:500;font-size:13px;line-height:20px;cursor:pointer;transition:background .15s ease;border-radius:6px}.ap-page .ant-select-item:hover{background-color:var(--color-background, #f8fafc)}.ap-page .ant-select-item-selected{color:var(--color-primary)!important;font-weight:600!important;background-color:var(--color-primary-soft, #eff6ff)!important}.ap-page .ant-select-item-check{color:var(--color-primary);flex-shrink:0}.ap-mobile-section-selector{display:none}@media(max-width:768px){.ap-header-pane{padding:8px 14px 0;gap:0;display:flex;flex-direction:column}.ap-scroll-pane{padding:14px 14px 60px}.ap-grid-2,.ap-grid-3{grid-template-columns:1fr}.ap-header-title{display:none}.ap-section{padding:16px}.ap-section-tabs{display:none}.ap-mobile-section-selector{display:block;padding:0 0 14px;background:var(--color-background, #f8fafc);border-bottom:1px solid var(--color-surface-border)}.ap-page-header{gap:10px}.ap-header-actions{position:fixed;bottom:24px;right:24px;width:auto;display:flex;flex-direction:column;gap:16px;z-index:999}.ap-btn-reset,.ap-btn-save{width:56px;height:56px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:0}.ap-btn-reset svg,.ap-btn-save svg{width:22px!important;height:22px!important;margin:0!important}.ap-btn-reset{background:var(--color-surface)!important;color:var(--color-text-secondary)!important;box-shadow:0 4px 12px #0000001a!important;border:1px solid var(--color-surface-border)!important}.ap-btn-save{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)!important;color:#fff!important;box-shadow:0 4px 12px #154eeb4d!important;border:none!important}.ap-nap-buttons{justify-content:center;padding-bottom:20px}.ap-nap-spacer{display:none}}.image-uploader-section{display:flex;flex-direction:column;gap:16px;margin-top:4px}.upload-dropzone{border:2px dashed var(--color-surface-border, #e2e8f0);border-radius:12px;padding:32px 20px;text-align:center;background:var(--color-surface-raised, rgba(255,255,255,.02));cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-dropzone:hover{border-color:var(--color-primary);background:var(--color-primary-soft, rgba(99,102,241,.04))}.upload-dropzone-icon{color:var(--color-text-tertiary);transition:color .2s}.upload-dropzone:hover .upload-dropzone-icon{color:var(--color-primary)}.upload-dropzone-text{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.upload-dropzone-subtext{font-size:11px;color:var(--color-text-tertiary)}.upload-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;margin-bottom:24px;max-width:600px}.upload-preview-card{position:relative;border-radius:12px;border:1.5px solid var(--color-surface-border);background:var(--color-surface);overflow:hidden;aspect-ratio:4/5;width:100%;display:flex;align-items:center;justify-content:center;transition:all .2s}.upload-preview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.upload-preview-image{width:100%;height:100%;object-fit:cover}.upload-preview-actions{position:absolute;inset:0;background:#0006;opacity:0;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s ease}.upload-preview-card:hover .upload-preview-actions{opacity:1}.upload-preview-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-surface);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;box-shadow:0 4px 6px -1px #0000001a}.upload-preview-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.upload-preview-btn.delete-btn:hover{background:#ef4444}.cover-photo-badge{position:absolute;top:8px;left:8px;background:#3b82f6;color:#fff;font-size:9px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase;box-shadow:0 2px 4px #00000026;z-index:5}.cover-checkbox-container{position:absolute;bottom:8px;left:8px;right:8px;display:flex;justify-content:center}.cover-select-label{background:#000000b3;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.cover-select-label:hover{background:var(--color-primary)}.pdet-page{padding:24px;max-width:1600px;margin:0 auto;background:#f1f5f9;min-height:100vh}.pdet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.pdet-back-btn-sm{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(0,0,0,.05);padding:12px 24px;border-radius:16px;color:var(--color-text-secondary);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.pdet-back-btn-sm:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:#6366f133;transform:translateY(-2px);box-shadow:0 6px 16px #6366f126}.pdet-header-center{text-align:center;flex:1}.pdet-header-id{display:block;font-size:12px;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.pdet-header-name{font-size:24px;font-weight:850;color:var(--color-text-primary);margin:0}.pdet-btn-edit{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-size:14px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 4px 15px #6366f14d}.pdet-btn-edit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.pdet-body{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}@media(max-width:1024px){.pdet-body{grid-template-columns:1fr}}.pdet-left-col{display:flex;flex-direction:column;gap:24px}.pdet-gallery{background:#fff;border-radius:24px;overflow:hidden;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003;display:flex;flex-direction:column}.pdet-main-img-wrap{position:relative;width:100%;height:520px;overflow:hidden;background:#f8fafc}.pdet-main-img{width:100%;height:100%;object-fit:cover}.pdet-img-status{position:absolute;top:20px;right:20px;z-index:10;padding:6px 16px;border-radius:99px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.pdet-img-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(0,0,0,.05);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.pdet-img-nav:hover{background:#fff;color:var(--color-primary);transform:translateY(-50%) scale(1.05)}.pdet-img-nav.prev{left:20px}.pdet-img-nav.next{right:20px}.pdet-thumbs{display:flex;gap:12px;overflow-x:auto;padding:16px;background:#fff;border-top:1px solid rgba(0,0,0,.02)}.pdet-thumbs::-webkit-scrollbar{height:6px}.pdet-thumbs::-webkit-scrollbar-track{background:transparent}.pdet-thumbs::-webkit-scrollbar-thumb{background-color:#6366f14d;border-radius:10px}.pdet-thumb{width:110px;height:76px;min-width:110px;border-radius:12px;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.6}.pdet-thumb:hover{opacity:1;transform:translateY(-2px)}.pdet-thumb.active{border-color:var(--color-primary);box-shadow:0 4px 12px #6366f14d;opacity:1;transform:scale(1.02)}.pdet-info-card{background:#fff;border-radius:24px;padding:28px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003;display:flex;flex-direction:column;gap:20px}.pdet-card-title{font-size:16px;font-weight:800;color:var(--color-text-primary);display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:12px;margin:0 0 4px}.pdet-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.pdet-video-wrapper{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;border:1px solid rgba(0,0,0,.05)}.pdet-video-player{width:100%;height:100%;object-fit:contain}.pdet-contact-details{display:flex;flex-direction:column;gap:16px}.pdet-contact-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#f8fafc;border-radius:16px;border:1px solid rgba(0,0,0,.02)}.pdet-contact-icon{width:40px;height:40px;border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.pdet-contact-label{display:block;font-size:10px;color:var(--color-text-tertiary);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.pdet-contact-val{font-size:15px;font-weight:700;color:var(--color-text-primary);margin:0}.pdet-info{display:flex;flex-direction:column;gap:24px}.pdet-price-card{background:linear-gradient(135deg,#fff,#f8fafc)}.pdet-price-row{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px dashed rgba(0,0,0,.1);padding-bottom:20px}.pdet-prop-name{font-size:28px;font-weight:900;color:var(--color-text-primary);letter-spacing:-.5px;margin:0}.pdet-prop-variant{font-size:14px;color:var(--color-text-secondary);font-weight:600;margin-top:4px;margin-bottom:0}.pdet-price-block{display:flex;flex-direction:column;align-items:flex-end}.pdet-price{font-size:32px;font-weight:800;color:var(--color-primary);letter-spacing:-1px}.pdet-trans-tag{padding:4px 10px;background:var(--color-primary-soft);color:var(--color-primary);border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;margin-top:4px}.pdet-meta-row{display:flex;flex-wrap:wrap;gap:16px;padding-top:8px}.pdet-meta-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:10px;font-size:12px;color:var(--color-text-secondary);font-weight:700;box-shadow:0 1px 2px #00000003}.pdet-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pdet-spec-item{background:linear-gradient(135deg,#f8fafccc,#f1f5f980);padding:12px 16px;border-radius:16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(0,0,0,.03);transition:all .3s ease}.pdet-spec-item:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#6366f133;box-shadow:0 4px 12px #00000008;transform:translateY(-2px)}.pdet-spec-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary-soft),rgba(236,72,153,.05));color:var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #6366f11a}.pdet-spec-label{display:block;font-size:10px;color:var(--color-text-tertiary);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.pdet-spec-val{font-size:14px;font-weight:700;color:var(--color-text-primary);margin:0}.pdet-address-text{font-size:15px;color:var(--color-text-secondary);line-height:1.6;font-weight:500;margin:0}.pdet-pincode-tag{display:inline-block;align-self:flex-start;padding:6px 12px;background:#f1f5f9;border-radius:8px;font-size:12px;font-weight:700;color:var(--color-text-secondary)}.pdet-description-text{font-size:15px;color:var(--color-text-secondary);line-height:1.8;font-weight:500;white-space:pre-line;margin:0}.pdet-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px;text-align:center;gap:16px;background:#fff;border-radius:24px;margin:24px;border:1px solid rgba(0,0,0,.05)}.pdet-not-found h3{margin:0;font-size:20px;font-weight:800;color:var(--color-text-primary)}.pdet-not-found p{margin:0;font-size:14px;color:var(--color-text-secondary)}.pdet-loading-spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.pm-page-container{background:var(--white, #fff)}.pmgmt-action-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-shrink:0;width:100%}.pmgmt-edit-btn{width:20%;height:32px;border-radius:6px;border:1.5px solid var(--color-surface-border, #e2e8f0);background:var(--color-surface-raised, #f1f5f9);color:var(--color-text-secondary, #475569);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.pmgmt-edit-btn:hover{border-color:var(--color-primary, #154eeb);color:var(--color-primary, #154eeb);background:var(--color-primary-subtle, rgba(21, 78, 235, .05));transform:translateY(-1px)}.pmgmt-edit-btn:active{transform:translateY(0)}.pmgmt-select-wrapper{position:relative;width:80%;height:32px;display:flex;align-items:center}.pmgmt-approval-select{width:100%;height:100%;border-radius:6px;border:1.5px solid var(--color-surface-border, #e2e8f0);background-color:var(--color-surface-raised, #f1f5f9);color:var(--color-text-primary, #0f172a);font-size:12px;font-weight:700;padding:0 28px 0 10px;cursor:pointer;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}.pmgmt-approval-select:hover{box-shadow:0 2px 8px #0000000d}.pmgmt-approval-select:disabled{cursor:not-allowed;opacity:.6;background-color:#f1f5f9!important;border-color:#e2e8f0!important;color:#94a3b8!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important}.pmgmt-approval-select.approval-val-pending{color:#b45309!important;background-color:#fffbeb!important;border-color:#fde68a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b45309' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.pmgmt-approval-select.approval-val-approved{color:#047857!important;background-color:#ecfdf5!important;border-color:#a7f3d0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.pmgmt-approval-select.approval-val-rejected{color:#b91c1c!important;background-color:#fef2f2!important;border-color:#fca5a5!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b91c1c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.pmgmt-approval-select.approval-val-hold{color:#4338ca!important;background-color:#e0e7ff!important;border-color:#c7d2fe!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234338ca' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.pmgmt-approval-select.approval-val-expired{color:#374151!important;background-color:#f3f4f6!important;border-color:#e5e7eb!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.pmgmt-spinner-overlay{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;background:transparent}.pm-property-card{height:380px!important}.pm-property-card:hover{border-color:var(--color-surface-border, #e2e8f0)!important}.pm-header-actions{display:flex;align-items:center;justify-content:space-between;width:100%!important;gap:12px}.pm-header-filters-right{display:flex;align-items:center;gap:12px}.pm-filter-select{width:240px!important;flex-shrink:0}.pm-filter-select .ant-select-selector{width:100%!important}@media(max-width:1024px){.pm-property-card{height:380px!important}.pm-header-actions,.pm-header-filters-right{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.pm-filter-select{width:100%!important}.pm-search-bar{width:100%!important;margin-left:0!important}}@media(max-width:640px){.pm-property-card{height:380px!important}}.pm-property-card,.pm-property-card .property-card-body{overflow:visible!important}.card-approval-select-selector.approval-val-pending{color:#b45309!important;background-color:#fffbeb!important;border-color:#fde68a!important}.card-approval-select-selector.approval-val-approved{color:#047857!important;background-color:#ecfdf5!important;border-color:#a7f3d0!important}.card-approval-select-selector.approval-val-rejected{color:#b91c1c!important;background-color:#fef2f2!important;border-color:#fca5a5!important}.card-approval-select-selector.approval-val-hold{color:#4338ca!important;background-color:#e0e7ff!important;border-color:#c7d2fe!important}.card-approval-select-selector.approval-val-expired{color:#374151!important;background-color:#f3f4f6!important;border-color:#e5e7eb!important}.pv-page-container{background:var(--white, #fff)}.pv-property-card{height:380px!important}.pv-property-card:hover{border-color:var(--color-surface-border, #e2e8f0)!important}.pv-header-actions{display:flex;align-items:center;justify-content:space-between;width:100%!important;gap:12px}.pv-header-filters-right{display:flex;align-items:center;gap:12px}.pv-filter-select{width:240px!important;flex-shrink:0}.pv-filter-select .ant-select-selector{width:100%!important}@media(max-width:1024px){.pv-property-card{height:380px!important}.pv-header-actions,.pv-header-filters-right{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.pv-filter-select{width:100%!important}.pv-search-bar{width:100%!important;margin-left:0!important}}@media(max-width:640px){.pv-property-card{height:380px!important}}.pv-property-card,.pv-property-card .property-card-body{overflow:visible!important}.card-approval-select-selector.listing-val-active{color:#047857!important;background-color:#ecfdf5!important;border-color:#a7f3d0!important}.card-approval-select-selector.listing-val-inactive{color:#b91c1c!important;background-color:#fef2f2!important;border-color:#fca5a5!important}.plm-page-container{background:var(--white, #fff)}.plm-property-card{height:380px!important;overflow:visible!important}.plm-property-card:hover{border-color:var(--color-surface-border, #e2e8f0)!important}.plm-property-card .property-card-body{overflow:visible!important}.plm-header-actions{display:flex;align-items:center;justify-content:space-between;width:100%!important;gap:12px}.plm-header-filters-right{display:flex;align-items:center;gap:12px}.plm-filter-select{width:240px!important;flex-shrink:0}.plm-filter-select .ant-select-selector{width:100%!important}@media(max-width:1024px){.plm-property-card{height:380px!important}.plm-header-actions,.plm-header-filters-right{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.plm-filter-select{width:100%!important}.plm-search-bar{width:100%!important;margin-left:0!important}}@media(max-width:640px){.plm-property-card{height:380px!important}}.card-approval-select-container{position:relative;width:80%!important;height:32px!important;box-sizing:border-box}.card-approval-select-selector{width:100%!important;height:100%!important;box-sizing:border-box;line-height:29px!important;padding:0 10px!important;font-size:12px!important;font-weight:700!important;border-radius:6px!important;border:1.5px solid var(--color-surface-border, #e2e8f0)!important;background-color:var(--color-surface-raised, #f1f5f9)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.card-approval-select-selector:hover{border-color:var(--color-primary, #154eeb)!important}.card-approval-select-selector.ant-select-focused{border-color:var(--color-primary, #154eeb)!important;background-color:var(--white)!important}.card-approval-select-selector.disabled{cursor:not-allowed!important;opacity:.6!important;background-color:#f1f5f9!important;border-color:#e2e8f0!important;color:#94a3b8!important}.card-approval-dropdown{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;width:100%!important;min-width:100%!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;box-shadow:0 4px 12px #0000001f!important;z-index:1000!important;padding:4px 0!important;max-height:200px!important;overflow-y:auto!important;box-sizing:border-box}.card-approval-item{padding:6px 12px!important;font-size:12px!important;font-weight:600!important;color:#334155!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;transition:background .15s ease!important}.card-approval-item:hover{background-color:#f1f5f9!important;color:var(--color-primary, #154eeb)!important}.card-approval-item.ant-select-item-selected{background-color:#e0f2fe!important;color:#0369a1!important}.card-approval-item .ant-select-item-check{color:#0284c7!important;margin-left:auto!important;flex-shrink:0}.card-approval-select-selector.mode-val-contact{color:#0369a1!important;background-color:#e0f2fe!important;border-color:#bae6fd!important}.card-approval-select-selector.mode-val-sitevisit{color:#6b21a8!important;background-color:#f3e8ff!important;border-color:#e9d5ff!important}.card-approval-select-selector.mode-val-contactsitevisit{color:#047857!important;background-color:#ecfdf5!important;border-color:#a7f3d0!important}.sp-modal-overlay{position:fixed;inset:0;background-color:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-modal{background:#fff;border-radius:8px;width:100%;max-width:650px;box-shadow:0 20px 40px #0003;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.sp-modal-header{padding:24px;border-bottom:1px solid var(--color-border, #E2E8F0);display:flex;justify-content:space-between;align-items:center}.sp-modal-header h3{margin:0;font-size:20px;color:var(--color-text-primary, #0F172A);font-weight:700}.sp-modal-close{background:none;border:none;color:var(--color-text-secondary, #64748B);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s}.sp-modal-close:hover{background-color:var(--color-surface-hover, #F1F5F9);color:var(--color-text-primary, #0F172A)}.sp-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.sp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sp-form-group{display:flex;flex-direction:column;gap:8px}.sp-form-group label{font-size:14px;font-weight:600;color:var(--color-text-primary, #0F172A)}.sp-form-group input,.sp-form-group select,.sp-form-group textarea{padding:10px 12px;border:1px solid var(--color-border, #E2E8F0);border-radius:8px;font-size:14px;color:var(--color-text-primary, #0F172A);font-family:inherit;transition:border-color .2s}.sp-form-group input:focus,.sp-form-group select:focus,.sp-form-group textarea:focus{outline:none;border-color:var(--color-primary, #4F46E5)}.sp-alert-error{background-color:#fde8e8;color:#9b1c1c;padding:12px;border-radius:8px;font-size:14px;font-weight:500}.sp-modal-footer{padding:16px 24px;border-top:1px solid var(--color-border, #E2E8F0);display:flex;justify-content:flex-end;gap:16px;background-color:var(--color-surface-hover, #F1F5F9)}.sp-btn-cancel,.sp-btn-submit{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.sp-btn-cancel{background:#fff;border:1px solid var(--color-border, #E2E8F0);color:var(--color-text-primary, #0F172A)}.sp-btn-cancel:hover{background-color:var(--color-surface-hover, #F1F5F9)}.sp-btn-submit{background-color:var(--color-primary, #4F46E5);border:1px solid var(--color-primary, #4F46E5);color:#fff}.sp-btn-submit:hover{background-color:var(--color-primary-dark, #3730A3);border-color:var(--color-primary-dark, #3730A3)}.sp-btn-submit:disabled,.sp-btn-cancel:disabled{opacity:.7;cursor:not-allowed}.sp-drawer-overlay{position:fixed;inset:0;background-color:#0f172a66;z-index:1999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sp-drawer{position:fixed;top:0;right:-450px;width:400px;height:100vh;background-color:#fff;z-index:2000;box-shadow:-10px 0 30px #0000001a;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.sp-drawer.open{right:0}.sp-drawer-header{padding:24px;border-bottom:1px solid var(--color-border, #E2E8F0);display:flex;justify-content:space-between;align-items:center}.sp-drawer-header h3{margin:0;font-size:18px;font-weight:700;color:var(--color-text-primary, #0F172A)}.sp-drawer-close{background:none;border:none;color:var(--color-text-secondary, #64748B);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;transition:all .2s}.sp-drawer-close:hover{background-color:var(--color-surface-hover, #F1F5F9);color:var(--color-error, #EF4444)}.sp-drawer-body{padding:24px;overflow-y:auto;flex:1}.sp-drawer-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px dashed var(--color-border, #E2E8F0)}.sp-drawer-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sp-drawer-hero{display:flex;flex-direction:column;align-items:center;text-align:center}.sp-hero-icon{width:64px;height:64px;background-color:var(--color-primary-soft, #EEF2FF);color:var(--color-primary, #4F46E5);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.sp-drawer-hero h2{margin:0 0 12px;font-size:24px;font-weight:700;color:var(--color-text-primary, #0F172A)}.sp-section-title{font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary, #94A3B8);margin:0 0 16px;font-weight:700}.sp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sp-detail-item{display:flex;flex-direction:column;gap:4px}.sp-detail-label{font-size:13px;color:var(--color-text-secondary, #64748B)}.sp-detail-value{font-size:15px;font-weight:600;color:var(--color-text-primary, #0F172A)}.sp-detail-value.sp-amount{color:var(--color-primary, #4F46E5);font-size:18px}.sp-description-text{margin:0;font-size:14px;line-height:1.6;color:var(--color-text-primary, #0F172A);background-color:var(--color-surface-hover, #F1F5F9);padding:16px;border-radius:8px}.sp-timestamp-list{display:flex;flex-direction:column;gap:16px}.sp-timestamp-item{display:flex;align-items:flex-start;gap:12px}.sp-ts-icon{color:var(--color-text-tertiary, #94A3B8);margin-top:2px}.sp-ts-content{display:flex;flex-direction:column}.sp-ts-label{font-size:13px;color:var(--color-text-secondary, #64748B)}.sp-ts-val{font-size:14px;font-weight:500;color:var(--color-text-primary, #0F172A)}@media(max-width:480px){.sp-drawer{width:100%;right:-100%}}.service-plans-container{padding:24px;background-color:var(--color-background, #F8FAFC);min-height:calc(100vh - 64px);font-family:var(--font-primary, "'Plus Jakarta Sans', sans-serif")}.service-plans-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.sp-header-left h2{margin:0;font-size:24px;color:var(--color-text-primary, #0F172A);font-weight:700}.sp-header-left p{margin:4px 0 0;font-size:14px;color:var(--color-text-secondary, #64748B)}.sp-header-right{display:flex;align-items:center;gap:16px}.sp-search-bar{display:flex;align-items:center;background:#fff;border:1px solid var(--color-border, #E2E8F0);border-radius:8px;padding:0 12px;height:40px;width:250px}.sp-search-bar .search-icon{color:var(--color-text-tertiary, #94A3B8)}.sp-search-bar input{border:none;outline:none;background:transparent;width:100%;padding-left:8px;font-size:14px;color:var(--color-text-primary, #0F172A)}.sp-btn{display:flex;align-items:center;gap:8px;padding:0 16px;height:40px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.sp-btn-primary{background-color:var(--color-primary, #4F46E5);color:#fff}.sp-btn-primary:hover{background-color:var(--color-primary-dark, #3730A3)}.sp-table-wrapper{background:#fff;border-radius:8px;border:1px solid var(--color-border, #E2E8F0);overflow:hidden}.sp-table{width:100%;border-collapse:collapse}.sp-table th,.sp-table td{padding:16px;text-align:left;border-bottom:1px solid var(--color-border, #E2E8F0);font-size:14px;color:var(--color-text-primary, #0F172A)}.sp-table th{background-color:var(--color-surface-hover, #F1F5F9);color:var(--color-text-secondary, #64748B);font-weight:600}.sp-table tr:hover td{background-color:var(--color-surface-hover, #F1F5F9)}.sp-fw-medium{font-weight:600}.sp-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize}.sp-badge-success{background-color:#def7ec;color:#03543f}.sp-badge-danger{background-color:#fde8e8;color:#9b1c1c}.sp-actions-col{text-align:right}.sp-action-btns{display:flex;justify-content:flex-end;gap:8px}.sp-action-btn{background:none;border:1px solid var(--color-border, #E2E8F0);border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary, #64748B);transition:all .2s}.sp-action-btn.view:hover{color:var(--color-info, #3B82F6);border-color:var(--color-info, #3B82F6)}.sp-action-btn.edit:hover{color:var(--color-warning, #F59E0B);border-color:var(--color-warning, #F59E0B)}.sp-action-btn.toggle{width:auto;padding:0 8px;font-size:12px;font-weight:600}.sp-pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px;gap:16px}.sp-page-btn{background:#fff;border:1px solid var(--color-border, #E2E8F0);border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-primary, #0F172A)}.sp-page-info{font-size:14px;color:var(--color-text-secondary, #64748B)}.sp-text-center{text-align:center!important}.sp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:8px;border:1px solid var(--color-border, #E2E8F0);text-align:center}.sp-empty-icon{width:80px;height:80px;background-color:var(--color-primary-soft, #EEF2FF);color:var(--color-primary, #4F46E5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.sp-empty-state h3{font-size:20px;font-weight:700;color:var(--color-text-primary, #0F172A);margin:0 0 8px}.sp-empty-state p{font-size:14px;color:var(--color-text-secondary, #64748B);margin:0 0 24px;max-width:300px}.sp-empty-state .sp-btn-primary{padding:12px 24px;font-size:14px}.sp-spinner{border:3px solid rgba(0,0,0,.1);width:20px;height:20px;border-radius:50%;border-left-color:var(--color-primary, #4F46E5);animation:sp-spin 1s linear infinite;display:inline-block}.sp-spinner.large{width:40px;height:40px;border-width:4px}.sp-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:var(--color-text-secondary, #64748B);font-size:14px}.sp-loader-container .sp-spinner{margin-bottom:12px}.sp-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1500;animation:fadeIn .2s ease-out}.sp-modal-drawer{position:fixed;top:0;right:0;height:100vh;width:100%;max-width:440px;background:var(--color-surface, #ffffff);box-shadow:-10px 0 30px #0f172a1a;z-index:1600;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);border-left:1px solid var(--color-border, #E2E8F0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.sp-drawer-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border, #E2E8F0)}.sp-drawer-header h3{font-family:var(--font-heading, "'Outfit', sans-serif");font-size:20px;font-weight:700;color:var(--color-text-primary, #0F172A);margin:0}.sp-drawer-close{background:none;border:none;color:var(--color-text-secondary, #64748B);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;cursor:pointer}.sp-drawer-close:hover{background:var(--color-surface-hover, #F1F5F9);color:var(--color-text-primary, #0F172A)}.sp-drawer-body{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.sp-drawer-alert-error{background-color:#fef2f2;border:1px solid #FEE2E2;color:var(--color-error, #EF4444);padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500}.sp-drawer-form-group{display:flex;flex-direction:column;gap:8px}.sp-drawer-form-group label{font-size:13px;font-weight:600;color:var(--color-text-primary, #0F172A)}.sp-required{color:var(--color-error, #EF4444)}.sp-drawer-form-group input[type=text],.sp-drawer-form-group input[type=number],.sp-drawer-form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--color-border, #E2E8F0);border-radius:8px;font-family:var(--font-primary, "'Plus Jakarta Sans', sans-serif");font-size:14px;color:var(--color-text-primary, #0F172A);background:var(--color-surface, #ffffff);transition:all .2s ease;outline:none}.sp-drawer-form-group input:focus,.sp-drawer-form-group textarea:focus{border-color:var(--color-primary, #4F46E5);box-shadow:0 0 0 3px #4f46e526}.sp-drawer-form-group input.disabled-input{background-color:#f8fafc;color:var(--color-text-secondary, #64748B);cursor:not-allowed;border-color:var(--color-border, #E2E8F0)}.sp-form-error{color:var(--color-error, #EF4444);font-size:12px;font-weight:500}.sp-radio-group{display:flex;gap:24px;padding:8px 0}.sp-radio-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-text-primary, #0F172A);cursor:pointer}.sp-radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary, #4F46E5);cursor:pointer}.sp-drawer-footer{margin-top:auto;padding:24px;border-top:1px solid var(--color-border, #E2E8F0);display:flex;gap:16px}.sp-btn-drawer-cancel{flex:1;height:44px;border-radius:8px;border:1px solid var(--color-border, #E2E8F0);background:#fff;color:var(--color-text-primary, #0F172A);font-size:14px;font-weight:600;transition:all .2s ease}.sp-btn-drawer-cancel:hover{background:var(--color-surface-hover, #F1F5F9)}.sp-btn-drawer-submit{flex:1;height:44px;border-radius:8px;border:none;background:var(--color-primary, #4F46E5);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #4f46e533}.sp-btn-drawer-submit:hover{background:var(--color-primary-dark, #3730A3)}.sp-btn-drawer-submit:disabled{opacity:.7;cursor:not-allowed}.sp-spinner-sm{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-left-color:#fff;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.sp-modal-drawer{max-width:100%}}.service-pricing-page{padding:24px;background-color:var(--color-background, #F8FAFC);min-height:calc(100vh - 64px);font-family:var(--font-primary, "'Plus Jakarta Sans', sans-serif");display:flex;flex-direction:column;gap:24px;position:relative}.sp-toast{position:fixed;top:24px;right:24px;padding:16px 24px;border-radius:12px;background:var(--color-surface, #ffffff);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;align-items:center;gap:12px;z-index:2000;font-size:14px;font-weight:600;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--color-border, #E2E8F0)}.sp-info-banner{background-color:#eff6ff;border:1px solid #DBEAFE;border-radius:12px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.sp-info-banner-left{display:flex;align-items:center;gap:16px}.sp-info-icon-wrapper{color:var(--color-info, #3B82F6);display:flex;align-items:center;justify-content:center}.sp-info-text-wrapper h4{font-size:15px;font-weight:700;color:#1e40af;margin:0}.sp-info-text-wrapper p{font-size:13px;color:#3b82f6;margin:2px 0 0;font-weight:500}.sp-main-card{background:var(--color-surface, #ffffff);border-radius:16px;border:1px solid var(--color-border, #E2E8F0);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column}.sp-card-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border, #E2E8F0)}.sp-card-header h3{font-family:var(--font-heading, "'Outfit', sans-serif");font-size:18px;font-weight:700;color:var(--color-text-primary, #0F172A);margin:0}.sp-btn{display:flex;align-items:center;gap:8px;padding:0 16px;height:40px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.sp-btn-add{background-color:var(--color-primary, #4F46E5);color:#fff;box-shadow:0 4px 12px #4f46e533}.sp-btn-add:hover{background-color:var(--color-primary-dark, #3730A3);transform:translateY(-1px)}.sp-toolbar{padding:20px 24px;background-color:#fcfdfe;display:flex;gap:20px;border-bottom:1px solid var(--color-border, #E2E8F0)}.sp-filter-item{display:flex;flex-direction:column;gap:6px}.sp-filter-item:first-child{flex:1}.sp-filter-item label{font-size:12px;font-weight:600;color:var(--color-text-secondary, #64748B)}.sp-search-input-wrapper{display:flex;align-items:center;background:#fff;border:1px solid var(--color-border, #E2E8F0);border-radius:8px;padding:0 12px;height:38px;transition:all .2s ease}.sp-search-input-wrapper:focus-within{border-color:var(--color-primary, #4F46E5);box-shadow:0 0 0 3px #4f46e51a}.sp-search-input-wrapper .search-icon{color:var(--color-text-tertiary, #94A3B8)}.sp-search-input-wrapper input{border:none;outline:none;background:transparent;width:100%;padding-left:8px;font-size:13.5px;color:var(--color-text-primary, #0F172A);font-family:var(--font-primary, "'Plus Jakarta Sans', sans-serif")}.sp-filter-item select{height:38px;border:1px solid var(--color-border, #E2E8F0);border-radius:8px;padding:0 12px;font-size:13.5px;color:var(--color-text-primary, #0F172A);background:#fff;min-width:160px;outline:none;font-family:var(--font-primary, "'Plus Jakarta Sans', sans-serif");transition:all .2s ease}.sp-filter-item select:focus{border-color:var(--color-primary, #4F46E5)}.sp-table-container{overflow-x:auto}.sp-table-view{width:100%;border-collapse:collapse}.sp-table-view th,.sp-table-view td{padding:14px 24px;text-align:left;border-bottom:1px solid var(--color-border, #E2E8F0);font-size:14px;color:var(--color-text-primary, #0F172A)}.sp-table-view th{background-color:var(--color-surface-hover, #F8FAFC);color:var(--color-text-secondary, #64748B);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.sp-table-view tr:hover td{background-color:var(--color-surface-hover, #F8FAFC)}.sp-name-column{display:flex;flex-direction:column;gap:3px}.sp-name-title{font-weight:600;color:var(--color-text-primary, #0F172A)}.sp-name-desc{font-size:12px;color:var(--color-text-secondary, #64748B);line-height:1.4}.sp-code-column{font-family:var(--font-secondary, "'Inter', sans-serif");font-weight:500;color:var(--color-text-secondary, #64748B);background:#f1f5f9;padding:2px 8px;border-radius:4px;font-size:12px;display:inline-block}.sp-price-column{font-weight:700;color:var(--color-text-primary, #0F172A);font-family:var(--font-secondary, "'Inter', sans-serif")}.sp-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;text-transform:capitalize}.sp-status-badge.active{background-color:#def7ec;color:#03543f}.sp-status-badge.inactive{background-color:#fde8e8;color:#9b1c1c}.text-right{text-align:right!important}.sp-table-actions{display:flex;justify-content:flex-end;gap:8px}.sp-action-btn{background:#fff;border:1px solid var(--color-border, #E2E8F0);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary, #64748B);transition:all .2s ease}.sp-action-btn:hover{background-color:var(--color-surface-hover, #F1F5F9)}.sp-action-btn.edit:hover{color:var(--color-primary, #4F46E5);border-color:var(--color-primary, #4F46E5)}.sp-action-btn.delete:hover{color:var(--color-error, #EF4444);border-color:var(--color-error, #EF4444)}.sp-action-btn.status-toggle{width:auto;padding:0 10px;font-size:11.5px;font-weight:600}.sp-action-btn.status-toggle.active:hover{color:var(--color-warning, #F59E0B);border-color:var(--color-warning, #F59E0B)}.sp-action-btn.status-toggle.inactive:hover{color:var(--color-success, #10B981);border-color:var(--color-success, #10B981)}.sp-action-spinner{border:2px solid rgba(0,0,0,.1);width:18px;height:18px;border-radius:50%;border-left-color:var(--color-primary, #4F46E5);animation:sp-spin .8s linear infinite;margin-right:6px}.sp-pagination-footer{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border, #E2E8F0);background-color:#fcfdfe;border-radius:0 0 16px 16px}.sp-record-count{font-size:13.5px;color:var(--color-text-secondary, #64748B);font-weight:500}.sp-pagination-controls{display:flex;align-items:center;gap:12px}.sp-page-btn{background:#fff;border:1px solid var(--color-border, #E2E8F0);border-radius:6px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-primary, #0F172A);transition:all .2s ease}.sp-page-btn:hover:not(:disabled){background-color:var(--color-surface-hover, #F1F5F9)}.sp-page-btn:disabled{opacity:.5;cursor:not-allowed}.sp-page-numbers{display:flex;gap:6px}.sp-page-num-btn{background:#fff;border:1px solid var(--color-border, #E2E8F0);border-radius:6px;width:34px;height:34px;font-size:13.5px;font-weight:600;cursor:pointer;color:var(--color-text-secondary, #64748B);transition:all .2s ease}.sp-page-num-btn:hover{background-color:var(--color-surface-hover, #F1F5F9);color:var(--color-text-primary, #0F172A)}.sp-page-num-btn.active{background-color:var(--color-primary, #4F46E5);color:#fff;border-color:var(--color-primary, #4F46E5)}.sp-table-loader{display:flex;justify-content:center;align-items:center;min-height:240px}.sp-table-empty{padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-text-secondary, #64748B)}.sp-table-empty h4{font-size:16px;font-weight:700;color:var(--color-text-primary, #0F172A);margin:16px 0 6px}.sp-table-empty p{font-size:13.5px;color:var(--color-text-tertiary, #94A3B8);max-width:320px}.sp-about-box{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #E2E8F0);border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.sp-about-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sp-about-icon-wrapper{color:var(--color-primary, #4F46E5);background-color:var(--color-primary-soft, #EEF2FF);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.sp-about-header h4{font-size:16px;font-weight:700;color:var(--color-text-primary, #0F172A);margin:0}.sp-about-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.sp-about-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-text-secondary, #64748B)}.sp-about-list .list-icon{color:var(--color-success, #10B981);flex-shrink:0}.sp-confirm-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center}.sp-confirm-card{background:var(--color-surface, #ffffff);border-radius:16px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--color-border, #E2E8F0);overflow:hidden;animation:zoomIn .2s cubic-bezier(.16,1,.3,1)}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.sp-confirm-header{padding:20px 24px 12px;border-bottom:1px solid var(--color-border, #E2E8F0)}.sp-confirm-header h4{font-size:16px;font-weight:700;color:var(--color-text-primary, #0F172A);margin:0}.sp-confirm-body{padding:20px 24px}.sp-confirm-body p{font-size:14.5px;color:var(--color-text-secondary, #64748B);line-height:1.5;margin:0}.sp-confirm-footer{padding:16px 24px;border-top:1px solid var(--color-border, #E2E8F0);background-color:#fcfdfe;display:flex;justify-content:flex-end;gap:12px}.sp-confirm-btn-cancel{padding:8px 16px;height:38px;border-radius:6px;border:1px solid var(--color-border, #E2E8F0);background:#fff;color:var(--color-text-primary, #0F172A);font-size:13.5px;font-weight:600;cursor:pointer}.sp-confirm-btn-cancel:hover{background-color:var(--color-surface-hover, #F1F5F9)}.sp-confirm-btn-action{padding:8px 16px;height:38px;border-radius:6px;border:none;font-size:13.5px;font-weight:600;color:#fff;cursor:pointer}.sp-confirm-btn-action.delete{background-color:var(--color-error, #EF4444)}.sp-confirm-btn-action.delete:hover{background-color:#dc2626}.sp-confirm-btn-action.status{background-color:var(--color-primary, #4F46E5)}.sp-confirm-btn-action.status:hover{background-color:var(--color-primary-dark, #3730A3)}@keyframes sp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.sp-toolbar{flex-direction:column;gap:16px}.sp-filter-item select{width:100%}.sp-pagination-footer{flex-direction:column;gap:16px;align-items:center}}.free-usage-page{padding:24px;background-color:var(--color-dashboard-pageBg, #F8FAFC);min-height:calc(100vh - 64px);font-family:var(--font-primary, "'Plus Jakarta Sans', sans-serif");display:flex;flex-direction:column;gap:24px;position:relative;box-sizing:border-box}.sp-toast{position:fixed;top:24px;right:24px;padding:16px 24px;border-radius:12px;background:var(--color-surface, #ffffff);box-shadow:var(--shadows-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));display:flex;align-items:center;gap:12px;z-index:var(--z-index-notification, 4000);font-size:14px;font-weight:600;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--color-surfaceBorder, #E2E8F0)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sp-toast.success{border-left:4px solid var(--color-success, #10B981);color:#065f46;background-color:#ecfdf5}.sp-toast.error{border-left:4px solid var(--color-error, #EF4444);color:#991b1b;background-color:#fef2f2}.validation-error-banner{background-color:#fef2f2;border:1px solid #FCA5A5;border-radius:12px;padding:16px 24px;display:flex;gap:16px;align-items:flex-start;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.validation-error-icon-wrapper{color:var(--color-error, #EF4444);display:flex;align-items:center;justify-content:center;padding-top:2px}.validation-error-list-wrapper h4{font-size:14px;font-weight:700;color:#991b1b;margin:0 0 6px}.validation-error-list-wrapper ul{margin:0;padding-left:20px}.validation-error-list-wrapper li{font-size:13px;color:#b91c1c;font-weight:500;line-height:1.6}.free-usage-layout-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.free-usage-layout-grid{grid-template-columns:7fr 3fr}}.free-usage-forms-container{display:flex;flex-direction:column;gap:24px}.free-usage-card{background:var(--color-surface, #ffffff);border-radius:16px;border:1px solid var(--color-surfaceBorder, #E8E2D9);box-shadow:var(--shadows-md, 0 4px 6px -1px rgba(0, 0, 0, .08));overflow:hidden;transition:all .3s ease}.free-usage-card:hover{box-shadow:0 10px 20px #0000000a}.free-usage-card-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-surfaceBorder, #E8E2D9);background-color:var(--color-primarySoftExtra, #f8fafc)}.header-title-section{display:flex;align-items:center;gap:16px}.icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.phone-icon-wrapper{background-color:#eff6ff;color:var(--color-info, #3B82F6)}.calendar-icon-wrapper{background-color:#eef2ff;color:var(--color-secondary, #7026ed)}.header-title-section h3{font-family:var(--font-heading, "'Outfit', sans-serif");font-size:16px;font-weight:700;color:var(--color-textPrimary, #4A3427);margin:0}.header-title-section p{font-size:12.5px;color:var(--color-textSecondary, #7A6659);margin:4px 0 0;font-weight:500}.header-action-section{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:46px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#e2e8f0;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.slider{background-color:var(--color-success, #10b981)}.toggle-switch input:checked+.slider:before{transform:translate(22px)}.toggle-label{font-size:13px;font-weight:600;min-width:50px}.toggle-label.enabled{color:var(--color-success, #10b981)}.toggle-label.disabled{color:var(--color-textSecondary, #7A6659)}.free-usage-card-body{padding:24px;display:flex;flex-direction:column;gap:20px;transition:opacity .25s ease}.free-usage-card-body.muted-inputs{opacity:.65}.form-fields-row{display:flex;flex-direction:column;gap:20px}@media(min-width:768px){.form-fields-row{flex-direction:row}}.form-group{display:flex;flex-direction:column;gap:8px}.flex-1{flex:1}.form-group label{font-size:12.5px;font-weight:600;color:var(--color-textSecondary, #7A6659);display:flex;align-items:center;gap:6px}.tooltip-info{cursor:help;color:var(--color-textTertiary, #A08E81);display:flex;align-items:center}.stepper-input{height:40px;border:1px solid var(--color-surfaceBorder, #E8E2D9);border-radius:8px;padding:0 16px;font-size:14px;color:var(--color-textPrimary, #4A3427);font-family:var(--font-secondary, "'Inter', sans-serif");outline:none;transition:all .2s ease;background-color:var(--color-white, #ffffff)}.stepper-input:focus:not(:disabled){border-color:var(--color-primary, #154eeb);box-shadow:0 0 0 3px #154eeb1a}.stepper-input:disabled{background-color:#f1f5f9;cursor:not-allowed;border-color:#e2e8f0}.date-picker-input{height:40px;border:1px solid var(--color-surfaceBorder, #E8E2D9);border-radius:8px;padding:0 16px;font-size:14px;color:var(--color-textPrimary, #4A3427);font-family:var(--font-secondary, "'Inter', sans-serif");outline:none;transition:all .2s ease;background-color:var(--color-white, #ffffff);width:100%;box-sizing:border-box}.date-picker-input:focus:not(:disabled){border-color:var(--color-primary, #154eeb);box-shadow:0 0 0 3px #154eeb1a}.date-picker-input:disabled{background-color:#f1f5f9;cursor:not-allowed;border-color:#e2e8f0}.info-box-works{background-color:var(--color-primarySoft, #eff6ff);border:1px solid rgba(21,78,235,.15);border-radius:12px;padding:16px 20px;display:flex;gap:12px;align-items:flex-start}.info-box-icon{color:var(--color-primary, #154eeb);display:flex;align-items:center;justify-content:center;padding-top:2px}.info-box-content p{font-size:13.5px;color:#1e40af;margin:0;line-height:1.5;font-weight:500}.info-box-content .highlight-val{font-weight:700;color:var(--color-primary, #154eeb);background-color:#154eeb14;padding:1px 6px;border-radius:4px;font-family:var(--font-secondary, "'Inter', sans-serif")}.free-usage-action-container{margin-top:8px}.save-config-btn-full{width:100%;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary, #154eeb) 0%,var(--color-secondary, #7026ed) 100%);color:#fff;font-family:var(--font-primary, "'Plus Jakarta Sans', sans-serif");font-size:15px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 18px #154eeb40;transition:all .25s cubic-bezier(.16,1,.3,1)}.save-config-btn-full:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #154eeb59}.save-config-btn-full:active:not(:disabled){transform:translateY(0)}.save-config-btn-full:disabled{opacity:.65;cursor:not-allowed}.save-btn-spinner{border:3px solid rgba(255,255,255,.25);border-left-color:#fff;width:20px;height:20px;border-radius:50%;animation:spinner-spin .8s linear infinite}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.free-usage-sidebar-summary{display:flex;flex-direction:column;gap:24px}.summary-card{background:var(--color-surface, #ffffff);border-radius:16px;border:1px solid var(--color-surfaceBorder, #E8E2D9);box-shadow:var(--shadows-md, 0 4px 6px -1px rgba(0, 0, 0, .08));overflow:hidden}.summary-card-header{padding:20px 24px;border-bottom:1px solid var(--color-surfaceBorder, #E8E2D9);display:flex;align-items:center;gap:12px;background-color:var(--color-primarySoftExtra, #f8fafc)}.summary-settings-icon{color:var(--color-textSecondary, #7A6659)}.summary-card-header h3{font-family:var(--font-heading, "'Outfit', sans-serif");font-size:15px;font-weight:700;color:var(--color-textPrimary, #4A3427);margin:0}.summary-card-body{padding:24px;display:flex;flex-direction:column;gap:24px}.summary-section{display:flex;flex-direction:column;gap:12px}.summary-section-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--color-textPrimary, #4A3427);padding-bottom:8px;border-bottom:1px dashed var(--color-surfaceBorder, #E8E2D9)}.contact-unlock-section .summary-section-title{color:var(--color-info, #3B82F6)}.site-visit-section .summary-section-title{color:var(--color-secondary, #7026ed)}.summary-data-rows{display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.summary-label{color:var(--color-textSecondary, #7A6659);font-weight:500}.summary-value{color:var(--color-textPrimary, #4A3427);font-weight:600}.summary-value.date-range-val{font-size:12px;color:var(--color-textSecondary, #7A6659)}.summary-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:capitalize}.summary-badge.enabled{background-color:#def7ec;color:#03543f}.summary-badge.disabled{background-color:#f1f5f9;color:#475569}.notes-card{background:#fffbeb;border:1px solid #FDE68A;border-radius:16px;padding:24px;box-shadow:var(--shadows-sm, 0 1px 2px rgba(0, 0, 0, .04))}.notes-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.notes-card-header .warning-icon{color:var(--color-warning, #D97706)}.notes-card-header h3{font-family:var(--font-heading, "'Outfit', sans-serif");font-size:14px;font-weight:700;color:#92400e;margin:0}.notes-list{padding-left:20px;margin:0;display:flex;flex-direction:column;gap:8px}.notes-list li{font-size:12.5px;color:#b45309;line-height:1.5;font-weight:500}.sp-table-loader{display:flex;justify-content:center;align-items:center;min-height:400px}.splash-screen{position:fixed;inset:0;width:100vw;height:100dvh;background-color:var(--color-background);background-image:linear-gradient(rgba(139,94,60,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,94,60,.03) 1px,transparent 1px);background-size:40px 40px;display:flex;align-items:center;justify-content:center;z-index:99999;overflow:hidden}.login-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.5;z-index:0;animation:float 15s infinite ease-in-out;will-change:transform,opacity}.login-blob--1{width:60vw;height:60vw;background:radial-gradient(circle,var(--color-primary-light),transparent 70%);top:-20%;left:-10%;animation-duration:20s}.login-blob--2{width:50vw;height:50vw;background:radial-gradient(circle,var(--color-secondary-light),transparent 70%);bottom:-10%;right:-5%;animation-delay:-5s}@keyframes float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(20px,-15px,0) scale(1.03)}}.splash-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:100%}.logo-depth-container{margin-bottom:40px;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:300px}.logo-depth-bg{position:absolute;width:450px;height:auto;pointer-events:none;z-index:1;will-change:transform,opacity}.logo-core-wrapper{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;will-change:transform,opacity}.splash-logo-large{width:220px;height:auto;display:block;filter:drop-shadow(0 15px 30px rgba(0,0,0,.1))}.central-bloom-flare-refined{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(197,160,89,.25) 40%,transparent 70%);pointer-events:none;z-index:3;filter:blur(20px);will-change:transform,opacity}.logo-glimmer-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 60%,transparent 100%);z-index:4;pointer-events:none}.large-logo-aura-steady{position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--color-primary-soft) 0%,transparent 70%);z-index:0;filter:blur(40px);pointer-events:none;will-change:opacity}.splash-logo-img{width:120px;height:auto;display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1))}.logo-shine-sweep{position:absolute;top:-50%;bottom:-50%;width:30px;background:linear-gradient(to right,#fff0,#fff6,#fff0);pointer-events:none}.brand-main-title{font-size:48px;font-weight:800;color:var(--color-text-primary);letter-spacing:12px;margin:0;font-family:var(--font-heading);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-divider{height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);margin:15px auto}.brand-tagline{font-size:14px;color:var(--color-text-secondary);letter-spacing:4px;text-transform:uppercase;font-weight:600}.splash-loading-indicator{margin-top:50px;width:200px}.loading-bar-track{height:4px;background:#0000000d;border-radius:10px;overflow:hidden;position:relative}.loading-bar-progress{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));box-shadow:0 0 10px #c5a0594d}.cinematic-particle{position:absolute;background:var(--color-primary);border-radius:50%;pointer-events:none;opacity:.2}@media(max-width:768px){.splash-screen{background-image:none!important}.login-blob{display:none!important}.brand-main-title{font-size:32px;letter-spacing:8px}.splash-logo-img{width:90px}.logo-wrapper{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;padding:15px;border-radius:20px}}