:root{--color-brand-flare: #f36f21;--color-brand-flare-strong: #d55a14;--color-brand-midnight: #08183d;--color-brand-midnight-soft: rgba(8, 24, 61, .1);--color-sky-0: #f8fafc;--color-sky-10: #eef2f8;--color-sky-20: #e2e6f0;--color-sky-30: #cfd5e3;--color-primary: var(--color-brand-midnight);--color-primary-soft: var(--color-brand-midnight-soft);--color-secondary: #243c74;--color-accent: var(--color-brand-flare);--color-success: #35a57a;--color-warning: #ffbb55;--color-danger: #e15a5a;--primary: var(--color-primary);--primary-dark: var(--color-brand-midnight);--primary-light: var(--color-brand-midnight-soft);--primary-background: rgba(8, 24, 61, .05);--primary-border: rgba(8, 24, 61, .2);--success: var(--color-success);--success-dark: #2d8a66;--success-light: rgba(53, 165, 122, .1);--success-background: rgba(53, 165, 122, .1);--success-border: rgba(53, 165, 122, .3);--success-text: #2d8a66;--warning: var(--color-warning);--warning-background: rgba(255, 187, 85, .1);--warning-text: #cc9944;--error: var(--color-danger);--error-background: rgba(225, 90, 90, .1);--error-border: rgba(225, 90, 90, .3);--error-text: #cc4a4a;--info: #4a90e2;--info-background: rgba(74, 144, 226, .1);--info-text: #3a7bc8;--text-primary: var(--color-on-surface);--text-secondary: rgba(18, 25, 43, .7);--surface-background: var(--color-sky-0);--card-background: #ffffff;--input-background: #ffffff;--border-light: var(--color-outline);--border-focus: var(--color-brand-flare);--color-on-primary: #f5f7ff;--color-on-secondary: #0f1d3d;--color-on-surface: #12192b;--color-surface-01: rgba(255, 255, 255, .82);--color-surface-02: rgba(255, 255, 255, .68);--color-surface-03: rgba(255, 255, 255, .48);--color-outline: rgba(8, 24, 61, .12);--color-outline-strong: rgba(8, 24, 61, .22);--shadow-soft: 0 20px 48px rgba(8, 24, 61, .18);--shadow-bold: 0 28px 64px rgba(8, 24, 61, .24);--shadow-focus: 0 0 0 3px rgba(243, 111, 33, .35);--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 48px;--blur-strong: 34px;--blur-medium: 22px}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:url(/Background.svg) center/cover no-repeat fixed;color:var(--color-on-surface);font-family:AXtManalBold Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body ::-webkit-scrollbar{width:10px;height:10px}body ::-webkit-scrollbar-track{background:#fff3;border-radius:999px}body ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-brand-flare),var(--color-brand-midnight));border-radius:999px}a{color:inherit}button{font:inherit;background:none;border:none}:focus{outline:none;box-shadow:var(--shadow-focus)}.protected-route__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--color-on-surface);font-family:AXtManalBold Regular,sans-serif}.spinner{width:40px;height:40px;border:3px solid var(--color-outline);border-top:3px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.logo-stack{display:inline-flex;flex-direction:column;align-items:center;gap:4px;transition:all .3s ease}.logo-stack__mark{width:165px;height:auto;transition:all .3s ease;filter:drop-shadow(0 3px 16px rgba(243,111,33,.2))}.logo-stack__word{width:150px;height:auto;transition:all .3s ease;filter:drop-shadow(0 2px 8px rgba(8,24,61,.08))}.logo-stack:hover .logo-stack__mark{transform:scale(1.05);filter:drop-shadow(0 4px 16px rgba(8,24,61,.15))}.logo-stack:hover .logo-stack__word{transform:scale(1.02);filter:drop-shadow(0 4px 16px rgba(8,24,61,.15))}@media (max-width: 960px){.logo-stack__mark{width:135px}.logo-stack__word{width:130px}.logo-stack{gap:4px}}@media (max-width: 768px){.logo-stack__word{display:none}.logo-stack__mark{width:75px}.logo-stack{gap:0}}.app-shell{display:flex;flex-direction:row;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.app-shell__sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;display:flex;flex-direction:column;width:220px;padding:28px 16px;background:linear-gradient(180deg,#fff,#fafbfc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(8,24,61,.08);box-shadow:2px 0 24px #08183d0f;overflow-y:auto;overflow-x:hidden}.app-shell__sidebar::-webkit-scrollbar{width:5px}.app-shell__sidebar::-webkit-scrollbar-track{background:#00000005}.app-shell__sidebar::-webkit-scrollbar-thumb{background:#08183d26;border-radius:3px;transition:background .3s ease}.app-shell__sidebar::-webkit-scrollbar-thumb:hover{background:#08183d40}.sidebar__brand{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:16px 0 32px;border-bottom:2px solid rgba(243,111,33,.1);margin-bottom:32px}.sidebar__nav{flex:1;display:flex;flex-direction:column}.nav-tabs{display:flex;flex-direction:column;gap:8px;padding:0}.nav-tab{display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:14px 16px;border-radius:10px;color:#08183da6;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid transparent;background:transparent}.nav-tab:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#6366f1,#8b5cf6);opacity:0;transition:all .3s ease;border-radius:0 3px 3px 0}.nav-tab:hover:before{opacity:1}.nav-tab:hover{color:#08183de6;background:linear-gradient(135deg,#6366f114,#8b5cf60f);border-color:#6366f126;transform:translate(3px)}.nav-tab--active{background:linear-gradient(135deg,#6366f11f,#8b5cf614);color:#6366f1;border-color:#6366f140;transform:translate(3px);box-shadow:0 4px 12px #6366f126}.nav-tab--active:before{opacity:1;width:3px;background:linear-gradient(180deg,#6366f1,#8b5cf6)}.nav-tab__icon{font-size:1.15rem;transition:all .3s ease;min-width:22px;text-align:center;color:#08183d80}.nav-tab:hover .nav-tab__icon{color:#6366f1;transform:scale(1.1)}.nav-tab--active .nav-tab__icon{transform:scale(1.12);color:#6366f1}.nav-tab__label{font-weight:600;white-space:nowrap;flex:1}.sidebar__user{display:flex;flex-direction:column;gap:14px;padding-top:20px;border-top:2px solid rgba(8,24,61,.08);margin-top:auto}.user-profile{display:flex;flex-direction:column;gap:10px;padding:14px;background:linear-gradient(135deg,#6366f10a,#8b5cf608);border-radius:10px;border:1px solid rgba(99,102,241,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-profile__info{text-align:left}.user-profile__name{font-size:.9rem;font-weight:700;color:#08183de6;line-height:1.3}.user-profile__role{font-size:.75rem;color:#08183d99;text-transform:capitalize;font-weight:500;margin-top:4px}.user-profile__status{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:600;padding:5px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.user-profile__status--active{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.user-profile__status--inactive{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.logout-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;background:linear-gradient(135deg,#ef444414,#dc26260f);border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#dc2626;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%}.logout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.logout-btn:hover:before{left:100%}.logout-btn:hover{background:linear-gradient(135deg,#ef44441f,#dc26261a);border-color:#ef444459;transform:translateY(-2px);box-shadow:0 6px 20px #ef444433;color:#ef4444}.logout-btn:active{transform:translateY(0);box-shadow:0 4px 12px #ef444433}.logout-btn__icon{width:18px;height:18px;transition:transform .3s ease}.logout-btn:hover .logout-btn__icon{transform:translate(2px)}.logout-btn__text{font-weight:600}.app-shell__main{flex:1;margin-left:220px;padding:0;width:calc(100% - 220px);min-height:100vh;box-sizing:border-box}@media (max-width: 1280px){.app-shell__sidebar{width:200px;padding:24px 14px}.app-shell__main{margin-left:200px;padding:0;width:calc(100% - 200px)}.nav-tab{padding:12px 14px;font-size:.85rem;gap:12px}}@media (max-width: 960px){.app-shell__sidebar{width:180px;padding:20px 12px}.app-shell__main{margin-left:180px;padding:0;width:calc(100% - 180px)}.sidebar__brand{padding:12px 0 24px;margin-bottom:24px}.nav-tab{padding:11px 12px;font-size:.8rem;gap:10px}.user-profile{padding:11px;gap:9px}.user-profile__name{font-size:.85rem}.user-profile__role{font-size:.7rem}.logout-btn{padding:11px 14px;font-size:.8rem}}@media (max-width: 768px){.app-shell__sidebar{width:70px;padding:20px 8px}.app-shell__main{margin-left:70px;padding:0;width:calc(100% - 70px)}.sidebar__brand{padding:12px 0 20px;margin-bottom:20px}.nav-tab__label{display:none}.nav-tab{padding:14px 8px;justify-content:center}.nav-tab__icon{min-width:auto}.user-profile__info{display:none}.user-profile{padding:12px 8px;align-items:center}.logout-btn__text{display:none}.logout-btn{padding:12px;justify-content:center}}.brands-page{padding:2rem;width:100%;margin:0;box-sizing:border-box}.create-brand-btn{padding:.875rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;white-space:nowrap}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.brand-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--color-outline);transition:all .3s ease;overflow:hidden;height:240px;display:flex;flex-direction:column}.brand-card:hover{box-shadow:var(--shadow-bold);transform:translateY(-2px)}.brand-card--inactive{background:var(--color-sky-10);opacity:.7;filter:grayscale(1)}.brand-card--inactive:hover{filter:grayscale(.5)}.brand-card__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--color-outline)}.brand-identity{display:flex;align-items:center;gap:1rem;flex:1;min-height:50px}.brand-logo{width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo img{width:100%;height:100%;object-fit:contain;vertical-align:middle}.edit-button{background:var(--color-surface-01);border:1px solid var(--color-outline);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-on-surface)}.brand-card__content{padding:1rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column}.brand-name{font-family:AXtManalBold Regular,sans-serif;font-size:1.25rem;color:var(--color-primary);margin:0;font-weight:600;display:flex;align-items:center;line-height:1.2}.card-title-area{margin-bottom:1rem;min-height:4rem;display:flex;flex-direction:column}.vehicle-indicators{display:flex;gap:1rem;margin-bottom:1.5rem}.indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:20px;border:1px solid var(--color-outline);background:var(--color-surface-01);transition:all .2s ease}.indicator--active{background:#35a57a1a;border-color:var(--color-success)}.indicator--inactive{background:#e15a5a1a;border-color:var(--color-danger)}.indicator__dot{width:8px;height:8px;border-radius:50%;background:var(--color-danger)}.indicator--active .indicator__dot{background:var(--color-success)}.indicator__label{font-size:.875rem;font-weight:500;color:var(--color-on-surface)}.brand-info{display:flex;flex-direction:column;gap:.75rem}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-bold);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.brand-form{padding:1.5rem}.form-group label{display:block;font-weight:500;color:var(--color-on-surface);margin-bottom:.5rem}.form-group input[type=text]{width:100%;padding:.75rem;border:1px solid var(--color-outline);border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-group input[type=text]:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.locations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;padding:.25rem 0;border-radius:0;background:transparent;border:none}.location-label{font-weight:400;color:var(--color-on-surface);text-transform:capitalize}@media (max-width: 768px){.brands-page{padding:1rem}.page-header{flex-direction:column;align-items:stretch;gap:1rem}.brands-grid{grid-template-columns:1fr}.modal-overlay{padding:1rem}.locations-grid{grid-template-columns:1fr}}.brand-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem;animation:fadeIn .2s ease-out}.brand-modal-container{background:#fff;border-radius:16px;max-width:760px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 24px 48px #0003;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.brand-modal-header{background:linear-gradient(135deg,#1e3a5f,#0d1d3a);padding:3.375rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #f36f21;position:relative;overflow:hidden}.brand-modal-header:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(243,111,33,.15) 0%,transparent 70%);pointer-events:none}.brand-modal-header-content{display:flex;align-items:center;gap:1rem;flex:1;position:relative;z-index:1}.brand-modal-title{font-family:AXtManalBold,sans-serif;font-size:1.75rem;font-weight:700;color:#fff;margin:0;letter-spacing:.3px}.brand-modal-badge{background:#10b981;color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.5px}.brand-modal-header-actions{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.brand-modal-close-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.brand-modal-close-btn:hover{background:#ef444433;transform:scale(1.05)}.brand-modal-body{padding:2rem;overflow-y:auto;flex:1;background:#f8fafc}.brand-modal-body::-webkit-scrollbar{width:8px}.brand-modal-body::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.brand-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.brand-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.brand-modal-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.brand-modal-section:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.brand-modal-section:last-child{margin-bottom:0}.brand-modal-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.brand-modal-section-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d}.brand-modal-section-icon--vehicle{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.brand-modal-section-icon--other{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.brand-modal-section-header h3{font-family:AXtManalBold,sans-serif;font-size:1.125rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:.3px}.brand-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.brand-modal-locations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.brand-modal-field{display:flex;align-items:flex-start;gap:.75rem;background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.brand-modal-field:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.brand-modal-field--full{grid-column:1 / -1}.brand-modal-field-icon{width:36px;height:36px;border-radius:8px;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.brand-modal-field:hover .brand-modal-field-icon{background:#cbd5e1;color:#475569}.brand-modal-field-content{flex:1;min-width:0}.brand-modal-field-content label{display:block;font-size:.6875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.brand-modal-input{width:100%;padding:.625rem .875rem;border:2px solid #cbd5e1;border-radius:8px;font-size:.9375rem;font-weight:500;color:#1e293b;background:#fff;transition:all .2s ease;outline:none}.brand-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.brand-modal-input::placeholder{color:#94a3b8}.brand-modal-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.brand-modal-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.625rem .875rem;border-radius:8px;transition:all .2s ease}.brand-modal-checkbox-label:hover{background:#f1f5f9}.brand-modal-checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#3b82f6}.brand-modal-checkbox-label span{font-size:.9375rem;font-weight:500;color:#1e293b}.brand-modal-help{display:block;font-size:.75rem;color:#64748b;margin-top:.5rem}.brand-modal-footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.brand-modal-btn{padding:.75rem 1.75rem;border-radius:8px;font-size:.9375rem;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.3px}.brand-modal-btn--secondary{background:#e2e8f0;color:#475569}.brand-modal-btn--secondary:hover{background:#cbd5e1;transform:translateY(-1px)}.brand-modal-btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.brand-modal-btn--primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.brand-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.brand-modal-overlay{padding:0}.brand-modal-container{max-height:100vh;border-radius:0;max-width:100%}.brand-modal-header{padding:2.8125rem 1.5rem}.brand-modal-title{font-size:1.375rem}.brand-modal-body{padding:1.5rem}.brand-modal-grid,.brand-modal-locations-grid{grid-template-columns:1fr;gap:1rem}.brand-modal-section{padding:1.25rem}.brand-modal-footer{padding:1.25rem 1.5rem}.brand-modal-btn{flex:1}}.users-page{padding:2rem;width:100%;margin:0;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.page-title h1{font-family:AXtManalBold Regular,sans-serif;font-size:2.5rem;color:var(--color-brand-midnight);margin:0 0 .25rem;background:none;-webkit-background-clip:unset;background-clip:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-title p{color:var(--color-on-surface);opacity:.7;margin:0;font-size:1rem;line-height:1.3}.create-user-btn{padding:.875rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;white-space:nowrap}.filter-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--color-outline);padding:1.5rem;margin-bottom:2rem}.filter-card h3{font-family:AXtManalBold Regular,sans-serif;font-size:1.25rem;color:var(--color-primary);margin:0 0 1rem}.filter-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500;color:var(--color-on-surface);font-size:.875rem}.filter-group input,.filter-group select{padding:.75rem;border:1px solid var(--color-outline);border-radius:8px;font-size:.875rem;transition:border-color .2s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.filter-actions{display:flex;gap:.5rem}.filter-btn{padding:.875rem 2rem;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9375rem;white-space:nowrap;border:none}.filter-btn--primary{background:linear-gradient(135deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);color:#fff;box-shadow:0 4px 16px #f36f2140}.filter-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #f36f2159}.filter-btn--primary:active:not(:disabled){transform:translateY(0)}.filter-btn--primary:disabled{opacity:.6;cursor:not-allowed}.filter-btn--secondary{background:var(--color-surface-01);border:1px solid var(--color-outline);color:var(--color-on-surface)}.filter-btn--secondary:hover:not(:disabled){background:var(--color-sky-10)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem;align-items:start}.user-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--color-outline);transition:all .3s ease;overflow:hidden;min-height:200px;display:flex;flex-direction:column}.user-card:hover{box-shadow:var(--shadow-bold);transform:translateY(-2px)}.user-card--inactive{background:var(--color-sky-10);opacity:.7;filter:grayscale(1)}.user-card--inactive:hover{filter:grayscale(.5)}.user-card__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--color-outline)}.user-identity{display:flex;flex-direction:column;gap:.25rem;flex:1}.edit-button{background:var(--color-surface-01);border:1px solid var(--color-outline);border-radius:8px;padding:.5rem;cursor:pointer;font-size:1.2rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.edit-button:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:scale(1.1)}.user-card__content{padding:1rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column;gap:1.25rem}.user-name{font-family:AXtManalBold Regular,sans-serif;font-size:1.25rem;color:var(--color-primary);margin:0;line-height:1.2;padding:0;display:block}.user-role{font-size:.875rem;color:var(--color-on-surface);opacity:.8;font-weight:500;margin:0;padding:0}.user-email{color:var(--color-on-surface);opacity:.7;font-size:.875rem;margin-bottom:1rem}.user-role{display:inline-block;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.user-role--super-admin{background:#a855f726;color:#7c3aed}.user-role--admin{background:#3b82f626;color:#2563eb}.user-role--showroom-manager{background:#22c55e26;color:#15803d}.user-role--sales-coordinator{background:#f9731626;color:#ea580c}.user-info{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.info-label{font-weight:500;color:var(--color-on-surface);opacity:.7;font-size:.875rem}.info-value{font-size:.875rem;color:var(--color-on-surface);text-align:right;flex:1}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge--active{background:#35a57a26;color:var(--color-success)}.status-badge--inactive{background:#e15a5a26;color:var(--color-danger)}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-bold);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-outline)}.modal-header h2{font-family:AXtManalBold Regular,sans-serif;font-size:1.5rem;color:var(--color-primary);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;color:var(--color-on-surface);opacity:.7;transition:opacity .2s ease}.modal-close:hover{opacity:1}.user-form{padding:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:var(--color-on-surface);margin-bottom:.5rem;font-size:.875rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group select{width:100%;padding:.75rem;border:1px solid var(--color-outline);border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.brand-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.brand-option{border:1px solid var(--color-outline);border-radius:8px;padding:1rem;background:var(--color-surface-01);transition:all .2s ease}.brand-option--selected{border-color:var(--color-accent);background:#f36f210d}.brand-option__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.brand-option__header input[type=checkbox]{margin:0}.brand-option__name{font-weight:600;color:var(--color-on-surface);flex:1}.brand-access-options{display:flex;flex-direction:column;gap:.5rem;padding-left:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem}.checkbox-label input[type=checkbox]{margin:0}.locations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem 1rem;margin-bottom:.5rem}.switch-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;padding:.375rem 0;color:var(--color-on-surface);white-space:nowrap}.location-name{font-weight:500;color:var(--color-on-surface);line-height:1.2}.form-help{font-size:.75rem;color:var(--color-on-surface);opacity:.6;margin-top:.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-outline)}.modal-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-actions button[type=button]{background:var(--color-surface-01);border:1px solid var(--color-outline);color:var(--color-on-surface)}.modal-actions button[type=button]:hover{background:var(--color-sky-10)}.btn-primary{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-brand-flare-strong);border-color:var(--color-brand-flare-strong)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-outline);border-top:3px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-message{background:#e15a5a1a;color:var(--color-danger);padding:1rem;border-radius:8px;border:1px solid var(--color-danger);margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;color:var(--color-danger);font-size:1.2rem;cursor:pointer;padding:.25rem}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.empty-state h3{font-family:AXtManalBold Regular,sans-serif;color:var(--color-primary);margin-bottom:.5rem}.empty-state p{color:var(--color-on-surface);opacity:.7;margin-bottom:2rem}@media (max-width: 768px){.users-page{padding:1rem}.page-header{flex-direction:column;align-items:stretch;gap:1rem}.filter-form{grid-template-columns:1fr}.filter-actions{flex-direction:column}.users-grid{grid-template-columns:1fr}.modal-overlay{padding:1rem}.form-grid,.brand-selection{grid-template-columns:1fr}}.leads-page{padding:2rem;width:100%;margin:0;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;position:relative;z-index:1;flex-wrap:wrap;gap:1.5rem}.page-title{position:relative}.leads-header-actions{display:flex;gap:.75rem;margin-left:auto;align-items:stretch;position:relative;z-index:10;flex-shrink:0}.leads-filters-container{display:flex;flex-direction:row;align-items:stretch;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:5;flex-wrap:wrap}.search-bar-container{display:flex;align-items:center;background:#fff;border:2px solid rgba(8,24,61,.12);border-radius:12px;padding:.625rem 1rem;box-shadow:0 4px 16px #08183d14;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;flex:1;min-width:300px;max-width:600px;height:44px}.search-bar-container:focus-within{border-color:#08183d1f;box-shadow:0 4px 16px #08183d14}.search-bar-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-right:.75rem;flex-shrink:0}.search-bar-container:focus-within .search-bar-icon{color:var(--color-brand-flare)}.search-bar-loading{display:flex;align-items:center;justify-content:center}.search-bar-loading .spinner{animation:spin 1s linear infinite}.search-bar-input{flex:1;border:none!important;background:transparent;font-size:.9375rem;font-weight:500;color:var(--color-brand-midnight);outline:none!important;padding:0;box-shadow:none!important}.search-bar-input:focus{border:none!important;outline:none!important;box-shadow:none!important}.search-bar-input::placeholder{color:var(--text-secondary);opacity:.7;font-weight:400}.search-bar-clear{display:flex;align-items:center;justify-content:center;background:#f36f211a;border:1px solid rgba(243,111,33,.2);border-radius:8px;width:32px;height:32px;cursor:pointer;color:var(--color-brand-flare);transition:all .2s ease;margin-left:.75rem;flex-shrink:0}.search-bar-clear:hover{background:#f36f2133;border-color:#f36f214d;transform:scale(1.05)}.search-bar-clear:active{transform:scale(.95)}.date-filter-bar-container{position:relative;display:flex;align-items:stretch;flex-shrink:0}.date-filter-bar-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:2px solid rgba(8,24,61,.12);border-radius:12px;padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:var(--color-brand-midnight);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #08183d14;position:relative;overflow:hidden;white-space:nowrap;height:44px}.date-filter-bar-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .5s ease}.date-filter-bar-button:hover:before{left:100%}.date-filter-bar-button:hover{border-color:#6366f14d;box-shadow:0 6px 20px #6366f126;transform:translateY(-2px)}.date-filter-bar-button--active{border-color:#6366f1;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);color:#6366f1}.date-filter-bar-button svg{flex-shrink:0}.date-filter-bar-button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-range-picker-dropdown{position:absolute;top:calc(100% + .75rem);left:0;right:0;background:#fff;border-radius:16px;box-shadow:0 20px 60px #08183d33,0 0 0 1px #08183d14;min-width:320px;max-width:400px;width:100%;overflow:hidden;z-index:10002;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.date-range-picker-dropdown{left:-50%;right:-50%;max-width:90vw;min-width:300px}}@media (max-width: 480px){.date-range-picker-dropdown{left:-100%;right:-100%;max-width:95vw;min-width:280px}}.btn-refresh,.btn-export{padding:0 1.25rem;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));box-shadow:var(--shadow-soft);white-space:nowrap;height:44px}.btn-refresh:before,.btn-export:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-refresh:hover:before,.btn-export:hover:before{left:100%}.btn-refresh:disabled,.btn-export:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-refresh--loading,.btn-export--loading{animation:pulse 2s infinite}.btn-refresh:active,.btn-export:active{transform:translateY(0) scale(.98)}.btn-column-selector{padding:0 1.25rem;border:1px solid rgba(8,24,61,.1);border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);color:var(--color-brand-midnight);-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));box-shadow:var(--shadow-soft);position:relative;overflow:hidden;white-space:nowrap;height:44px}.column-dropdown{position:absolute;top:100%;left:auto;right:0;margin-top:.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #08183d26,0 0 0 1px #08183d0d;min-width:280px;max-height:400px;overflow:hidden;z-index:99999;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.column-dropdown-toggle-all{background:none;border:none;color:var(--color-brand-flare);font-size:.8rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .2s ease}.column-dropdown-toggle-all:hover{background:#f36f211a;color:var(--color-brand-flare-strong)}.brand-filter-container{position:relative;display:inline-block}.filter-button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:#ffffffb3;cursor:pointer;border-radius:4px;transition:all .2s ease;margin-left:.5rem}.filter-button:hover{background:#ffffff1a;color:#fff}.filter-button--active{color:var(--color-brand-flare);background:#f36f211a}.brand-filter-dropdown{position:absolute;top:calc(100% + .5rem);background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #08183d26,0 0 0 1px #08183d0d;min-width:280px;max-height:400px;overflow:hidden;z-index:10002;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.brand-filter-dropdown--right{right:0;transform-origin:top right}.brand-filter-dropdown--left{left:0;transform-origin:top left}.date-filter-container{position:relative;display:inline-block;margin-left:.5rem}.date-range-dropdown{position:absolute;top:calc(100% + .5rem);background:#fff;border-radius:16px;box-shadow:0 20px 60px #08183d33,0 0 0 1px #08183d14;min-width:320px;overflow:hidden;z-index:10002;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.date-range-dropdown--right{right:0;transform-origin:top right}.date-range-dropdown--left{left:0;transform-origin:top left}.date-range-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(8,24,61,.08);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#6366f10d,#8b5cf60d)}.date-range-header span{font-weight:700;font-size:.875rem;color:var(--color-brand-midnight);text-transform:uppercase;letter-spacing:.5px}.date-range-clear{background:none;border:none;color:#6366f1;font-size:.8125rem;font-weight:600;padding:.375rem .875rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.date-range-clear:hover{background:#6366f11a;color:#4f46e5}.date-range-info{padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc80,#ffffffe6);border-bottom:1px solid rgba(8,24,61,.06)}.date-range-selection{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.date-range-selection:first-child{padding-top:0}.date-range-selection:last-child{padding-bottom:0}.date-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.date-value{font-size:.875rem;font-weight:600;color:#6366f1;font-family:monospace;background:#6366f114;padding:.25rem .75rem;border-radius:6px}.calendar-container{padding:1rem}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .5rem;margin-bottom:.75rem}.calendar-month{font-size:.9375rem;font-weight:700;color:var(--color-brand-midnight);letter-spacing:.3px}.calendar-nav{width:32px;height:32px;border-radius:8px;border:1px solid rgba(8,24,61,.1);background:#fff;color:var(--color-brand-midnight);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.calendar-nav:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.calendar-weekday{text-align:center;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:.5rem 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-day{aspect-ratio:1;border:none;background:#fff;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--color-brand-midnight);cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.calendar-day:hover:not(.calendar-day--empty){background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:#6366f1;transform:scale(1.05);box-shadow:0 2px 8px #6366f126}.calendar-day--empty{cursor:default;background:transparent}.calendar-day--today{font-weight:700;color:#6366f1;border:2px solid #6366f1}.calendar-day--selected{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:700;box-shadow:0 4px 12px #6366f166;transform:scale(1.05)}.calendar-day--selected:hover{transform:scale(1.08);box-shadow:0 6px 16px #6366f180}.calendar-day--in-range:not(.calendar-day--selected){background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#6366f1;font-weight:600}.calendar-day--in-range:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640)}.brand-filter-dropdown-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(8,24,61,.08);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#08183d08,#f36f2105)}.brand-filter-dropdown-header span{font-weight:700;font-size:.875rem;color:var(--color-brand-midnight);text-transform:uppercase;letter-spacing:.5px}.brand-filter-dropdown-toggle-all{background:none;border:none;color:var(--color-brand-flare);font-size:.8rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .2s ease}.brand-filter-dropdown-toggle-all:hover{background:#f36f211a;color:var(--color-brand-flare-strong)}.brand-filter-dropdown-list{max-height:320px;overflow-y:auto;padding:.5rem}.brand-filter-dropdown-list::-webkit-scrollbar{width:6px}.brand-filter-dropdown-list::-webkit-scrollbar-track{background:#08183d08;border-radius:3px}.brand-filter-dropdown-list::-webkit-scrollbar-thumb{background:#08183d33;border-radius:3px}.brand-filter-dropdown-list::-webkit-scrollbar-thumb:hover{background:#08183d4d}.brand-filter-dropdown-item{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-md);margin-bottom:.25rem;-webkit-user-select:none;user-select:none}.brand-filter-dropdown-item:hover{background:linear-gradient(135deg,#08183d0a,#f36f210a)}.brand-filter-dropdown-item input[type=checkbox]{width:18px;height:18px;margin:0;margin-right:.75rem;cursor:pointer;accent-color:#3b82f6;border-radius:var(--radius-sm)}.brand-filter-dropdown-item span{font-size:.875rem;color:var(--color-brand-midnight);font-weight:500}.brand-filter-dropdown-item input[type=checkbox]:checked+span{font-weight:600;color:#1e293b}.inventory-badge{padding:.375rem 1rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001a}.inventory-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.inventory-badge:hover:before{left:100%}.no-content-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f8fafccc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.no-content-message{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-secondary);text-align:center;padding:2rem}.no-content-message h3{font-family:AXtManalBold,sans-serif;font-size:1.5rem;color:var(--color-brand-midnight);margin:0}.no-content-message p{font-size:1rem;margin:0;max-width:400px;line-height:1.5}.inventory-badge--new{background:linear-gradient(135deg,#4a90e2e6,#4a90e2b3);color:#fff;border:1px solid rgba(74,144,226,.3)}.inventory-badge--used{background:linear-gradient(135deg,#f36f21e6,#f36f21b3);color:#fff;border:1px solid rgba(243,111,33,.3)}.leads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:2rem;align-items:start;position:relative;z-index:1}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;background:linear-gradient(135deg,#ffffffe6,#f8fafcb3);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));position:relative;z-index:1}.loading-spinner{width:60px;height:60px;border:6px solid rgba(8,24,61,.1);border-top:6px solid var(--color-brand-flare);border-right:6px solid var(--color-brand-midnight);border-radius:50%;animation:spin-gradient 1.5s cubic-bezier(.4,0,.2,1) infinite;margin-bottom:2rem;box-shadow:0 4px 20px #f36f2133}@keyframes spin-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,var(--color-brand-midnight) 0%,var(--color-brand-flare) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-message{background:linear-gradient(135deg,#e15a5a1a,#e15a5a0d);color:var(--error-text);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid rgba(225,90,90,.2);margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #e15a5a1a;position:relative;z-index:1}.success-message{background:linear-gradient(135deg,#35a57a1a,#35a57a0d);color:var(--success-text);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid rgba(53,165,122,.2);margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #35a57a1a;position:relative;z-index:1}.success-message button{background:none;border:none;color:var(--success-text);font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.lead-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:var(--radius-lg);border:1px solid rgba(8,24,61,.08);padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));position:relative;overflow:hidden}.lead-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-brand-flare) 0%,var(--color-brand-midnight) 50%,var(--color-brand-flare) 100%);opacity:0;transition:opacity .3s ease}.lead-card:hover:before{opacity:1}.lead-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-bold);border-color:#f36f2133;background:linear-gradient(135deg,#fffffffa,#f8fafcf2)}.lead-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;position:relative}.lead-info{flex:1;position:relative}.lead-name{font-family:AXtManalBold,sans-serif;font-size:1.5rem;background:linear-gradient(135deg,var(--color-brand-midnight) 0%,var(--color-brand-flare) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .75rem;line-height:1.2}.lead-status{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #0000001a}.lead-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.lead-status:hover:before{left:100%}.lead-status--new{background:linear-gradient(135deg,#4a90e2e6,#4a90e2b3);color:#fff;border:1px solid rgba(74,144,226,.3)}.lead-status--contacted{background:linear-gradient(135deg,#ffbb55e6,#ffbb55b3);color:var(--color-brand-midnight);border:1px solid rgba(255,187,85,.3)}.lead-status--qualified{background:linear-gradient(135deg,#08183de6,#08183db3);color:#fff;border:1px solid rgba(8,24,61,.3)}.lead-status--closed-won{background:linear-gradient(135deg,#35a57ae6,#35a57ab3);color:#fff;border:1px solid rgba(53,165,122,.3)}.lead-status--closed-lost{background:linear-gradient(135deg,#e15a5ae6,#e15a5ab3);color:#fff;border:1px solid rgba(225,90,90,.3)}.edit-button{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid rgba(8,24,61,.1);border-radius:var(--radius-lg);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden}.edit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(243,111,33,.2),transparent);transition:left .5s ease}.edit-button:hover:before{left:100%}.edit-button:hover{background:linear-gradient(135deg,#f36f211a,#08183d0d);border-color:var(--color-brand-flare);transform:translateY(-2px) scale(1.08);box-shadow:0 4px 16px #f36f2133;color:var(--color-brand-flare)}.lead-card__content{margin-top:1.5rem}.lead-details{display:grid;grid-template-columns:1fr;gap:1rem}.detail-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:linear-gradient(135deg,#f8fafc99,#fff6);border-radius:12px;border:1px solid rgba(8,24,61,.05);transition:all .2s ease}.detail-row:hover{background:linear-gradient(135deg,#f8fafccc,#fff9);border-color:#f36f211a;transform:translate(4px)}.detail-row--full{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-label{font-weight:700;color:var(--color-brand-midnight);min-width:120px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.detail-value{color:var(--text-primary);font-size:.9rem;font-weight:500;flex:1;word-break:break-word}.refresh-card{background:linear-gradient(135deg,var(--primary-light),var(--primary-background));border-radius:12px;border:1px solid var(--primary-border);padding:1.5rem;color:var(--primary)}.refresh-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.refresh-header h3{font-family:AXtManalBold,sans-serif;font-size:1.1rem;margin:0;color:var(--primary)}.refresh-btn{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.7;cursor:not-allowed}.refresh-btn--loading{animation:pulse 2s infinite}.refresh-settings{display:flex;flex-direction:column;gap:1rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{font-weight:600;font-size:.875rem;color:var(--primary)}.setting-group select{padding:.5rem;border:1px solid var(--primary-border);border-radius:6px;background:#fff;color:var(--text-primary);font-size:.875rem}.last-refresh{font-size:.75rem;color:var(--primary-dark);font-style:italic}.export-card{background:linear-gradient(135deg,var(--success-light),var(--success-background));border-radius:12px;border:1px solid var(--success-border);padding:1.5rem;color:var(--success-text)}.export-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.export-header h3{font-family:AXtManalBold,sans-serif;font-size:1.1rem;margin:0;color:var(--success-text)}.export-btn{background:var(--success);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.export-btn:hover:not(:disabled){background:var(--success-dark);transform:translateY(-1px)}.export-btn:disabled{opacity:.7;cursor:not-allowed}.export-btn--loading{animation:pulse 2s infinite}.export-description{font-size:.875rem;color:var(--success-text);opacity:.9}.empty-state{grid-column:1 / -1;text-align:center;padding:6rem 2rem;background:linear-gradient(135deg,#fffc,#f8fafc99);border-radius:var(--radius-xl);border:2px dashed rgba(8,24,61,.1);-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(243,111,33,.1) 0%,transparent 70%);transform:translate(-50%,-50%);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.empty-state h3{font-family:AXtManalBold,sans-serif;font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-brand-midnight) 0%,var(--color-brand-flare) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.empty-state p{font-size:1.1rem;color:var(--text-secondary);position:relative;z-index:1}.modal-content{background:var(--card-background);border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.lead-details-readonly{padding:1.5rem 2rem;background:var(--surface-background);border-bottom:1px solid var(--border-light)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item .detail-label{font-weight:600;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-item .detail-value{font-size:.875rem;color:var(--text-primary)}.lead-form{padding:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group--full{grid-column:1 / -1}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border-light);border-radius:8px;font-size:.875rem;color:var(--text-primary);background:var(--input-background);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-group textarea{resize:vertical;min-height:80px}@media (max-width: 768px){.leads-page{padding:1rem}.leads-page:before{height:150px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.page-title h1{font-size:2.5rem}.leads-header-actions{flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.btn-refresh,.btn-export{width:100%;justify-content:center}.leads-filters-container{flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.search-bar-container{padding:.625rem 1rem;border-radius:12px;max-width:100%;min-width:100%}.search-bar-icon{margin-right:.5rem}.search-bar-input{font-size:.875rem}.search-bar-input::placeholder{font-size:.8125rem}.search-bar-clear{width:28px;height:28px;margin-left:.5rem}.date-filter-bar-container{width:100%}.date-filter-bar-button{width:100%;padding:.625rem 1rem;border-radius:12px;font-size:.875rem;justify-content:center}.date-range-picker-dropdown{left:0;right:0;min-width:unset;width:calc(100vw - 2rem);max-width:360px}.leads-header-actions{width:100%;margin-left:0;justify-content:stretch}.leads-header-actions>*{flex:1}.btn-refresh,.btn-export,.btn-column-selector{padding:.625rem 1rem;font-size:.8125rem}.leads-grid{grid-template-columns:1fr;gap:1.5rem}.page-header{flex-direction:column;gap:1.5rem;align-items:stretch;margin-bottom:2rem}.lead-card{padding:1.5rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.detail-label{min-width:auto;font-size:.75rem}.detail-value{font-size:.875rem}.lead-name{font-size:1.25rem}.empty-state{padding:4rem 1.5rem}.empty-state h3{font-size:1.5rem}.form-grid{grid-template-columns:1fr}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.details-grid{grid-template-columns:1fr}}.pagination-container{display:flex;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-top:1px solid #e0e0e0;-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));margin-top:auto;flex-shrink:0;width:100%;position:relative;left:0;right:0}.pagination-container>*{margin:0 auto}.pagination-info{display:flex;align-items:center;justify-content:center;gap:2rem;position:absolute;left:2rem}.pagination-info-text{font-size:.875rem;color:var(--text-secondary);font-weight:500}.filter-indicator{color:var(--color-brand-flare);font-weight:600;margin-left:.5rem}.items-per-page{display:flex;align-items:center;gap:.75rem}.items-per-page label{font-size:.875rem;color:var(--text-secondary);font-weight:600;white-space:nowrap}.items-per-page-select{padding:.5rem 2rem .5rem .75rem;border:2px solid rgba(8,24,61,.12);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--color-brand-midnight);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:14px;box-shadow:0 2px 4px #0000000a}.items-per-page-select:hover{border-color:#08183d33;box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.items-per-page-select:focus{outline:none;border-color:var(--color-brand-flare);box-shadow:0 0 0 3px #f36f211a;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23f36f21' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-numbers{display:flex;align-items:center;gap:.25rem;margin:0 1rem}.pagination-btn{padding:.5rem 1rem;border:1px solid var(--border-light);background:var(--card-background);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pagination-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(243,111,33,.1),transparent);transition:left .3s ease}.pagination-btn:hover:before{left:100%}.pagination-btn:hover:not(:disabled){border-color:var(--color-brand-flare);background:linear-gradient(135deg,#f36f210d,#08183d05);transform:translateY(-1px);box-shadow:0 4px 12px #f36f2126}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-background);color:var(--text-disabled)}.pagination-btn--number{min-width:40px;padding:.5rem;display:flex;align-items:center;justify-content:center}.pagination-btn--active:hover{background:linear-gradient(135deg,var(--color-brand-flare-strong) 0%,var(--color-brand-flare) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #f36f2166}.pagination-btn--prev,.pagination-btn--next{padding:.5rem 1.25rem;font-weight:600}.pagination-btn--prev:hover:not(:disabled),.pagination-btn--next:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brand-midnight) 0%,var(--color-secondary) 100%);color:#fff;border-color:var(--color-brand-midnight)}@media (max-width: 1200px){.pagination-info{position:relative;left:0;width:100%;justify-content:space-between}.pagination-container{flex-direction:column;gap:1rem}}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:1rem;padding:1.5rem 1rem}.pagination-info{position:relative;left:0;flex-direction:column;gap:.75rem;width:100%}.pagination-info-text{font-size:.8125rem}.pagination-controls{width:100%;justify-content:center;flex-wrap:wrap}.pagination-numbers{margin:0 .5rem;gap:.25rem}.pagination-btn{padding:.375rem .75rem;font-size:.8rem}.pagination-btn--number{min-width:36px;padding:.375rem}.pagination-btn--prev,.pagination-btn--next{padding:.375rem 1rem;font-size:.75rem}}@media (max-width: 480px){.pagination-container{padding:1rem .75rem}.pagination-info{font-size:.75rem}.pagination-controls{gap:.25rem}.pagination-numbers{margin:0 .25rem;gap:.125rem}.pagination-btn{padding:.25rem .5rem;font-size:.75rem;min-height:32px}.pagination-btn--number{min-width:32px;padding:.25rem}.pagination-btn--prev,.pagination-btn--next{padding:.25rem .75rem;font-size:.7rem}.pagination-btn--prev:before,.pagination-btn--next:before{content:""}.pagination-btn--prev{order:-1}.pagination-btn--next{order:1}.pagination-numbers{order:0;flex-shrink:1}.items-per-page{flex-direction:column;gap:.5rem;text-align:center}.items-per-page-select{padding:.375rem 1.75rem .375rem .5rem;font-size:.8125rem}}.leads-table-container{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px #08183d14;overflow-x:auto;overflow-y:visible;position:relative;z-index:0}.leads-table-wrapper{overflow-x:visible;overflow-y:visible;min-height:500px;position:relative;display:flex;flex-direction:column}.leads-table-content{flex:1;overflow-x:visible;overflow-y:visible;position:relative}.leads-table{width:100%;min-width:1200px;border-collapse:collapse;font-size:.875rem;table-layout:auto;position:relative;z-index:2}.leads-table th{background:linear-gradient(135deg,var(--color-brand-midnight) 0%,var(--color-secondary) 100%);color:#fff;padding:1rem .75rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid var(--primary-border);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.leads-table th:hover{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-brand-midnight) 100%)}.leads-table th.sorted-asc:after{content:" ↑";position:absolute;right:.5rem;font-weight:700}.leads-table th.sorted-desc:after{content:" ↓";position:absolute;right:.5rem;font-weight:700}.leads-table th.sortable{cursor:grab;-webkit-user-select:none;user-select:none}.leads-table th.sortable:active{cursor:grabbing}.leads-table th.sortable .header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.leads-table th.sortable .header-label{flex:1;cursor:pointer}.leads-table th.sortable .drag-handle{opacity:.5;font-size:.75rem;color:#ffffffb3;margin-left:.5rem;cursor:grab;padding:.25rem;border-radius:4px;transition:all .2s ease}.leads-table th.sortable:hover .drag-handle{opacity:1;background:#ffffff1a}.leads-table th.sortable .drag-handle:hover{background:#fff3!important;transform:scale(1.1)}.leads-table th.sortable .drag-handle:active{cursor:grabbing;transform:scale(.95)}.leads-table td{padding:1rem .75rem;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;min-width:120px}.leads-table tr:hover{background:var(--primary-light);cursor:pointer}.lead-row{transition:background-color .2s ease;cursor:pointer;position:relative;z-index:10}.name-cell{display:flex;align-items:center;gap:.75rem}.new-lead-indicator{width:8px;height:8px;background:linear-gradient(135deg,var(--color-brand-flare) 0%,#e67e22 100%);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #f36f2133,0 2px 8px #f36f2166;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 0 2px #f36f2133,0 2px 8px #f36f2166}50%{transform:scale(1.2);box-shadow:0 0 0 4px #f36f214d,0 4px 12px #f36f2199}}.name-text{flex:1}.status-text{color:var(--text-primary);font-weight:500}.status-text--new{color:var(--success)}.status-text--contacted{color:var(--info)}.status-text--qualified{color:var(--warning)}.status-text--closed-won{color:var(--success)}.status-text--closed-lost{color:var(--error)}.actions-cell{text-align:center;width:60px}.edit-btn{background:var(--primary-light);border:1px solid var(--primary-border);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.875rem}.edit-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.leads-header-actions{display:flex;gap:1rem;margin-bottom:2rem;position:relative;z-index:1}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}.lead-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2rem 0}.lead-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:900px;width:calc(100% - 2rem);max-height:calc(100vh - 4rem);overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;margin:auto;position:relative;overscroll-behavior:contain}.lead-modal-header{background:linear-gradient(135deg,var(--color-brand-midnight) 0%,var(--color-secondary) 100%);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.lead-modal-header-content{display:flex;align-items:center;gap:1rem;flex:1}.lead-modal-title{font-family:AXtManalBold,sans-serif;font-size:1.5rem;margin:0;color:#fff}.lead-modal-badge{background:#4ade8033;color:#4ade80;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;border:1px solid rgba(74,222,128,.3)}.lead-modal-header-actions{display:flex;align-items:center;gap:.75rem}.lead-modal-edit-btn,.lead-modal-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.lead-modal-edit-btn:hover,.lead-modal-close-btn:hover{background:#fff3;transform:translateY(-2px)}.lead-modal-body{padding:2rem;overflow-y:auto;overflow-x:hidden;flex:1;background:linear-gradient(135deg,#f8fafc80,#ffffffe6);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative}.lead-modal-body::-webkit-scrollbar{width:8px}.lead-modal-body::-webkit-scrollbar-track{background:#08183d0d;border-radius:4px}.lead-modal-body::-webkit-scrollbar-thumb{background:#08183d33;border-radius:4px;transition:background .2s ease}.lead-modal-body::-webkit-scrollbar-thumb:hover{background:#08183d4d}.lead-modal-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(8,24,61,.08)}.lead-modal-section:last-child{margin-bottom:0}.lead-modal-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid rgba(8,24,61,.06)}.lead-modal-section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.lead-modal-section:nth-child(1) .lead-modal-section-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.lead-modal-section:nth-child(2) .lead-modal-section-icon{background:linear-gradient(135deg,var(--color-brand-flare) 0%,#e67e22 100%)}.lead-modal-section:nth-child(3) .lead-modal-section-icon{background:linear-gradient(135deg,#a855f7,#9333ea)}.lead-modal-section:nth-child(4) .lead-modal-section-icon{background:linear-gradient(135deg,#14b8a6,#0d9488)}.lead-modal-section:nth-child(5) .lead-modal-section-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.lead-modal-section h3{font-family:AXtManalBold,sans-serif;font-size:1.125rem;color:var(--color-brand-midnight);margin:0}.lead-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.lead-modal-field{display:flex;gap:.75rem}.lead-modal-field-icon{width:36px;height:36px;background:#64748b14;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.lead-modal-field-content{flex:1}.lead-modal-field-content label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.lead-modal-field-value{font-size:.9375rem;font-weight:500;color:var(--color-brand-midnight);word-break:break-word}.lead-modal-field-value--readonly{background:#08183d08;padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(8,24,61,.08);font-family:monospace;font-weight:600;color:#6366f1}.lead-modal-field-value input,.lead-modal-field-value textarea,.lead-modal-field-value select{width:100%;padding:.75rem 1rem;border:2px solid rgba(8,24,61,.12);border-radius:12px;font-size:.9375rem;font-family:inherit;font-weight:500;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 4px #0000000a}.lead-modal-field-value select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px;padding-right:3rem}.lead-modal-field-value input,.lead-modal-field-value textarea{cursor:text}.lead-modal-field-value input:focus,.lead-modal-field-value textarea:focus{outline:none;border-color:var(--color-brand-flare);box-shadow:0 0 0 3px #f36f211a}.lead-modal-field-value select:focus{outline:none;border-color:var(--color-brand-flare);box-shadow:0 0 0 4px #f36f2126,0 8px 32px #f36f211f;transform:translateY(-2px);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23f36f21' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");position:relative}.lead-modal-field-value select:focus:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#f36f211a,#e67e220d);border-radius:14px;z-index:-1;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.lead-modal-field-value select:hover{border-color:#08183d33;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;transform:translateY(-1px)}.lead-modal-field-value select:valid{background:linear-gradient(135deg,#4ade8005,#10b98105);border-color:#4ade804d}.lead-modal-field-value select option{padding:.75rem 1rem;font-size:.875rem;background:#fff;color:var(--color-brand-midnight);transition:all .2s ease}.lead-modal-field-value select option:hover,.lead-modal-field-value select option:checked{background:linear-gradient(135deg,var(--color-brand-flare) 0%,#e67e22 100%);color:#fff}.lead-modal-field-value textarea{min-height:80px;resize:vertical}.lead-modal-footer{padding:1.25rem 2rem;background:#fff;border-top:1px solid rgba(8,24,61,.08);display:flex;justify-content:flex-end;gap:.75rem}.lead-modal-btn{padding:.625rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:.5rem}.lead-modal-btn--cancel{background:#08183d0f;color:var(--color-brand-midnight)}.lead-modal-btn--cancel:hover{background:#08183d1a}.lead-modal-btn--save{background:var(--color-brand-flare);color:#fff}.lead-modal-btn--save:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f36f214d}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.lead-modal-content{max-width:800px;max-height:90vh;overflow-y:auto}.modal-header-actions{display:flex;align-items:center;gap:1rem}.edit-mode-btn{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.edit-mode-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.edit-mode-btn:disabled{opacity:.6;cursor:not-allowed}.lead-details-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.lead-details-section:last-child{border-bottom:none;margin-bottom:0}.lead-details-section h3{font-family:AXtManalBold,sans-serif;font-size:1.25rem;color:var(--primary);margin:0 0 1rem;border-left:4px solid var(--primary);padding-left:1rem}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:var(--text-primary);font-size:.9rem;font-weight:500}@media (max-width: 768px){.leads-header-actions{flex-direction:column;gap:.75rem}.leads-table-wrapper{overflow-x:scroll}.leads-table{min-width:800px}.lead-modal-content{max-width:calc(100vw - 2rem)}.modal-header-actions{flex-direction:column;gap:.5rem;align-items:stretch}}.lead-modal-content{max-width:800px!important;max-height:85vh!important;overflow:hidden!important;background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;-webkit-backdrop-filter:blur(var(--blur-strong))!important;backdrop-filter:blur(var(--blur-strong))!important;border:1px solid rgba(8,24,61,.08)!important;box-shadow:var(--shadow-bold)!important;border-radius:var(--radius-lg)!important;position:relative;z-index:1}.customer-title{display:flex;flex-direction:column;gap:.5rem}.customer-name{font-family:AXtManalBold,sans-serif;font-size:1.25rem;margin:0;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.lead-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.lead-id{font-family:Courier New,monospace;font-size:.75rem;color:#fffc;background:#ffffff1a;padding:.1875rem .5rem;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.2)}.modal-header-actions{display:flex!important;align-items:center!important;gap:.75rem!important;position:relative;z-index:2}.btn-close-header{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:#fff;padding:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:36px;height:36px;-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium))}.btn-close-header:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.btn-close-header .btn-icon{width:16px;height:16px}.lead-modal-content>.lead-modal-content{padding:1.25rem;overflow-y:auto;max-height:75vh;scrollbar-width:thin;scrollbar-color:rgba(243,111,33,.4) rgba(8,24,61,.1);scroll-behavior:smooth;position:relative;min-height:500px}.lead-modal-content>.lead-modal-content::-webkit-scrollbar{width:8px}.lead-modal-content>.lead-modal-content::-webkit-scrollbar-track{background:#08183d26;border-radius:4px;margin:4px}.lead-modal-content>.lead-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f36f2180,#f36f214d);border-radius:4px;border:1px solid rgba(243,111,33,.2);transition:all .2s ease}.lead-modal-content>.lead-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f36f21b3,#f36f2166);border-color:#f36f214d;transform:scale(1.1)}.lead-modal-content>.lead-modal-content::-webkit-scrollbar-corner{background:transparent}.lead-modal-content .info-section{margin-bottom:1.25rem;background:#ffffffd9;border-radius:var(--radius-lg);padding:1rem;border:1px solid rgba(8,24,61,.08);box-shadow:0 4px 16px #08183d0a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:sectionFadeIn .4s ease-out}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lead-modal-content .info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-brand-flare) 0%,var(--color-brand-midnight) 100%)}.lead-modal-content .info-section:hover{transform:translateY(-2px);box-shadow:0 12px 32px #08183d1f}.lead-modal-content .section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(8,24,61,.1)}.lead-modal-content .section-icon{width:32px;height:32px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #08183d1a}.lead-modal-content .section-icon svg{width:16px;height:16px}.lead-modal-content .section-icon--customer{background:linear-gradient(135deg,#4a90e226,#4a90e20d);color:var(--info);border:1px solid rgba(74,144,226,.2)}.lead-modal-content .section-icon--vehicle{background:linear-gradient(135deg,#f36f2126,#f36f210d);color:var(--color-brand-flare);border:1px solid rgba(243,111,33,.2)}.lead-modal-content .section-icon--lead{background:linear-gradient(135deg,#08183d26,#08183d0d);color:var(--color-brand-midnight);border:1px solid rgba(8,24,61,.2)}.lead-modal-content .section-icon--editable{background:linear-gradient(135deg,#10b98126,#10b9810d);color:var(--success);border:1px solid rgba(16,185,129,.2)}.lead-modal-content .section-icon--other{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.lead-modal-content .section-header h3{font-family:AXtManalBold,sans-serif;font-size:1rem;color:var(--color-brand-midnight);margin:0;border:none;padding:0}.lead-modal-content .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.5rem;align-items:start;max-width:100%}.lead-modal-content .info-item{display:flex;flex-direction:column;gap:.5rem;padding:.875rem;background:#ffffffd9;border-radius:var(--radius-lg);border:1px solid rgba(8,24,61,.08);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:itemFadeIn .4s ease-out;animation-fill-mode:both;min-height:90px;max-width:100%}.lead-modal-content .info-item:nth-child(1){animation-delay:.1s}.lead-modal-content .info-item:nth-child(2){animation-delay:.2s}.lead-modal-content .info-item:nth-child(3){animation-delay:.3s}.lead-modal-content .info-item:nth-child(4){animation-delay:.4s}.lead-modal-content .info-item:nth-child(5){animation-delay:.5s}.lead-modal-content .info-item:nth-child(6){animation-delay:.6s}@keyframes itemFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.lead-modal-content .info-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,transparent 0%,rgba(243,111,33,.3) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.lead-modal-content .info-item:hover{background:#fffffff2;border-color:#f36f214d;transform:translateY(-3px);box-shadow:0 12px 32px #08183d26}.lead-modal-content .info-item:hover .info-icon{transform:scale(1.05);box-shadow:0 4px 16px #08183d1f}.lead-modal-content .info-item:hover:before{opacity:1}.lead-modal-content .info-header{display:flex;align-items:center;gap:.625rem}.lead-modal-content .info-icon{width:28px;height:28px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#08183d1a,#08183d0d);display:flex;align-items:center;justify-content:center;color:var(--color-brand-midnight);border:1px solid rgba(8,24,61,.15);flex-shrink:0;box-shadow:0 2px 8px #08183d14;transition:all .3s cubic-bezier(.4,0,.2,1)}.lead-modal-content .info-icon svg{width:16px;height:16px}.lead-modal-content .info-label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;line-height:1.2;margin:0}.lead-modal-content .info-value{font-size:.8125rem;color:var(--text-primary);font-weight:500;line-height:1.3;word-break:break-word;text-align:left;padding-left:0;position:relative;transition:color .2s ease}.lead-modal-content .info-item:hover .info-value{color:var(--color-brand-midnight)}.lead-modal-content .info-value.brand-value{font-weight:700;color:var(--color-brand-midnight)}.lead-modal-content .status-indicator,.lead-modal-content .inventory-indicator{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;border:2px solid currentColor}.lead-modal-content .status-indicator svg{width:16px;height:16px}.lead-modal-content .status-indicator--new,.lead-modal-content .inventory-indicator.new{background:linear-gradient(135deg,#4a90e21a,#4a90e20d);color:var(--info)}.lead-modal-content .status-indicator--contacted{background:linear-gradient(135deg,#ffbb551a,#ffbb550d);color:var(--warning)}.lead-modal-content .status-indicator--qualified{background:linear-gradient(135deg,#35a57a1a,#35a57a0d);color:var(--success)}.lead-modal-content .inventory-indicator.used{background:linear-gradient(135deg,#f36f211a,#f36f210d);color:var(--color-brand-flare)}.lead-modal-content .status-badge.status-badge--new,.lead-modal-content .inventory-badge.inventory-badge--new{background:linear-gradient(135deg,#4a90e226,#4a90e214);color:var(--info);border:1px solid rgba(74,144,226,.3);display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.lead-modal-content .status-badge.status-badge--contacted{background:linear-gradient(135deg,#ffbb5526,#ffbb5514);color:var(--warning);border:1px solid rgba(255,187,85,.3);display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.lead-modal-content .status-badge.status-badge--qualified{background:linear-gradient(135deg,#35a57a26,#35a57a14);color:var(--success);border:1px solid rgba(53,165,122,.3);display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.lead-modal-content .inventory-badge.inventory-badge--used{background:linear-gradient(135deg,#f36f2126,#f36f210d);color:var(--color-brand-flare);border:1px solid rgba(243,111,33,.3);display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.lead-modal-content .btn-edit,.lead-modal-content .btn-close,.form-actions .btn-primary,.form-actions .btn-secondary{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;border:none;border-radius:var(--radius-lg);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.lead-modal-content .btn-icon,.form-actions .btn-icon{width:16px;height:16px;flex-shrink:0}.lead-modal-content .btn-icon--loading,.form-actions .btn-icon--loading{animation:spin 1s linear infinite}.lead-modal-content .btn-edit{background:linear-gradient(135deg,#fff3,#ffffff1a);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:36px;height:36px;-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));position:relative;overflow:hidden}.lead-modal-content .btn-edit:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:scale(1.05)}.lead-modal-content .btn-close{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2);padding:.75rem;width:44px;height:44px;justify-content:center}.lead-modal-content .btn-close:hover:not(:disabled){background:#ffffff1a;color:#fff;transform:translateY(-1px)}.form-actions .btn-primary{background:linear-gradient(135deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);color:#fff;box-shadow:0 4px 16px #f36f214d}.form-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f36f2166}.form-actions .btn-secondary{background:#ffffffe6;color:var(--text-secondary);border:1px solid rgba(8,24,61,.15)}.form-actions .btn-secondary:hover:not(:disabled){background:#fff;color:var(--text-primary);border-color:#08183d40;transform:translateY(-1px)}.form-actions .btn-primary:disabled,.form-actions .btn-secondary:disabled,.lead-modal-content .btn-edit:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f8fafccc,#fff9);border-top:1px solid rgba(8,24,61,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width: 768px){.lead-modal-content{max-width:calc(100vw - 1rem)!important;margin:.5rem}.lead-modal-header{padding:1rem;flex-direction:column;gap:.75rem;align-items:flex-start}.customer-name{font-size:1.25rem}.lead-modal-content .info-grid{grid-template-columns:1fr!important;gap:.75rem!important}.lead-modal-content .info-item{padding:1rem!important}.modal-header-actions{flex-direction:row!important;gap:.5rem!important;align-items:center!important;align-self:flex-end}.lead-modal-content .info-section{padding:1rem}.lead-modal-content .info-grid{grid-template-columns:1fr;gap:.75rem}.lead-modal-content .section-icon{width:32px;height:32px}.lead-modal-content .section-icon svg{width:16px;height:16px}.lead-modal-content .info-icon{width:32px;height:32px}.lead-modal-content .info-icon svg{width:14px;height:14px}.form-actions{padding:.625rem .75rem;flex-direction:row;gap:.375rem}.lead-modal-content .btn-edit,.lead-modal-content .btn-close,.form-actions .btn-primary,.form-actions .btn-secondary{padding:.5rem .875rem;font-size:.75rem}}.insurance-page{padding:2rem;width:100%;margin:0;box-sizing:border-box}.upload-dropdown-container{position:relative}.upload-btn{padding:.875rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;white-space:nowrap;display:flex;align-items:center;gap:.5rem;background:var(--color-accent);border:1px solid var(--color-accent);color:#fff;cursor:pointer;transition:all .2s ease}.upload-btn:hover:not(:disabled){background:var(--color-brand-flare-strong);border-color:var(--color-brand-flare-strong)}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.upload-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;z-index:100;min-width:200px}.upload-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;border:none;background:#fff;color:#333;font-size:.9375rem;cursor:pointer;transition:background-color .2s}.upload-dropdown-item:hover{background:#f5f5f5}.upload-dropdown-item svg{flex-shrink:0}.upload-dropdown-item:not(:last-child){border-bottom:1px solid #f0f0f0}.btn-column-selector,.btn-refresh,.btn-export{padding:.875rem 1.75rem;border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));box-shadow:var(--shadow-soft)}.btn-column-selector:before,.btn-refresh:before,.btn-export:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-column-selector:hover:before,.btn-refresh:hover:before,.btn-export:hover:before{left:100%}.btn-column-selector{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;box-shadow:0 4px 20px #6b72804d}.btn-column-selector:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #6b728066;background:linear-gradient(135deg,#4b5563,#6b7280)}.btn-refresh{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;box-shadow:0 4px 20px #4a90e24d}.btn-refresh:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #4a90e266;background:linear-gradient(135deg,#357abd,#4a90e2)}.btn-refresh--loading{opacity:.7;cursor:not-allowed}.btn-export{background:linear-gradient(135deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);color:#fff;box-shadow:0 4px 20px #f36f214d}.btn-export:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #f36f2166;background:linear-gradient(135deg,var(--color-brand-flare-strong) 0%,var(--color-brand-flare) 100%)}.btn-export--loading{opacity:.7;cursor:not-allowed}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;flex-wrap:wrap;gap:1.5rem}.page-title h1{font-family:AXtManalBold,sans-serif;font-size:3rem;color:var(--color-brand-midnight);margin:0 0 .25rem;background:none;-webkit-background-clip:unset;background-clip:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insurance-tabs{display:flex;gap:1rem;margin:2rem 0 1.5rem;border-bottom:2px solid #e0e0e0}.insurance-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;background:transparent;color:#666;font-size:1rem;font-weight:500;cursor:pointer;position:relative;transition:color .2s}.insurance-tab:hover{color:#333}.insurance-tab--active{color:#06c}.insurance-tab--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#06c}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.125rem .5rem;background:#f0f0f0;color:#666;font-size:.8125rem;font-weight:600;border-radius:12px}.insurance-tab--active .tab-count{background:#e6f2ff;color:#06c}.insurance-filters{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.filter-input{flex:1;max-width:300px;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem;transition:border-color .2s}.filter-input:focus{outline:none;border-color:#06c}.insurance-date-filter-container{position:relative}.insurance-date-filter-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #e0e0e0;background:#fff;color:#666;font-size:.9375rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.insurance-date-filter-button:hover{background:#f5f5f5;border-color:#ccc}.insurance-date-filter-button--active{border-color:#6366f1;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);color:#6366f1}.insurance-date-filter-button svg{width:16px;height:16px;flex-shrink:0}.btn-clear-filters{padding:.75rem 1.25rem;border:1px solid #e0e0e0;background:#fff;color:#666;font-size:.9375rem;border-radius:8px;cursor:pointer;transition:all .2s}.btn-clear-filters:hover{background:#f5f5f5;border-color:#ccc}.files-list{display:flex;flex-direction:column;gap:1rem}.file-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s}.file-card:hover{border-color:#06c;box-shadow:0 2px 8px #0066cc1a;transform:translateY(-1px)}.file-card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#f0f7ff;border-radius:8px;color:#06c;flex-shrink:0}.file-card-content{flex:1;min-width:0}.file-card-name{font-size:1.125rem;font-weight:600;color:#333;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666}.file-card-dot{color:#ccc}.file-card-warning{margin-top:.5rem;padding:.375rem .75rem;background:#ffe5d0;color:#f36f21;font-size:.8125rem;border-radius:4px;display:inline-block;font-weight:500}.file-card-warning--button{border:none;cursor:pointer;transition:all .2s ease}.file-card-warning--button:hover{background:#ffd4b3;transform:translateY(-1px);box-shadow:0 2px 4px #f36f2133}.file-card-actions{display:flex;align-items:center;gap:1rem;margin-left:auto}.file-card-status{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.file-card-status--uploaded{background:#d1ecf1;color:#0c5460}.file-card-status--processing{background:#fff3cd;color:#856404}.file-card-status--failed{background:#f8d7da;color:#721c24}.btn-replace{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);border:1px solid var(--color-brand-flare);border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 8px #f36f2133}.btn-replace:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brand-flare-strong) 0%,var(--color-brand-flare) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #f36f214d}.btn-replace:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #f36f2133}.btn-replace:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-replace svg{width:16px;height:16px;flex-shrink:0}.replace-timer{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;padding:.125rem .5rem;background:#fff3;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.5px;font-family:Courier New,monospace}.empty-state{text-align:center;padding:4rem 2rem;color:#666}.empty-state h3{font-size:1.5rem;margin:0 0 .75rem;color:#333}.empty-state p{font-size:1rem;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#666}.loading-spinner{width:3rem;height:3rem;border:3px solid #f0f0f0;border-top-color:#06c;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.success-message,.error-message{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:8px;font-size:.9375rem}.success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.success-message button,.error-message button{background:transparent;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.success-message button:hover{background:#1557241a}.error-message button:hover{background:#721c241a}@media (max-width: 768px){.insurance-page{padding:1rem}.insurance-filters{flex-direction:column;align-items:stretch}.filter-input{max-width:none}.file-card{flex-direction:column;align-items:flex-start}.file-card-meta{flex-wrap:wrap}}.insurance-all-leads-container .leads-table-container{overflow-x:auto;overflow-y:visible}.insurance-all-leads-container .leads-table-wrapper{overflow-x:visible;overflow-y:visible;min-height:500px;position:relative}.insurance-all-leads-container .leads-table{min-width:1200px;width:100%}.insurance-all-leads-container .pagination-container{margin-top:0;border-top:1px solid var(--border-light);width:100%;display:flex;justify-content:center;position:relative}@media (max-width: 1200px){.insurance-all-leads-container .pagination-info{position:relative;left:0;width:100%;justify-content:space-between}.insurance-all-leads-container .pagination-container{flex-direction:column;gap:1rem}}@media (max-width: 768px){.insurance-all-leads-container .pagination-container{flex-direction:column;gap:1rem;padding:1.5rem 1rem}.insurance-all-leads-container .pagination-info{position:relative;left:0;flex-direction:column;gap:.75rem;width:100%}.insurance-all-leads-container .pagination-controls{width:100%;justify-content:center;flex-wrap:wrap}.insurance-all-leads-container .pagination-btn{padding:.5rem 1rem;font-size:.875rem}.insurance-all-leads-container .pagination-btn--number{min-width:40px}}@media (max-width: 480px){.insurance-all-leads-container .pagination-container{padding:1rem .75rem}.insurance-all-leads-container .pagination-controls{gap:.25rem}.insurance-all-leads-container .pagination-btn{padding:.375rem .75rem;font-size:.75rem;min-height:36px}.insurance-all-leads-container .pagination-btn--number{min-width:36px;padding:.375rem .5rem}.insurance-all-leads-container .pagination-btn--prev,.insurance-all-leads-container .pagination-btn--next{padding:.375rem .875rem}}.insurance-file-details-page{padding:2rem;width:100%;margin:0;box-sizing:border-box}.btn-back{padding:.875rem 1.75rem;border:1px solid rgba(8,24,61,.1);border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);color:var(--color-brand-midnight);-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.btn-back:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-back:hover:before{left:100%}.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 24px #08183d26;border-color:#08183d33}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;position:relative;z-index:1}.page-title{display:flex;align-items:center;gap:1.5rem;flex:1;position:relative}.page-title h1{font-family:AXtManalBold,sans-serif;font-size:3rem;color:var(--color-brand-midnight);margin:0 0 .25rem;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-title p{color:var(--text-secondary);font-size:1rem;margin:0;font-weight:500;line-height:1.3}.file-details-header-actions{display:flex;gap:1rem;margin-bottom:3rem;justify-content:flex-end;align-items:flex-end;position:relative;z-index:1;flex-wrap:wrap}.column-selector-container{position:relative}.btn-column-selector{padding:.875rem 1.75rem;border:1px solid rgba(8,24,61,.1);border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);color:var(--color-brand-midnight);-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.btn-column-selector svg{width:16px;height:16px}.btn-column-selector:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-column-selector:hover:before{left:100%}.btn-column-selector:hover{transform:translateY(-2px);box-shadow:0 6px 24px #08183d26;border-color:#08183d33}.btn-column-selector:active{transform:translateY(0) scale(.98)}.column-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #08183d26,0 0 0 1px #08183d0d;min-width:280px;max-height:400px;overflow:hidden;z-index:10002;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.column-dropdown-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(8,24,61,.08);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#08183d08,#f36f2105)}.column-dropdown-header span{font-weight:700;font-size:.875rem;color:var(--color-brand-midnight);text-transform:uppercase;letter-spacing:.5px}.column-dropdown-toggle-all{background:none;border:none;color:#3b82f6;font-size:.8rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .2s ease}.column-dropdown-toggle-all:hover{background:#3b82f61a;color:#2563eb}.column-dropdown-list{max-height:320px;overflow-y:auto;padding:.5rem}.column-dropdown-list::-webkit-scrollbar{width:6px}.column-dropdown-list::-webkit-scrollbar-track{background:#08183d08;border-radius:3px}.column-dropdown-list::-webkit-scrollbar-thumb{background:#08183d33;border-radius:3px}.column-dropdown-list::-webkit-scrollbar-thumb:hover{background:#08183d4d}.column-dropdown-item{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-md);margin-bottom:.25rem;-webkit-user-select:none;user-select:none}.column-dropdown-item:hover{background:linear-gradient(135deg,#08183d0a,#f36f210a)}.column-dropdown-item input[type=checkbox]{width:18px;height:18px;margin:0;margin-right:.75rem;cursor:pointer;accent-color:#3b82f6;border-radius:var(--radius-sm)}.column-dropdown-item span{font-size:.875rem;color:#1e293b;font-weight:500}.column-dropdown-item input[type=checkbox]:checked+span{font-weight:600;color:#1e293b}.btn-export{padding:.875rem 1.75rem;border:1px solid rgba(8,24,61,.1);border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));box-shadow:var(--shadow-soft);background:linear-gradient(135deg,var(--color-success) 0%,#2d8a66 100%);color:#fff}.btn-export:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-export:hover:before{left:100%}.btn-export:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-bold);background:linear-gradient(135deg,#2d8a66 0%,var(--color-success) 100%)}.file-details-table-container{position:relative;z-index:0}.file-details-table-wrapper{border-radius:12px;overflow:hidden;position:relative}.file-details-table-scroll-container{background:#fffffff2;-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));box-shadow:var(--shadow-bold);border:1px solid rgba(8,24,61,.08);overflow-x:auto;overflow-y:hidden}.file-details-table{width:100%;min-width:800px;border-collapse:collapse;font-size:.9375rem}.file-details-table thead{border-bottom:2px solid var(--primary-border)}.file-details-table th{background:linear-gradient(135deg,var(--color-brand-midnight) 0%,var(--color-secondary) 100%);color:#fff;padding:1rem .75rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.file-details-table th:hover{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-brand-midnight) 100%)}.file-details-table th.sortable{cursor:grab;-webkit-user-select:none;user-select:none}.file-details-table th.sortable:active{cursor:grabbing}.file-details-table th.sortable .header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.file-details-table th.sortable .header-label{flex:1;cursor:pointer}.file-details-table th.sortable .drag-handle{opacity:.5;font-size:.75rem;color:#ffffffb3;margin-left:.5rem;cursor:grab;padding:.25rem;border-radius:4px;transition:all .2s ease}.file-details-table th.sortable:hover .drag-handle{opacity:1;background:#ffffff1a}.file-details-table th.sortable .drag-handle:hover{background:#fff3!important;transform:scale(1.1)}.file-details-table th.sortable .drag-handle:active{cursor:grabbing;transform:scale(.95)}.file-details-table th.sorted-asc:after{content:" ↑";position:absolute;right:.5rem;font-weight:700}.file-details-table th.sorted-desc:after{content:" ↓";position:absolute;right:.5rem;font-weight:700}.file-details-table tbody tr{border-bottom:1px solid var(--border-light);transition:all .2s ease}.file-details-table tbody tr:hover{background:var(--primary-light);cursor:pointer}.file-details-table tbody tr:last-child{border-bottom:none}.file-details-table td{padding:1rem .75rem;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;min-width:120px}.data-row{cursor:default}.data-row--duplicate{background-color:#ffe5cc!important}.data-row--duplicate:hover{background-color:#ffd9b3!important}.pagination-container{display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;position:relative;background:linear-gradient(135deg,#08183d05,#f36f2103);border-top:1px solid rgba(8,24,61,.05)}.pagination-info{color:var(--text-secondary);font-size:.9375rem;font-weight:500;position:absolute;left:2rem}.pagination-controls{display:flex;gap:.5rem;align-items:center}.pagination-btn{padding:.625rem 1.25rem;border:1px solid rgba(8,24,61,.1);background:#fff;color:var(--color-brand-midnight);font-size:.875rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #08183d0d}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#08183d0a,#f36f210a);border-color:#f36f214d;transform:translateY(-1px);box-shadow:0 4px 12px #08183d1a}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pagination-btn--active{background:linear-gradient(135deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);color:#fff;border-color:var(--color-brand-flare);box-shadow:0 4px 16px #f36f214d}.pagination-btn--active:hover{background:linear-gradient(135deg,var(--color-brand-flare-strong) 0%,var(--color-brand-flare) 100%);border-color:var(--color-brand-flare-strong);box-shadow:0 6px 20px #f36f2166}.pagination-numbers{display:flex;gap:.5rem}.pagination-btn--number{min-width:2.75rem}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.loading-spinner{width:3rem;height:3rem;border:3px solid rgba(8,24,61,.1);border-top-color:var(--color-brand-flare);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.error-state h3{font-family:AXtManalBold,sans-serif;font-size:1.5rem;margin:0 0 .75rem;color:var(--color-brand-midnight)}.error-state p{font-size:1rem;margin:0 0 1.5rem}.btn-primary{padding:.875rem 1.75rem;border:none;background:linear-gradient(135deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);color:#fff;font-size:.9375rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #f36f214d}.btn-primary:hover{background:linear-gradient(135deg,var(--color-brand-flare-strong) 0%,var(--color-brand-flare) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #f36f2166}@media (max-width: 768px){.insurance-file-details-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.file-details-header-actions{width:100%;justify-content:space-between}.file-details-table-wrapper{overflow-x:auto}.file-details-table{min-width:800px}.pagination-container{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 1rem}.pagination-info{position:relative;left:0;text-align:center;width:100%}.pagination-controls{width:100%;justify-content:center;flex-wrap:wrap;gap:.5rem}.pagination-btn{padding:.5rem 1rem;font-size:.875rem}.pagination-btn--number{min-width:40px}}@media (max-width: 480px){.pagination-container{padding:1rem .75rem}.pagination-info{font-size:.8125rem}.pagination-controls{gap:.25rem}.pagination-btn{padding:.375rem .75rem;font-size:.75rem;min-height:36px}.pagination-btn--number{min-width:36px;padding:.375rem .5rem}.pagination-btn--prev,.pagination-btn--next{padding:.375rem .875rem}}.fi-reports-page{padding:2rem;width:100%;margin:0;box-sizing:border-box;animation:fadeIn .5s ease}.reports-tabs{display:flex;gap:1rem;margin:2rem 0 1.5rem;border-bottom:2px solid rgba(8,24,61,.08)}.reports-tab{display:flex;align-items:center;gap:.75rem;padding:1rem 1.75rem;border:none;background:transparent;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.reports-tab svg{width:20px;height:20px;transition:transform .3s ease}.reports-tab:hover{color:var(--color-brand-midnight);background:#08183d08}.reports-tab:hover svg{transform:scale(1.1)}.reports-tab--active{color:var(--color-brand-flare);background:linear-gradient(135deg,#f36f210d,#f36f2105)}.reports-tab--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);border-radius:3px 3px 0 0;box-shadow:0 -2px 8px #f36f214d}.reports-filters{display:flex;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 12px #08183d14;border:1px solid rgba(8,24,61,.08)}.date-filter-group{flex:1;max-width:600px}.date-filter-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-brand-midnight);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.date-input{flex:1;padding:.875rem 1.25rem;border:1px solid rgba(8,24,61,.15);border-radius:12px;font-size:.9375rem;font-weight:500;color:var(--color-brand-midnight);transition:all .3s ease;background:#fff}.date-input:focus{outline:none;border-color:var(--color-brand-flare);box-shadow:0 0 0 3px #f36f211a}.btn-apply-filter{padding:.875rem 2rem;background:linear-gradient(135deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #f36f2140;white-space:nowrap}.summary-card--info{--card-accent-color: #06b6d4;--card-accent-color-end: #0891b2}.status-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.status-breakdown-card{padding:1.5rem;background:linear-gradient(135deg,var(--status-bg-start) 0%,var(--status-bg-end) 100%);border-radius:12px;border:2px solid var(--status-border);transition:all .3s ease}.status-breakdown-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--status-shadow)}.status-breakdown-card--valid{--status-bg-start: rgba(53, 165, 122, .08);--status-bg-end: rgba(53, 165, 122, .03);--status-border: rgba(53, 165, 122, .2);--status-shadow: rgba(53, 165, 122, .15);--status-color: var(--color-success)}.status-breakdown-card--duplicate{--status-bg-start: rgba(255, 187, 85, .08);--status-bg-end: rgba(255, 187, 85, .03);--status-border: rgba(255, 187, 85, .2);--status-shadow: rgba(255, 187, 85, .15);--status-color: var(--color-warning)}.status-breakdown-card--skipped{--status-bg-start: rgba(225, 90, 90, .08);--status-bg-end: rgba(225, 90, 90, .03);--status-border: rgba(225, 90, 90, .2);--status-shadow: rgba(225, 90, 90, .15);--status-color: var(--color-danger)}.status-breakdown-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.status-breakdown-value{font-size:2.25rem;font-weight:700;color:var(--status-color);margin-bottom:1rem}.status-breakdown-bar{height:8px;background:#0000000d;border-radius:4px;overflow:hidden}.status-breakdown-bar-fill{height:100%;background:linear-gradient(90deg,var(--status-color) 0%,var(--status-color) 100%);border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px var(--status-shadow)}.verloop-pie-chart-container{display:flex;align-items:center;justify-content:center;gap:4rem;padding:2rem;flex-wrap:wrap}.verloop-pie-chart{position:relative;flex-shrink:0;animation:pieChartFadeIn .8s ease}.pie-center-value{font-size:2.5rem;font-weight:700;font-family:AXtManalBold,sans-serif}.pie-center-label-text{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.verloop-pie-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;min-width:500px;animation:legendSlideIn .8s ease .3s both}.pie-legend-stats{display:flex;align-items:center;gap:1rem}.report-column{display:flex;flex-direction:column;gap:2rem}.trends-list{display:flex;flex-direction:column;gap:1rem}.trend-item{padding:1.25rem;background:linear-gradient(135deg,#08183d05,#08183d03);border-radius:12px;border:1px solid rgba(8,24,61,.08);transition:all .3s ease}.trend-item:hover{border-color:var(--color-brand-flare);box-shadow:0 4px 16px #f36f211a;transform:translate(4px)}.trend-month{font-size:1rem;font-weight:700;color:var(--color-brand-midnight);margin-bottom:.75rem}.trend-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.trend-stat{display:flex;gap:.5rem;font-size:.875rem}.trend-stat-label{color:var(--text-secondary);font-weight:500}.trend-stat-value{color:var(--color-brand-midnight);font-weight:700}.top-list{display:flex;flex-direction:column;gap:1rem}.top-list-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#08183d05,#08183d03);border-radius:12px;border:1px solid rgba(8,24,61,.08);transition:all .3s ease}.top-list-item:hover{border-color:var(--color-brand-flare);box-shadow:0 4px 16px #f36f211a;transform:scale(1.02)}.top-list-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);color:#fff;font-size:.875rem;font-weight:700;border-radius:8px;flex-shrink:0}.top-list-content{flex:1;min-width:0}.top-list-name{font-size:.9375rem;font-weight:600;color:var(--color-brand-midnight);margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-list-bar{height:6px;background:#0000000d;border-radius:3px;overflow:hidden}.top-list-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.top-list-value{font-size:1.125rem;font-weight:700;color:var(--color-brand-midnight);flex-shrink:0}.advisors-list{display:flex;flex-direction:column;gap:1rem}.advisor-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#08183d05,#08183d03);border-radius:12px;border:1px solid rgba(8,24,61,.08);transition:all .3s ease}.advisor-card:hover{border-color:var(--color-brand-flare);box-shadow:0 4px 16px #f36f211a;transform:translateY(-2px)}.advisor-rank{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);color:#fff;font-size:1rem;font-weight:700;border-radius:8px;flex-shrink:0}.advisor-content{flex:1;min-width:0}.advisor-name{font-size:1rem;font-weight:700;color:var(--color-brand-midnight);margin-bottom:.25rem}.advisor-email{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advisor-stats{display:flex;gap:1.5rem}.advisor-stat{display:flex;gap:.5rem;font-size:.875rem}.advisor-stat-label{color:var(--text-secondary);font-weight:500}.advisor-stat-value{color:var(--color-brand-midnight);font-weight:700}.files-activity-list{display:flex;flex-direction:column;gap:1rem}.file-activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#08183d05,#08183d03);border-radius:12px;border:1px solid rgba(8,24,61,.08);transition:all .3s ease}.file-activity-item:hover{border-color:var(--color-brand-flare);box-shadow:0 4px 16px #f36f211a;transform:translate(4px)}.file-activity-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#f36f211a,#f36f210d);border-radius:10px;color:var(--color-brand-flare);flex-shrink:0}.file-activity-content{flex:1;min-width:0}.file-activity-name{font-size:.9375rem;font-weight:600;color:var(--color-brand-midnight);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-activity-meta{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.25rem}.file-activity-date{font-size:.75rem;color:var(--text-secondary);font-weight:500}.performance-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 900px){.performance-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.performance-metrics-grid{grid-template-columns:1fr}}.metric-card{padding:1.5rem;background:linear-gradient(135deg,#08183d08,#08183d03);border-radius:12px;border:2px solid rgba(8,24,61,.08);text-align:center;transition:all .3s ease}.metric-card:hover{border-color:var(--color-brand-flare);transform:translateY(-4px);box-shadow:0 8px 24px #f36f211f}.metric-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.metric-value{font-size:2rem;font-weight:700;color:var(--color-brand-midnight);background:linear-gradient(135deg,var(--color-brand-midnight) 0%,var(--color-brand-flare) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.duplicate-analysis{display:flex;flex-direction:column;gap:1.5rem}.duplicate-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.duplicate-summary-item{padding:1.5rem;background:linear-gradient(135deg,#ffbb5514,#ffbb5508);border-radius:12px;border:2px solid rgba(255,187,85,.2);text-align:center}.duplicate-summary-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.duplicate-summary-value{font-size:2rem;font-weight:700;color:var(--color-warning)}@media (max-width: 1200px){.report-columns{grid-template-columns:1fr}.verloop-pie-chart-container{gap:3rem}}@media (max-width: 900px){.verloop-pie-legend{min-width:400px;gap:.875rem}.pie-legend-item{padding:.875rem 1rem}}@media (max-width: 768px){.fi-reports-page{padding:1rem}.reports-filters{flex-direction:column;align-items:stretch}.date-filter-group{max-width:none}.date-filter-inputs{flex-direction:column}.summary-grid,.report-columns{grid-template-columns:1fr}.summary-card{flex-direction:column;text-align:center}.reports-tab{padding:.875rem 1.25rem;font-size:.9375rem}.verloop-pie-chart-container{flex-direction:column;gap:2rem;padding:1rem}.verloop-pie-legend{width:100%;min-width:unset;grid-template-columns:1fr;gap:.875rem}.pie-center-value{font-size:2rem}.pie-center-label-text{font-size:.75rem}.pie-legend-item{padding:.875rem 1rem}.pie-legend-value{font-size:1.125rem}}.leads-reports-page{padding:2rem;width:100%;margin:0;box-sizing:border-box;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reports-filters{display:flex;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 12px #08183d14;border:1px solid rgba(8,24,61,.08);flex-wrap:wrap}.date-filter-group{flex:1 1 300px;min-width:280px}.filter-group{flex:0 1 auto;min-width:150px}.date-filter-label,.filter-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-brand-midnight);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.date-filter-inputs{display:flex;align-items:center;gap:1rem}.date-input,.filter-select{flex:1;padding:.875rem 1.25rem;border:1px solid rgba(8,24,61,.15);border-radius:12px;font-size:.9375rem;font-weight:500;color:var(--color-brand-midnight);transition:all .3s ease;background:#fff}.date-input:focus,.filter-select:focus{outline:none;border-color:var(--color-brand-flare);box-shadow:0 0 0 3px #f36f211a}.date-separator{font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.brands-filter{position:relative;flex:0 1 auto;min-width:220px}.brands-dropdown{position:relative}.brands-dropdown-toggle{width:100%;padding:.875rem 1.25rem;border:1px solid rgba(8,24,61,.15);border-radius:12px;font-size:.9375rem;font-weight:500;color:var(--color-brand-midnight);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .3s ease}.brands-dropdown-toggle:hover{border-color:var(--color-brand-flare)}.brands-dropdown-toggle svg{flex-shrink:0;transition:transform .3s ease}.brands-dropdown.open .brands-dropdown-toggle svg{transform:rotate(180deg)}.brands-dropdown-menu{display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid rgba(8,24,61,.15);border-radius:12px;box-shadow:0 8px 24px #08183d26;max-height:300px;overflow-y:auto;z-index:100}.brands-dropdown.open .brands-dropdown-menu{display:block}.brands-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s ease}.brands-dropdown-item:hover{background:#f36f210d}.brands-dropdown-item input[type=checkbox]{cursor:pointer;width:16px;height:16px}.brands-dropdown-item label{flex:1;cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--color-brand-midnight)}.brands-dropdown-divider{height:1px;background:#08183d14;margin:.5rem 0}.brands-dropdown-loading{padding:1rem;text-align:center;font-size:.875rem;color:var(--text-secondary)}.btn-apply-filter{flex:0 0 auto;padding:.875rem 2rem;background:linear-gradient(135deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #f36f2140;white-space:nowrap;align-self:flex-end;height:fit-content}.btn-apply-filter:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #f36f2159}.btn-apply-filter:active:not(:disabled){transform:translateY(0)}.btn-apply-filter:disabled{opacity:.6;cursor:not-allowed}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(243,111,33,.1);border-top-color:var(--color-brand-flare);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{font-size:1.125rem;font-weight:600;color:var(--text-secondary)}.reports-content{display:flex;flex-direction:column;gap:2rem;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.summary-card{display:flex;align-items:center;gap:1.25rem;padding:1.75rem;background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(8,24,61,.08);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-accent-color) 0%,var(--card-accent-color-end) 100%)}.summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #08183d1f}.summary-card--primary{--card-accent-color: #3b82f6;--card-accent-color-end: #2563eb}.summary-card--success{--card-accent-color: var(--color-success);--card-accent-color-end: var(--success-dark)}.summary-card--warning{--card-accent-color: var(--color-warning);--card-accent-color-end: #f59e0b}.summary-card--accent{--card-accent-color: var(--color-brand-flare);--card-accent-color-end: var(--color-brand-flare-strong)}.summary-card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--card-accent-color) 0%,var(--card-accent-color-end) 100%);border-radius:16px;color:#fff;flex-shrink:0;box-shadow:0 8px 24px #00000026}.summary-card-content{flex:1;min-width:0}.summary-card-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.summary-card-value{font-size:2rem;font-weight:700;color:var(--color-brand-midnight);line-height:1;margin-bottom:.5rem}.summary-card-meta{font-size:.875rem;color:var(--text-secondary);font-weight:500}.report-section{background:#fff;border-radius:var(--radius-lg);padding:2rem;border:1px solid rgba(8,24,61,.08);box-shadow:0 2px 12px #08183d0f}.report-section--large{padding:2.5rem;box-shadow:0 4px 20px #08183d14}.report-section--compact{padding:1.75rem 2rem}.section-title{font-family:AXtManalBold,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-brand-midnight);margin:0 0 1.5rem;position:relative;padding-left:1rem}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);border-radius:2px}.time-series-table{overflow-x:auto}.time-series-table table{width:100%;border-collapse:collapse}.time-series-table thead{background:linear-gradient(135deg,#08183d08,#08183d03)}.time-series-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--color-brand-midnight);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(8,24,61,.08)}.time-series-table td{padding:1rem;font-size:.9375rem;color:var(--color-brand-midnight);border-bottom:1px solid rgba(8,24,61,.05)}.time-series-table tbody tr:hover{background:#f36f2105}.period-cell{font-weight:600}.qualified-cell{color:var(--color-success);font-weight:600}.not-qualified-cell{color:var(--color-warning);font-weight:600}.rate-cell{min-width:200px}.rate-bar-container{position:relative;height:32px;background:#0000000d;border-radius:8px;overflow:hidden;display:flex;align-items:center;padding:0 .75rem}.rate-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--color-success) 0%,var(--success-dark) 100%);transition:width .8s cubic-bezier(.4,0,.2,1)}.rate-text{position:relative;z-index:1;font-size:.875rem;font-weight:700;color:var(--color-brand-midnight)}.empty-state-cell{text-align:center;padding:3rem 1rem!important;color:var(--text-secondary);font-style:italic}.report-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.brand-breakdown-list{display:flex;flex-direction:column;gap:1rem}.brand-breakdown-item{padding:1.25rem;background:linear-gradient(135deg,#08183d05,#08183d03);border-radius:12px;border:1px solid rgba(8,24,61,.08);transition:all .3s ease}.brand-breakdown-item:hover{border-color:var(--color-brand-flare);box-shadow:0 4px 16px #f36f211a;transform:translateY(-2px)}.brand-breakdown-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.brand-breakdown-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--color-brand-flare) 0%,var(--color-brand-flare-strong) 100%);color:#fff;font-size:.875rem;font-weight:700;border-radius:8px;flex-shrink:0}.brand-breakdown-name{flex:1;font-size:1rem;font-weight:700;color:var(--color-brand-midnight)}.brand-breakdown-rate{font-size:1.25rem;font-weight:700;color:var(--color-success)}.brand-breakdown-stats{display:flex;gap:1.5rem;margin-bottom:.75rem;flex-wrap:wrap}.brand-stat{display:flex;gap:.5rem;font-size:.875rem}.brand-stat-label{color:var(--text-secondary);font-weight:500}.brand-stat-value{color:var(--color-brand-midnight);font-weight:700}.brand-stat-value.qualified{color:var(--color-success)}.brand-stat-value.not-qualified{color:var(--color-warning)}.brand-breakdown-bar{height:6px;background:#0000000d;border-radius:3px;overflow:hidden}.brand-breakdown-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-success) 0%,var(--success-dark) 100%);border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.status-distribution-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.status-item{padding:1rem;background:linear-gradient(135deg,var(--status-bg-start) 0%,var(--status-bg-end) 100%);border-radius:12px;border:2px solid var(--status-border);transition:all .3s ease}.status-item:hover{transform:translate(4px);box-shadow:0 4px 16px var(--status-shadow)}.status-item--new{--status-bg-start: rgba(59, 130, 246, .08);--status-bg-end: rgba(59, 130, 246, .03);--status-border: rgba(59, 130, 246, .2);--status-shadow: rgba(59, 130, 246, .15);--status-color: #3b82f6}.status-item--in-progress{--status-bg-start: rgba(168, 85, 247, .08);--status-bg-end: rgba(168, 85, 247, .03);--status-border: rgba(168, 85, 247, .2);--status-shadow: rgba(168, 85, 247, .15);--status-color: #a855f7}.status-item--contacted{--status-bg-start: rgba(6, 182, 212, .08);--status-bg-end: rgba(6, 182, 212, .03);--status-border: rgba(6, 182, 212, .2);--status-shadow: rgba(6, 182, 212, .15);--status-color: #06b6d4}.status-item--qualified{--status-bg-start: rgba(53, 165, 122, .08);--status-bg-end: rgba(53, 165, 122, .03);--status-border: rgba(53, 165, 122, .2);--status-shadow: rgba(53, 165, 122, .15);--status-color: var(--color-success)}.status-item--won{--status-bg-start: rgba(34, 197, 94, .08);--status-bg-end: rgba(34, 197, 94, .03);--status-border: rgba(34, 197, 94, .2);--status-shadow: rgba(34, 197, 94, .15);--status-color: #22c55e}.status-item--lost{--status-bg-start: rgba(225, 90, 90, .08);--status-bg-end: rgba(225, 90, 90, .03);--status-border: rgba(225, 90, 90, .2);--status-shadow: rgba(225, 90, 90, .15);--status-color: var(--color-danger)}.status-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.status-value{font-size:1.75rem;font-weight:700;color:var(--status-color);margin-bottom:.75rem}.status-bar{height:8px;background:#0000000d;border-radius:4px;overflow:hidden}.status-bar-fill{height:100%;background:linear-gradient(90deg,var(--status-color) 0%,var(--status-color) 100%);border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px var(--status-shadow)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center;color:var(--text-secondary)}.empty-state svg{margin-bottom:2rem;opacity:.5;color:var(--color-brand-midnight)}.empty-state h3{font-size:1.75rem;font-weight:700;color:var(--color-brand-midnight);margin:0 0 1rem}.empty-state p{font-size:1.125rem;margin:0}.empty-state-small{padding:2rem;text-align:center;color:var(--text-secondary);font-size:.9375rem;font-style:italic}.brand-pie-chart-container{display:flex;align-items:flex-start;justify-content:center;gap:4rem;padding:2rem 3rem}.brand-pie-chart{position:relative;flex-shrink:0;animation:pieChartFadeIn .8s ease}@keyframes pieChartFadeIn{0%{opacity:0;transform:scale(.9) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.pie-chart-svg{filter:drop-shadow(0 8px 24px rgba(8,24,61,.12));transition:transform .3s ease}.pie-chart-svg:hover{transform:scale(1.05)}.pie-segment{filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));cursor:pointer}.pie-segment:hover{filter:drop-shadow(0 4px 16px rgba(0,0,0,.25));opacity:.9}.pie-center-label{pointer-events:none}.pie-center-value{font-size:3rem;font-weight:700;font-family:AXtManalBold,sans-serif}.pie-center-label-text{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.brand-pie-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:900px;flex:1;animation:legendSlideIn .8s ease .3s both}@keyframes legendSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.pie-legend-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#08183d05,#08183d01);border-radius:12px;border:1px solid rgba(8,24,61,.08);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.pie-legend-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:currentColor;transform:scaleY(0);transition:transform .3s ease}.pie-legend-item:hover{transform:translate(8px);box-shadow:0 4px 16px #08183d1a;border-color:#08183d26}.pie-legend-item:hover:before{transform:scaleY(1)}.pie-legend-indicator{position:relative;width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.pie-legend-item:hover .pie-legend-indicator{transform:scale(1.2);box-shadow:0 4px 12px #00000040}.pie-legend-pulse{position:absolute;inset:-8px;border-radius:50%;animation:legendPulse 2s ease infinite}@keyframes legendPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:0}}.pie-legend-content{flex:1;min-width:0}.pie-legend-label{font-size:.9375rem;font-weight:600;color:var(--color-brand-midnight);margin-bottom:.375rem;letter-spacing:.3px}.pie-legend-stats{display:flex;align-items:center;gap:1rem;margin-bottom:.375rem}.pie-legend-value{font-size:1.375rem;font-weight:700;color:var(--color-brand-midnight);font-family:AXtManalBold,sans-serif}.pie-legend-percentage{font-size:.875rem;font-weight:600;color:var(--text-secondary);padding:.25rem .75rem;background:#08183d0f;border-radius:6px}.pie-legend-qualification{display:flex;align-items:center;gap:.75rem;font-size:.8125rem}.qualification-mini{color:var(--text-secondary);font-weight:500}.qualification-mini.qualified{color:var(--color-success);font-weight:600}.qualification-rate-mini{padding:.125rem .5rem;background:linear-gradient(135deg,#35a57a1a,#35a57a0d);border-radius:4px;color:var(--color-success);font-weight:600;font-size:.75rem}.pie-chart-tooltip{padding:.5rem 1rem;background:linear-gradient(135deg,var(--color-brand-midnight) 0%,rgba(8,24,61,.95) 100%);color:#fff;font-size:.875rem;font-weight:600;border-radius:8px;box-shadow:0 4px 16px #08183d4d;white-space:nowrap;animation:tooltipFadeIn .2s ease;letter-spacing:.3px;border:1px solid rgba(255,255,255,.1)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1400px){.brand-pie-legend{grid-template-columns:repeat(2,1fr);max-width:600px}}@media (max-width: 1200px){.report-columns{grid-template-columns:1fr}.brand-pie-chart-container{gap:3rem;flex-wrap:wrap}.brand-pie-legend{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1100px){.date-filter-group{flex:1 1 100%;min-width:0;max-width:none}}@media (max-width: 900px){.filter-group{flex:1 1 calc(50% - .75rem);min-width:140px}.brands-filter{flex:1 1 calc(50% - .75rem);min-width:200px}.btn-apply-filter{flex:1 1 100%;width:100%}.brand-pie-chart-container{flex-direction:column;align-items:center}.brand-pie-legend{width:100%;max-width:100%;grid-template-columns:repeat(2,1fr);gap:.875rem}.pie-legend-item{padding:.875rem 1rem}.status-distribution-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}}@media (max-width: 768px){.leads-reports-page{padding:1rem}.reports-filters{flex-direction:column;align-items:stretch}.date-filter-group,.filter-group,.brands-filter,.btn-apply-filter{width:100%;max-width:none}.date-filter-inputs{flex-direction:column}.summary-grid{grid-template-columns:1fr}.summary-card{flex-direction:column;text-align:center}.brand-breakdown-stats{flex-direction:column;gap:.5rem}.time-series-table{font-size:.875rem}.time-series-table th,.time-series-table td{padding:.75rem .5rem}.brand-pie-chart-container{flex-direction:column;gap:2rem;padding:1rem}.brand-pie-legend{width:100%;max-width:100%;grid-template-columns:1fr;gap:.875rem}.pie-center-value{font-size:2.25rem}.pie-center-label-text{font-size:.875rem}.pie-legend-item{padding:.875rem 1rem}.pie-legend-value{font-size:1.125rem}.pie-legend-qualification{flex-wrap:wrap}.status-distribution-list{grid-template-columns:1fr}}.zendesk-page{padding:2rem;background-color:var(--surface-background);min-height:100vh;width:100%;margin:0;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title h1{font-family:AXtManalBold,sans-serif;font-size:2.5rem;color:var(--color-brand-midnight);margin:0 0 .25rem;background:none;-webkit-background-clip:unset;background-clip:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-title p{color:var(--text-secondary);font-size:1rem;margin:0;line-height:1.3}.header-actions{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.btn-sync{background:linear-gradient(135deg,var(--info),var(--info-text));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-sync:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.btn-sync:disabled{opacity:.7;cursor:not-allowed}.btn-sync--loading{animation:pulse 2s infinite}.create-relation-btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.create-relation-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #08183d4d}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.status-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center}.status-message--success{background-color:var(--success-background);color:var(--success-text);border:1px solid var(--success-border)}.status-content{display:flex;align-items:center;gap:.75rem;width:100%}.status-icon{font-weight:700;font-size:1.2rem}.status-text{flex:1}.status-close{background:none;border:none;color:currentColor;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.status-close:hover{background-color:#fff3}.error-message{background-color:var(--error-background);color:var(--error-text);padding:1rem;border-radius:8px;border:1px solid var(--error-border);margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;color:var(--error-text);font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.progress-message{background:linear-gradient(135deg,var(--info-background),var(--primary-light));color:var(--info-text);padding:1.5rem;border-radius:12px;border:1px solid var(--info-border);margin-bottom:1.5rem;box-shadow:0 4px 12px #4a90e226}.progress-content{display:flex;align-items:flex-start;gap:1rem}.progress-text{flex:1}.progress-text strong{display:block;font-size:1rem;margin-bottom:.5rem;color:var(--text-primary)}.progress-text p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.selection-controls{background:var(--card-background);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.selection-info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.selected-count{font-weight:600;color:var(--text-primary);font-size:.875rem}.selection-actions{display:flex;gap:.75rem;align-items:center}.btn-select-all,.btn-deselect-all{background:var(--surface-background);border:1px solid var(--border-light);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-select-all:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.btn-deselect-all:hover:not(:disabled){background:var(--error-background);border-color:var(--error-border);color:var(--error-text)}.btn-select-all:disabled,.btn-deselect-all:disabled{opacity:.5;cursor:not-allowed}.btn-extract{background:linear-gradient(135deg,var(--success),var(--success-dark));color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-extract:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #35a57a4d}.btn-extract:disabled{opacity:.6;cursor:not-allowed}.btn-extract--loading{animation:pulse 2s infinite}.mappings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;align-items:start}.mapping-card{background:var(--card-background);border-radius:12px;border:1px solid var(--border-light);padding:1.5rem;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;min-height:280px;height:auto;display:flex;flex-direction:column}.mapping-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--border-focus)}.mapping-card--selected{border-color:var(--success);background:var(--success-light);box-shadow:0 4px 12px #35a57a26}.mapping-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-left{display:flex;align-items:center}.mapping-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--success)}.card-actions{display:flex;gap:.5rem}.edit-button{background:var(--surface-background);border:1px solid var(--border-light);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem}.edit-button:hover{background:var(--primary-light);border-color:var(--primary);transform:scale(1.05)}.edit-button svg{stroke:currentColor}.mapping-card__content{display:flex;flex-direction:column;gap:1rem;flex:1}.card-title-area{margin-bottom:1rem;min-height:auto;display:flex;flex-direction:column}.card-title-spacer{flex:1;min-height:1rem}.mapping-title{font-family:AXtManalBold,sans-serif;font-size:1.25rem;color:var(--text-primary);margin:0 0 1rem;line-height:1.3;word-wrap:break-word}.modal-error{background-color:var(--error-background);color:var(--error-text);padding:1rem 1.5rem;border-bottom:1px solid var(--error-border);display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.modal-error button{background:none;border:none;color:var(--error-text);font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.mapping-info{display:flex;flex-direction:column;gap:.75rem;flex:1}.info-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.info-label{font-weight:600;color:var(--text-secondary);font-size:.875rem;flex-shrink:0}.info-value{color:var(--text-primary);font-size:.875rem;text-align:right;word-wrap:break-word}.inventory-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.inventory-badge--new{background-color:var(--info-background);color:var(--info-text)}.inventory-badge--used{background-color:var(--warning-background);color:var(--warning-text)}.inventory-badge--both{background:linear-gradient(135deg,var(--info-background),var(--warning-background));color:var(--text-primary)}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge--active{background-color:var(--success-background);color:var(--success-text)}.status-badge--inactive{background-color:var(--error-background);color:var(--error-text)}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.empty-state .btn-primary{margin-top:1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--card-background);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light)}.modal-header h2{font-family:AXtManalBold,sans-serif;font-size:1.5rem;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:var(--surface-background);color:var(--text-primary)}.mapping-form{padding:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem}.form-group select,.form-group input{padding:.75rem;border:1px solid var(--border-light);border-radius:8px;font-size:.875rem;color:var(--text-primary);background:var(--input-background);transition:border-color .2s ease}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.radio-group{display:flex;gap:1rem;margin-top:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.radio-label input[type=radio]{margin:0;width:auto;padding:0}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.locations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:var(--text-primary);padding:.5rem;border-radius:6px;transition:background-color .2s ease}.checkbox-label:hover{background-color:var(--surface-background)}.checkbox-label input[type=radio],.checkbox-label input[type=checkbox]{margin:0;width:auto;padding:0}.locations-switches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem 1rem;margin-top:.5rem}.switch-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;padding:.375rem 0;color:var(--text-primary);white-space:nowrap}.location-name{font-weight:500;color:var(--text-primary);line-height:1.2}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.modal-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-light);background:var(--surface-background);color:var(--text-primary)}.modal-actions button:hover:not(:disabled){transform:translateY(-1px)}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.btn-primary:hover:not(:disabled){background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.zendesk-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.zendesk-modal-container{background:#fff;border-radius:16px;max-width:760px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 24px 48px #0003;animation:slideUp .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.zendesk-modal-header{background:linear-gradient(135deg,#1e3a5f,#0d1d3a);padding:3.375rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #f36f21;position:relative;overflow:hidden}.zendesk-modal-header:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(243,111,33,.15) 0%,transparent 70%);pointer-events:none}.zendesk-modal-header-content{display:flex;align-items:center;gap:1rem;flex:1;position:relative;z-index:1}.zendesk-modal-title{font-family:AXtManalBold,sans-serif;font-size:1.75rem;font-weight:700;color:#fff;margin:0;letter-spacing:.3px}.zendesk-modal-badge{background:#10b981;color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.5px}.zendesk-modal-header-actions{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.zendesk-modal-close-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.zendesk-modal-close-btn:hover{background:#ef444433;transform:scale(1.05)}.zendesk-modal-body{padding:2rem;overflow-y:auto;flex:1;background:#f8fafc}.zendesk-modal-body::-webkit-scrollbar{width:8px}.zendesk-modal-body::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.zendesk-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.zendesk-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.zendesk-modal-error{background-color:#e15a5a1a;color:#cc4a4a;padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:8px;border:1px solid rgba(225,90,90,.3);display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.zendesk-modal-error button{background:none;border:none;color:#cc4a4a;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.zendesk-modal-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.zendesk-modal-section:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.zendesk-modal-section:last-child{margin-bottom:0}.zendesk-modal-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.zendesk-modal-section-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d}.zendesk-modal-section-icon--brand{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.zendesk-modal-section-icon--vehicle{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.zendesk-modal-section-icon--other{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.zendesk-modal-section-header h3{font-family:AXtManalBold,sans-serif;font-size:1.125rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:.3px}.zendesk-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.zendesk-modal-locations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.zendesk-modal-field{display:flex;align-items:flex-start;gap:.75rem;background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.zendesk-modal-field:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.zendesk-modal-field--full{grid-column:1 / -1}.zendesk-modal-field-icon{width:36px;height:36px;border-radius:8px;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.zendesk-modal-field:hover .zendesk-modal-field-icon{background:#cbd5e1;color:#475569}.zendesk-modal-field-content{flex:1;min-width:0}.zendesk-modal-field-content label{display:block;font-size:.6875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.zendesk-modal-select,.zendesk-modal-input{width:100%;padding:.625rem .875rem;border:2px solid #cbd5e1;border-radius:8px;font-size:.9375rem;font-weight:500;color:#1e293b;background:#fff;transition:all .2s ease;outline:none}.zendesk-modal-select:focus,.zendesk-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.zendesk-modal-select::placeholder,.zendesk-modal-input::placeholder{color:#94a3b8}.zendesk-modal-select:disabled,.zendesk-modal-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.zendesk-modal-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.625rem .875rem;border-radius:8px;transition:all .2s ease}.zendesk-modal-checkbox-label:hover{background:#f1f5f9}.zendesk-modal-checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#3b82f6}.zendesk-modal-checkbox-label span{font-size:.9375rem;font-weight:500;color:#1e293b}.zendesk-modal-help{display:block;font-size:.75rem;color:#64748b;margin-top:.5rem}.zendesk-modal-footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.zendesk-modal-btn{padding:.75rem 1.75rem;border-radius:8px;font-size:.9375rem;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.3px}.zendesk-modal-btn--secondary{background:#e2e8f0;color:#475569}.zendesk-modal-btn--secondary:hover{background:#cbd5e1;transform:translateY(-1px)}.zendesk-modal-btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.zendesk-modal-btn--primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.zendesk-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.zendesk-page{padding:1rem}.mappings-grid{grid-template-columns:1fr;gap:1rem}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{justify-content:center}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.locations-grid{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:.5rem}.zendesk-modal-overlay{padding:0}.zendesk-modal-container{max-height:100vh;border-radius:0;max-width:100%}.zendesk-modal-header{padding:2.8125rem 1.5rem}.zendesk-modal-title{font-size:1.375rem}.zendesk-modal-body{padding:1.5rem}.zendesk-modal-grid,.zendesk-modal-locations-grid{grid-template-columns:1fr;gap:1rem}.zendesk-modal-section{padding:1.25rem}.zendesk-modal-footer{padding:1.25rem 1.5rem}.zendesk-modal-btn{flex:1}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 16px;position:relative}.login-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(8,24,61,.04),transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(243,111,33,.03),transparent 50%);pointer-events:none}.login-grid{width:min(1200px,100%);display:grid;grid-template-columns:1.2fr auto 1fr;align-items:center;gap:80px;position:relative;z-index:1}.login-grid__identity{display:flex;justify-content:center;align-items:center;position:relative}.login-grid__identity:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(243,111,33,.08),transparent 70%);border-radius:50%;z-index:-1;filter:blur(40px)}.login-grid__divider{width:2px;height:400px;background:linear-gradient(180deg,transparent 0%,rgba(243,111,33,.15) 10%,rgba(8,24,61,.25) 50%,rgba(243,111,33,.15) 90%,transparent 100%);border-radius:999px;position:relative;box-shadow:0 0 20px #f36f2133}.login-grid__divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:linear-gradient(135deg,var(--color-brand-flare),var(--color-brand-midnight));border-radius:50%;box-shadow:0 0 15px #f36f2199}.login-grid__content{display:grid;gap:32px;padding:40px;border-radius:24px;background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #08183d1a,inset 0 1px #fff3;position:relative;overflow:hidden}.login-grid__content:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:conic-gradient(from 0deg,transparent,rgba(243,111,33,.1),transparent);border-radius:50%;animation:rotate 20s linear infinite;z-index:-1}@keyframes rotate{to{transform:rotate(360deg)}}.login-card__intro{text-align:left;display:grid;gap:16px;position:relative;z-index:2}.login-card__intro h1{font-size:2.8rem;margin:0;background:linear-gradient(135deg,var(--color-brand-midnight),var(--color-brand-flare));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-.02em;line-height:1.1}.login-card__intro p{margin:0;color:#08183dcc;font-size:1.1rem;font-weight:500;line-height:1.6;max-width:400px}.login-form{display:grid;gap:24px;position:relative;z-index:2}.field{display:grid;gap:12px;position:relative}.field__label{font-size:.85rem;color:#08183de6;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.field__input{padding:18px 24px;border-radius:20px;border:2px solid rgba(8,24,61,.1);background:#fffffff2;font-size:1.05rem;color:var(--color-brand-midnight);transition:all .3s ease;box-shadow:0 4px 20px #08183d14;position:relative}.field__input:focus{border-color:var(--color-brand-flare);box-shadow:0 8px 30px #f36f2140,0 0 0 4px #f36f211a;transform:translateY(-2px)}.form-error{padding:12px 16px;border-radius:16px;background:#e15a5a1f;color:#992828eb;text-align:center;font-size:.92rem}.login-submit{padding:20px 32px;border-radius:25px;border:none;background:linear-gradient(135deg,var(--color-brand-flare),var(--color-brand-flare-strong));color:#fff8f1;font-size:1.1rem;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase;box-shadow:0 8px 25px #f36f214d}.login-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-submit:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #f36f2166}.login-submit:hover:not(:disabled):before{left:100%}.login-submit:active:not(:disabled){transform:translateY(-1px) scale(.98)}.login-submit:disabled{opacity:.6;cursor:progress;transform:none}.login-grid__identity .logo-stack{gap:16px;transform:scale(1.1);filter:drop-shadow(0 10px 30px rgba(243,111,33,.15))}.login-grid__identity .logo-stack__word{width:320px;transition:transform .3s ease}.login-grid__identity .logo-stack__mark{width:240px;transition:transform .3s ease}.login-grid__identity:hover .logo-stack__mark{transform:rotate(-2deg) scale(1.05)}.login-grid__identity:hover .logo-stack__word{transform:translate(5px)}@media (max-width: 768px){.login-screen{padding:32px 16px}.login-grid{grid-template-columns:1fr;gap:40px;max-width:500px}.login-grid__identity{justify-content:center;order:-1}.login-grid__identity .logo-stack{transform:scale(.9)}.login-grid__divider{width:60%;height:2px;justify-self:center;background:linear-gradient(90deg,transparent 0%,rgba(243,111,33,.15) 20%,rgba(8,24,61,.25) 50%,rgba(243,111,33,.15) 80%,transparent 100%)}.login-grid__divider:before{top:50%;left:50%;transform:translate(-50%,-50%)}.login-grid__content{padding:32px 24px}.login-card__intro h1{font-size:2.2rem;text-align:center}.login-card__intro p{text-align:center;margin:0 auto}}