.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}@media (min-width: 768px){.login-card{padding:2rem}}.login-card h1{text-align:center;color:#1a237e;margin-bottom:.5rem}.login-card h2{text-align:center;color:#333;margin-bottom:2rem;font-weight:400}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.login-button{width:100%;padding:.75rem;background-color:#1a237e;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}.login-button:hover:not(:disabled){background-color:#283593}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:1.5rem;color:#666}.login-footer a{color:#1a237e;text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.register-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:450px}@media (min-width: 768px){.register-card{padding:2rem}}.register-card h1{text-align:center;color:#1a237e;margin-bottom:.5rem}.register-card h2{text-align:center;color:#333;margin-bottom:2rem;font-weight:400}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#1a237e}.register-button{width:100%;padding:.75rem;background-color:#1a237e;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}.register-button:hover:not(:disabled){background-color:#283593}.register-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:5px;margin-bottom:1rem;text-align:center}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:.75rem;border-radius:5px;margin-bottom:1rem;text-align:center}.register-footer{text-align:center;margin-top:1.5rem;color:#666}.register-footer a{color:#1a237e;text-decoration:none;font-weight:500}.register-footer a:hover{text-decoration:underline}.header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-inverse);padding:4px var(--space-lg);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;gap:6px;position:relative;flex-wrap:nowrap;z-index:1}.header h1{font-size:1.5rem;font-weight:800;margin:0;flex:0 1 auto;min-width:0;letter-spacing:.02em;background:linear-gradient(135deg,#fff,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brandCalm 10s ease-in-out infinite;text-shadow:0 2px 8px rgba(0,0,0,.2)}@keyframes brandCalm{0%,to{opacity:.92;text-shadow:0 0 0 rgba(255,255,255,0)}50%{opacity:1;text-shadow:0 6px 18px rgba(255,255,255,.15)}}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:#ffffff1a;border:none;cursor:pointer;padding:var(--space-sm);z-index:var(--z-fixed);border-radius:var(--radius-md);transition:all var(--transition-base);width:40px;height:40px;justify-content:center;align-items:center}.mobile-menu-toggle:hover{background:#fff3}.mobile-menu-toggle span{width:24px;height:3px;background-color:var(--text-inverse);border-radius:var(--radius-full);transition:all var(--transition-base);display:block}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.header-nav{display:flex;gap:6px;flex:1;justify-content:center;align-items:center;flex-wrap:nowrap;padding:4px 0;overflow-x:auto;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}@media (max-width: 1100px){.header-nav{justify-content:flex-start}}.header-nav .mobile-menu-user-section{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}.nav-link{color:#ffffffe6;text-decoration:none;padding:3px 10px;border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;font-size:.8rem;font-weight:500;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--text-inverse);transform:translate(-50%);transition:width var(--transition-base)}.nav-link:hover{color:var(--text-inverse);background:#ffffff1a;transform:translateY(-1px)}.nav-link.active{color:#fef3c7;background:transparent;font-weight:600}.nav-link.active:before{width:70%}.header-nav .mobile-menu-user-section{display:none!important}.header-user{display:flex;align-items:center;gap:6px;flex-shrink:0}.user-info{display:block;white-space:nowrap;font-size:.75rem;color:#ffffffe6;font-weight:500;padding:2px 8px;background:#ffffff1a;border-radius:var(--radius-lg)}.settings-menu{position:relative;display:flex;align-items:center}.settings-button{background:#ffffff26;color:var(--text-inverse);border:1px solid rgba(255,255,255,.2);padding:3px 8px;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-size:.9rem;min-height:28px;min-width:28px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.settings-button:hover,.settings-button.active{background:#ffffff40;border-color:#ffffff4d}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);padding:var(--space-sm);z-index:1200}.settings-user{padding:var(--space-sm) var(--space-sm);border-bottom:1px solid var(--gray-200);margin-bottom:var(--space-sm)}.settings-user-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.settings-user-role{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.settings-links{display:grid;gap:6px;margin-bottom:var(--space-sm)}.settings-link{text-decoration:none;color:var(--text-primary);font-size:.9rem;padding:6px 8px;border-radius:var(--radius-sm);transition:background var(--transition-base)}.settings-link:hover{background:var(--bg-secondary)}.settings-logout{width:100%;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--gray-200);background:var(--bg-secondary);cursor:pointer;font-size:.88rem;font-weight:600;color:var(--text-primary)}.settings-logout:hover{background:var(--bg-tertiary)}.mobile-menu-backdrop{display:none}@media (max-width: 768px){.mobile-menu-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:998;animation:fadeIn var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header{padding:3px var(--space-md)}.header-content{flex-wrap:nowrap;gap:var(--space-xs);align-items:center;position:relative;z-index:1}.header h1{font-size:1.15rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-toggle{display:flex;order:1;flex-shrink:0;width:40px;height:40px}.header-nav{display:none}.header-nav.mobile-open{display:flex;top:0;left:0;right:0;bottom:0;flex-direction:column;background:linear-gradient(135deg,#4f46e5fa,#4338cafa);padding:var(--space-lg);box-shadow:var(--shadow-xl);gap:var(--space-xs);align-items:stretch;z-index:1001;justify-content:flex-start;border-radius:var(--radius-xl);transform:translateY(0);transition:transform var(--transition-slow);max-height:70vh;overflow-y:auto}.nav-link{width:100%;padding:8px 12px;text-align:left;border-radius:var(--radius-md);min-height:40px;display:flex;align-items:center;font-size:.95rem;background:#ffffff14;margin-bottom:2px;border-left:2px solid transparent}.nav-link:hover,.nav-link.active{background:#ffffff26;border-left-color:var(--text-inverse);transform:translate(2px)}.nav-link:before{display:none}.header-user{order:2;flex-direction:row;align-items:center;gap:var(--space-xs);flex:0 0 auto;margin-left:auto;min-width:0}.user-info{font-size:.75rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;padding:var(--space-xs) var(--space-sm);white-space:nowrap;display:none}.settings-dropdown{right:-6px;min-width:200px}.mobile-user-info{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ffffff1a;border-radius:var(--radius-lg)}.mobile-user-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:var(--text-inverse);flex-shrink:0}.mobile-user-details{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.mobile-username{font-weight:600;color:var(--text-inverse);font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-role{font-size:.875rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.mobile-logout-button{width:100%;padding:var(--space-md) var(--space-lg);background:#ffffff26;color:var(--text-inverse);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);min-height:44px}.mobile-logout-button:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px)}.header-nav.mobile-open .mobile-menu-user-section{display:flex!important;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.2)}}@media (max-width: 480px){.header{padding:2px var(--space-sm)}.header-content{gap:var(--space-xs)}.header h1{font-size:1.1rem;flex:1;min-width:0}.header-user{gap:var(--space-xs);flex-shrink:0}.user-info{display:none}.settings-button{padding:2px 6px;min-height:26px;min-width:26px;font-size:.85rem}.mobile-menu-toggle{width:36px;height:36px;padding:var(--space-xs);flex-shrink:0}.mobile-menu-toggle span{width:20px;height:2.5px}}.loading-spinner-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #1a237e;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-container p{margin-top:1rem;color:#666}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.custom-datepicker-wrapper{position:relative;display:inline-block}.custom-datepicker-input{padding:var(--space-xs) var(--space-sm);border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-primary);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);min-width:140px;min-height:28px;display:flex;align-items:center;justify-content:space-between}.custom-datepicker-input:hover{border-color:var(--primary)}.custom-datepicker-input:focus-within{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f11a}.custom-datepicker-calendar{position:absolute;top:100%;right:0;z-index:1000;margin-top:var(--space-xs);box-shadow:var(--shadow-lg);background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200);animation:fadeIn var(--transition-fast)}.custom-datepicker-calendar .react-calendar{border:none!important;width:300px!important;font-family:inherit!important}.custom-datepicker-calendar .react-calendar__navigation{background-color:var(--bg-secondary);margin-bottom:0!important;padding:var(--space-sm)}.custom-datepicker-calendar .react-calendar__navigation button{min-width:30px;background:none;font-size:1rem;color:var(--text-primary)}.custom-datepicker-calendar .react-calendar__navigation button:enabled:hover,.custom-datepicker-calendar .react-calendar__navigation button:enabled:focus{background-color:var(--gray-200);border-radius:var(--radius-sm)}.custom-datepicker-calendar .react-calendar__month-view__weekdays{text-transform:uppercase;font-weight:600;font-size:.75rem;color:var(--text-secondary);padding:var(--space-xs) 0}.custom-datepicker-calendar .react-calendar__tile{padding:var(--space-sm)!important;font-size:.9rem;color:var(--text-primary);border-radius:var(--radius-sm)}.custom-datepicker-calendar .react-calendar__tile:enabled:hover,.custom-datepicker-calendar .react-calendar__tile:enabled:focus{background-color:var(--gray-100);color:var(--primary)}.custom-datepicker-calendar .react-calendar__tile--now{background:var(--bg-secondary)!important;color:var(--primary)!important;font-weight:600}.custom-datepicker-calendar .react-calendar__tile--active{background:var(--primary)!important;color:var(--text-inverse)!important}.custom-datepicker-calendar .react-calendar__tile--active:enabled:hover,.custom-datepicker-calendar .react-calendar__tile--active:enabled:focus{background:var(--primary-dark)!important}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;cursor:help}.tooltip-content{position:absolute;z-index:1000;background:var(--gray-900, #1f2937);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #00000026;pointer-events:none;animation:tooltipFadeIn .2s ease-in-out}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-top:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--gray-900, #1f2937)}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--gray-900, #1f2937)}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--gray-900, #1f2937)}.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--gray-900, #1f2937)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:var(--space-xs);color:var(--primary);font-size:12px;font-weight:600;border:1.5px solid currentColor;border-radius:50%;cursor:help;transition:all var(--transition-fast)}.info-icon:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.dashboard-metrics{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.metrics-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);width:100%}.metric-card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gray-200);transition:all var(--transition-base)}.metric-card.primary-metric:before{background:linear-gradient(90deg,var(--primary),var(--primary-dark))}.metric-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-card:hover:before{height:4px}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.metric-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.metric-trend{font-size:.75rem;font-weight:600;color:var(--success);background:#22c55e1a;padding:2px 8px;border-radius:var(--radius-sm)}.metric-value-large{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.1;margin-bottom:var(--space-xs)}.metric-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xs);border-top:1px solid var(--gray-100)}.metric-secondary{font-size:.75rem;color:var(--text-secondary);font-weight:500}.metrics-table-container{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.table-header{display:flex;justify-content:flex-start;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.table-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.table-actions{display:flex;gap:var(--space-xs)}.period-label{padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.period-label.active{background:var(--primary);color:#fff}.period-label:not(.active):hover{background:var(--gray-100)}.metrics-table{overflow-x:auto}.metrics-table table{width:100%;border-collapse:collapse;font-size:.8125rem}.metrics-table thead{position:sticky;top:0;background:var(--gray-50);z-index:10}.metrics-table th{padding:var(--space-xs) var(--space-sm);text-align:left;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.6875rem;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}.metrics-table th.col-metric{width:40%;min-width:150px}.metrics-table th.col-value{width:15%;text-align:right}.metrics-table th.col-status{width:12%;text-align:center;min-width:60px}.section-header{background:var(--gray-50);cursor:pointer;transition:background var(--transition-fast)}.section-header:hover{background:var(--gray-100)}.section-header td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--gray-200)}.section-title{display:flex;align-items:center;gap:var(--space-xs);font-weight:600;color:var(--text-primary);font-size:.8125rem}.expand-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--gray-200);border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;color:var(--text-primary);transition:all var(--transition-fast)}.section-header:hover .expand-icon{background:var(--primary);color:#fff}.section-count{margin-left:auto;font-size:.75rem;color:var(--text-secondary);font-weight:500;background:var(--gray-200);padding:2px 8px;border-radius:var(--radius-sm)}.data-row{transition:background var(--transition-fast)}.data-row:hover{background:var(--gray-50)}.data-row.clickable{cursor:pointer}.data-row.highlight-row{background:#6366f108;border-left:3px solid var(--primary)}.data-row.highlight-row:hover{background:#6366f10f}.data-row td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--gray-100)}.col-metric{font-weight:500;color:var(--text-primary)}.metric-name{display:flex;align-items:center;gap:var(--space-sm)}.info-icon-small{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--gray-200);color:var(--text-secondary);border-radius:50%;font-size:.625rem;font-weight:700;cursor:help;transition:all var(--transition-fast)}.info-icon-small:hover{background:var(--primary);color:#fff}.badge-inline{font-size:.625rem;font-weight:600;color:var(--primary);background:#6366f11a;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.col-value{text-align:right;font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums}.value-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:2px 8px;border-radius:var(--radius-sm);font-weight:600;font-size:.75rem}.value-badge.status-zero{background:var(--gray-100);color:var(--text-secondary)}.value-badge.status-moderate{background:#fbbf241a;color:#d97706}.value-badge.status-good{background:#22c55e1a;color:#16a34a}.value-badge.status-excellent{background:#22c55e26;color:#15803d;font-weight:700}.col-status{text-align:center;vertical-align:middle}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--gray-300);margin:0 auto}.status-indicator.status-zero{background:var(--gray-300)}.status-indicator.status-moderate{background:#fbbf24;box-shadow:0 0 8px #fbbf2466}.status-indicator.status-good{background:#22c55e;box-shadow:0 0 8px #22c55e66}.status-indicator.status-excellent{background:#16a34a;box-shadow:0 0 12px #16a34a80;animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 1024px){.metrics-overview{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.metric-value-large{font-size:1.5rem}}@media (max-width: 768px){.metrics-overview{grid-template-columns:1fr;gap:var(--space-xs)}.metric-card{padding:var(--space-sm) var(--space-md)}.metric-value-large{font-size:1.5rem}.table-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.metrics-table th,.metrics-table td{padding:var(--space-xs) var(--space-sm)}.metrics-table th.col-metric{min-width:120px}}@media (max-width: 640px){.dashboard-metrics{gap:var(--space-lg)}.metrics-overview{gap:var(--space-md)}.metric-footer{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.table-actions{width:100%;justify-content:space-between}.period-label{flex:1;text-align:center}}@media print{.metric-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.metrics-table{max-height:none}.data-row.clickable{cursor:default}}.top-clients-card{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);animation:slideUp var(--transition-base) both;animation-delay:.3s}.clients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--gray-200)}.clients-header h3{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600;letter-spacing:-.025em}.clients-count{background:var(--primary-light);color:var(--text-inverse);padding:2px var(--space-xs);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600}.empty-state{text-align:center;padding:var(--space-md);color:var(--text-secondary);font-size:.8125rem}.clients-grid{display:flex;flex-direction:column;gap:var(--space-xs);max-height:600px;overflow-y:auto}.client-card{background:var(--gray-50);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);border:1px solid var(--gray-200);transition:all var(--transition-base);position:relative;overflow:hidden;animation:slideUp var(--transition-base) both}.client-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-light) 100%);transform:scaleY(0);transform-origin:top;transition:transform var(--transition-base)}.client-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.client-card:hover:before{transform:scaleY(1)}.client-rank{position:absolute;top:var(--space-xs);right:var(--space-xs);width:24px;height:24px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-inverse);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.6875rem;box-shadow:var(--shadow-sm)}.client-info{margin-top:var(--space-xs);padding-right:2rem}.client-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.client-details{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-xs)}.client-detail-item{display:flex;justify-content:space-between;align-items:center;padding:0}.detail-label{font-size:.6875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.detail-value{font-size:.75rem;font-weight:600;color:var(--text-primary)}.detail-value.highlight{color:var(--success);font-size:.8125rem}.client-remarks{padding-top:var(--space-xs);border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:2px}.remarks-label{font-size:.6875rem;color:var(--text-secondary);font-weight:500}.remarks-text{font-size:.75rem;color:var(--text-primary);line-height:1.4}@media (max-width: 768px){.top-clients-card{padding:var(--space-sm) var(--space-md)}.clients-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.clients-header h3{font-size:.875rem}.clients-grid{gap:var(--space-xs)}.client-card{padding:var(--space-xs) var(--space-sm)}}@media (max-width: 480px){.top-clients-card{padding:var(--space-md)}.clients-header h3{font-size:1.125rem}.client-name{font-size:1rem}}.dashboard-container{padding:var(--space-md) var(--space-lg);max-width:1600px;margin:0 auto;animation:fadeIn .3s ease-in-out}.dashboard-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding:var(--space-xs) 0;gap:var(--space-md);flex-wrap:wrap}.dashboard-title-section{flex:0 0 auto}.page-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.dashboard-filters-compact{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap;flex:1 1 auto;justify-content:flex-end}.filter-group-inline{display:flex;align-items:center;gap:var(--space-xs);flex:0 0 auto}.filter-label-inline{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.filter-select-inline{padding:var(--space-xs) var(--space-sm);border:1px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-height:28px;min-width:140px}.filter-select-inline:hover{border-color:var(--primary)}.filter-select-inline:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f11a}.dashboard-filters{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.filter-group{display:flex;flex-direction:column;gap:var(--space-xs);min-width:160px}.filter-select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-height:32px}.dashboard-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-items:start}.dashboard-left-column,.dashboard-right-column{min-width:0}.top-clients-section{margin-top:var(--space-2xl);background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.section-title-icon{font-size:1.5rem}.section-badge{font-size:.75rem;font-weight:600;color:var(--primary);background:#6366f11a;padding:4px 12px;border-radius:var(--radius-full)}.clients-list{padding:var(--space-lg)}.client-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--gray-100);transition:background var(--transition-fast)}.client-item:last-child{border-bottom:none}.client-item:hover{background:var(--gray-50)}.client-info{display:flex;flex-direction:column;gap:var(--space-xs)}.client-name{font-weight:600;color:var(--text-primary);font-size:.9375rem}.client-details{font-size:.8125rem;color:var(--text-secondary)}.client-value{font-size:1.125rem;font-weight:700;color:var(--primary)}.empty-state{padding:var(--space-2xl);text-align:center;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.3}.empty-state-text{font-size:.9375rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1024px){.dashboard-container{padding:var(--space-md)}.dashboard-content-grid{grid-template-columns:1fr;gap:var(--space-md)}.dashboard-header-compact{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.dashboard-filters-compact{width:100%;justify-content:flex-start}.filter-group-inline{flex:1 1 auto;min-width:140px}.filter-select-inline{flex:1 1 auto;min-width:0}}@media (max-width: 768px){.dashboard-container{padding:var(--space-sm) var(--space-md)}.dashboard-header-compact{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.page-title{font-size:1.125rem}.dashboard-filters-compact{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.filter-group-inline{flex-direction:column;align-items:flex-start;width:100%;gap:var(--space-xs)}.filter-label-inline{font-size:.6875rem}.filter-select-inline{width:100%;min-width:0}.section-header,.client-item{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}@media (max-width: 640px){.dashboard-container{padding:var(--space-xs) var(--space-sm)}.page-title{font-size:1rem}.dashboard-filters-compact{gap:var(--space-xs)}.filter-group-inline{gap:2px}.section-title,.client-value{font-size:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.dashboard-container{padding:0}.dashboard-filters{display:none}.section-header{background:#fff;border-bottom:2px solid #000}.client-item{break-inside:avoid}}.user-select-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.user-select-input:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#888}.user-select-loading{font-size:13px;color:#666;padding:4px 0}.project-form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-backdrop);padding:var(--space-lg);overflow-y:auto;animation:fadeIn var(--transition-base)}.project-form-modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp var(--transition-base)}.project-form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--gray-200)}.project-form-modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.project-form-close-btn{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.project-form-close-btn:hover{background:var(--gray-100);color:var(--text-primary)}.project-form-modal-body{padding:var(--space-xl);overflow-y:auto;flex:1}.form-section{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--gray-200)}.form-section:last-of-type{border-bottom:none;margin-bottom:var(--space-lg)}.form-section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-lg) 0}.form-section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.form-group label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs);font-size:.9375rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:var(--gray-50);cursor:not-allowed;opacity:.7}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.unit-configs-list{display:flex;flex-direction:column;gap:var(--space-lg)}.unit-config-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--gray-200)}.unit-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--gray-300)}.unit-config-header h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.icon-button-small{background:none;border:none;font-size:1.5rem;color:var(--error);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.icon-button-small:hover{background:var(--error-light);transform:scale(1.1)}.icon-button-small:disabled{opacity:.5;cursor:not-allowed}.empty-config-message{padding:var(--space-lg);text-align:center;background:var(--gray-50);border-radius:var(--radius-md);border:2px dashed var(--gray-300)}.empty-config-message p{color:var(--text-secondary);margin:0}.button-sm{padding:var(--space-xs) var(--space-md);font-size:.875rem}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding-top:var(--space-lg);border-top:1px solid var(--gray-200);margin-top:var(--space-xl)}.existing-file-item{padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.existing-file-info{display:flex;align-items:center;gap:var(--space-md)}.file-icon{font-size:1.5rem}.file-name{flex:1;font-weight:500;color:var(--text-primary)}.file-action-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.file-action-btn:hover:not(:disabled){background:var(--gray-200)}.file-action-btn:disabled{opacity:.5;cursor:not-allowed}.unit-type-input{padding:var(--space-xs) var(--space-sm);border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.875rem}.existing-files-list{margin-bottom:var(--space-md)}.existing-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.existing-image-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--gray-200)}.existing-image-thumbnail{width:100%;height:100%;object-fit:cover}.existing-image-actions{position:absolute;top:5px;right:5px;display:flex;gap:var(--space-xs)}@media (max-width: 768px){.project-form-modal{max-width:100%;max-height:100vh;border-radius:0}.project-form-modal-header{padding:var(--space-md) var(--space-lg)}.project-form-modal-body{padding:var(--space-lg)}.form-row{grid-template-columns:1fr}.form-section-header-row{flex-direction:column;align-items:stretch;gap:var(--space-md)}}.amenities-grid{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.amenity-chip{background:var(--bg-secondary);border:1px solid var(--gray-300);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.amenity-chip:hover{background:var(--gray-100);border-color:var(--gray-400)}.amenity-chip.selected{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.amenity-chip:disabled{opacity:.5;cursor:not-allowed}.custom-amenity-input{display:flex;gap:var(--space-sm);align-items:center}.custom-amenity-input input{flex:1;max-width:300px}.selected-amenities{margin-top:var(--space-sm)}.selected-count{font-size:.8125rem;color:var(--text-muted)}.progress-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--gray-200);border-radius:var(--radius-full);outline:none;cursor:pointer}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #6366f133}.progress-slider::-moz-range-thumb{width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}@media (max-width: 768px){.amenities-grid{gap:var(--space-xs)}.amenity-chip{font-size:.75rem;padding:.25rem .5rem}.custom-amenity-input{flex-direction:column;align-items:stretch}.custom-amenity-input input{max-width:none}}@media (max-width: 480px){.project-form-modal-overlay{padding:0}.project-form-modal-header h2{font-size:1.25rem}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}}.form-help-text{color:#666;font-size:.875rem;margin-top:.25rem;font-style:italic}.checkbox-group,.radio-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.checkbox-label,.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{width:auto;margin:0;cursor:pointer}.checkbox-label span,.radio-label span{-webkit-user-select:none;user-select:none}.signature-preview{margin:.5rem 0;display:flex;align-items:center;gap:1rem}.signature-preview img{max-width:200px;max-height:100px;border:1px solid #ddd;border-radius:4px;object-fit:contain}.remove-signature-btn{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}.remove-signature-btn:hover{background:#c82333}.mt-1{margin-top:.5rem}.error-message{background:#ffebee;color:#c62828;padding:.75rem 1rem;border-radius:6px;border-left:4px solid #c62828;margin-bottom:1rem;font-size:.9rem}.lead-list{animation:fadeIn var(--transition-base)}.leads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-sm)}.lead-card{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;animation:slideUp var(--transition-base) both}.lead-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.lead-card:active{transform:translateY(-3px)}.lead-card-header{margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--gray-100)}.lead-card-title-section{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.lead-card-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 8px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.status-icon{font-size:.875rem}.lead-card-body{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-xs)}.lead-info-item{display:flex;align-items:center;gap:var(--space-xs);padding:0;min-height:20px}.lead-info-icon{flex-shrink:0;width:14px;height:14px;color:var(--text-secondary);opacity:.7}.lead-info-text{font-size:.8125rem;color:var(--text-secondary);flex:1;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-card-footer{padding-top:var(--space-xs);border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center}.lead-date{font-size:.75rem;color:var(--text-tertiary)}.lead-list-empty{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-3xl);text-align:center;box-shadow:var(--shadow-md);border:2px dashed var(--gray-300);animation:fadeIn var(--transition-base)}.empty-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.lead-list-empty p{color:var(--text-secondary);font-size:1.125rem;margin:0}.empty-subtitle{font-size:.9375rem!important;color:var(--text-tertiary)!important;margin-top:var(--space-sm)!important}@media (max-width: 768px){.leads-grid{grid-template-columns:1fr;gap:var(--space-sm)}.lead-card{padding:var(--space-sm) var(--space-md)}.lead-card-name{font-size:.875rem}.lead-card-title-section{flex-direction:row;align-items:center}}@media (max-width: 480px){.lead-card{padding:var(--space-sm) var(--space-md)}.lead-card-name{font-size:.875rem}.lead-info-text{font-size:.75rem}}.leads-table-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto;animation:fadeIn var(--transition-base);border:1px solid var(--gray-200)}.leads-table{width:100%;border-collapse:collapse;min-width:800px}.leads-table th{background-color:var(--gray-50);padding:var(--space-md) var(--space-lg);text-align:left;font-weight:600;color:var(--text-secondary);font-size:.875rem;border-bottom:1px solid var(--gray-200);white-space:nowrap}.leads-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--gray-100);color:var(--text-primary);font-size:.9375rem;transition:background-color var(--transition-base)}.leads-table tr{cursor:pointer}.leads-table tr:hover td{background-color:var(--gray-50)}.leads-table tr:last-child td{border-bottom:none}.leads-table .cell-name{font-weight:600;color:var(--primary)}.view-toggle{display:flex;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:2px;margin-right:var(--space-md)}.toggle-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base)}.toggle-btn.active{background:var(--primary-light);color:var(--primary)}.toggle-btn:hover:not(.active){background:var(--gray-50);color:var(--text-secondary)}.lead-flowchart{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000001a}.lead-flowchart h3{color:#1a237e;margin-bottom:1.5rem;font-size:1.25rem}.flowchart-container{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:1rem 0}.flowchart-path{display:flex;align-items:center;justify-content:space-between;min-width:600px;gap:.5rem;position:relative}.flowchart-stage{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;padding:1rem;border:3px solid #e0e0e0;border-radius:8px;background:#fff;position:relative;transition:all .3s}.flowchart-stage.completed{border-color:#4caf50;background:#e8f5e9}.flowchart-stage.current{border-color:#2196f3;background:#e3f2fd;box-shadow:0 0 10px #2196f34d;animation:pulse 2s infinite}.flowchart-stage.future{border-color:#e0e0e0;background:#f5f5f5;opacity:.6}.flowchart-stage.lost{border-color:#757575;background:#f5f5f5}@keyframes pulse{0%,to{box-shadow:0 0 10px #2196f34d}50%{box-shadow:0 0 20px #2196f380}}.stage-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.5rem;color:#fff}.stage-label{font-weight:500;font-size:.9rem;text-align:center;color:#333}.current-indicator{position:absolute;top:-10px;background:#2196f3;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700}.completed-check{position:absolute;top:-10px;right:-10px;background:#4caf50;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.flowchart-connector{flex:0 0 40px;display:flex;align-items:center;justify-content:center;position:relative;height:3px}.connector-line{width:100%;height:3px;background:#e0e0e0;position:absolute}.flowchart-connector.completed .connector-line{background:#4caf50}.connector-arrow{position:absolute;right:0;color:#e0e0e0;font-size:1.25rem}.flowchart-connector.completed .connector-arrow{color:#4caf50}.lost-branch{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.lost-connection{display:flex;flex-direction:column;align-items:center;gap:.25rem}.lost-arrow{font-size:1.5rem;color:#757575}.lost-from-label{font-size:.75rem;color:#666;font-style:italic}.lost-indicator{display:flex;flex-direction:column;align-items:center;padding:1rem;border:3px solid #757575;border-radius:8px;background:#f5f5f5;min-width:100px}.lost-icon{font-size:2rem;margin-bottom:.5rem}.lost-label{font-weight:500;color:#757575}@media (max-width: 768px){.flowchart-path{min-width:500px;gap:.25rem}.flowchart-stage{min-width:80px;padding:.75rem .5rem}.stage-icon{width:40px;height:40px;font-size:1.25rem}.stage-label{font-size:.8rem}.flowchart-connector{flex:0 0 20px}}@media (max-width: 480px){.flowchart-path{min-width:400px}.flowchart-stage{min-width:70px;padding:.5rem .25rem}.stage-icon{width:35px;height:35px;font-size:1rem}.stage-label{font-size:.75rem}}.file-upload-container{margin-bottom:var(--space-lg)}.file-dropzone{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--gray-50)}.file-dropzone:hover:not(.disabled){border-color:var(--primary);background:var(--primary-light);background-opacity:.1}.file-dropzone.active{border-color:var(--primary);background:var(--primary-light);background-opacity:.2;transform:scale(1.02)}.file-dropzone.disabled{opacity:.6;cursor:not-allowed}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.dropzone-icon{font-size:3rem;opacity:.5}.dropzone-text{margin:0;color:var(--text-secondary);font-size:.9375rem}.dropzone-link{color:var(--primary);font-weight:600;text-decoration:underline}.dropzone-hint{margin:0;color:var(--text-tertiary);font-size:.8125rem}.file-upload-errors{margin-top:var(--space-md);padding:var(--space-md);background:var(--error-light);border-radius:var(--radius-md);border-left:4px solid var(--error)}.file-error-item{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs);font-size:.875rem}.file-error-item:last-child{margin-bottom:0}.error-file-name{font-weight:600;color:var(--error)}.error-message{color:var(--text-secondary)}.file-list{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.file-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base)}.file-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.file-preview{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:var(--radius-md);overflow:hidden}.file-thumbnail{width:100%;height:100%;object-fit:cover}.file-icon-large{font-size:1.5rem}.file-info{flex:1;min-width:0}.file-name{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem}.file-size{color:var(--text-secondary)}.file-type-badge{padding:.125rem var(--space-sm);background:var(--gray-200);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase}.file-remove-btn{flex-shrink:0;width:32px;height:32px;border:none;background:var(--error-light);color:var(--error);border-radius:var(--radius-full);cursor:pointer;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.file-remove-btn:hover:not(:disabled){background:var(--error);color:#fff;transform:scale(1.1)}.file-remove-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.file-dropzone{padding:var(--space-lg)}.dropzone-icon{font-size:2.5rem}.file-item{padding:var(--space-sm);gap:var(--space-sm)}.file-preview{width:40px;height:40px}}.lead-notes{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.notes-header{margin-bottom:1.5rem}.notes-header h3{color:#1a237e;margin:0;font-size:1.25rem}.add-note-form{margin-bottom:2rem;padding:1rem;background:#f5f5f5;border-radius:8px}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.note-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;font-family:inherit;resize:vertical}.note-input:focus{outline:none;border-color:#1a237e}.note-type-select{padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:.9rem;background:#fff;cursor:pointer;min-width:120px}.scheduled-time-input{padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:.9rem;background:#fff;min-width:200px}.meeting-link-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:.9rem;background:#fff}.scheduled-time-input:focus,.meeting-link-input:focus{outline:none;border-color:#1a237e}.notes-list{max-height:600px;overflow-y:auto;-webkit-overflow-scrolling:touch}.no-notes{text-align:center;padding:3rem;color:#999}.notes-status-group{margin-bottom:2rem}.status-group-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#f5f5f5;border-left:4px solid;border-radius:4px;margin-bottom:1rem}.status-badge{padding:.25rem .75rem;border-radius:12px;color:#fff;font-size:.875rem;font-weight:500}.notes-count{color:#666;font-size:.875rem}.note-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:1rem;transition:box-shadow .2s}.note-item:hover{box-shadow:0 2px 4px #0000001a}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.note-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.note-author{font-weight:500;color:#1a237e}.note-date{color:#666;font-size:.875rem}.note-type-badge{padding:.25rem .5rem;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:.75rem;font-weight:500}.note-content{color:#333;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.note-scheduled-info{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e0e0e0;color:#666;font-size:.875rem}.note-scheduled-info strong{color:#1a237e}.note-meeting-link{margin-top:.5rem;padding-top:.5rem;color:#666;font-size:.875rem}.note-meeting-link strong{color:#1a237e}.note-meeting-link a{color:#1976d2;text-decoration:none;word-break:break-all}.note-meeting-link a:hover{text-decoration:underline}.note-files{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--gray-200)}.note-files strong{display:block;margin-bottom:var(--space-sm);color:var(--text-primary);font-size:.875rem}.note-files-list{display:flex;flex-direction:column;gap:var(--space-xs)}.note-file-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--gray-50);border-radius:var(--radius-md);font-size:.875rem}.note-file-icon{font-size:1rem}.note-file-name{flex:1;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-file-size{color:var(--text-tertiary);font-size:.8125rem}.file-upload-row{margin-top:var(--space-md)}@media (max-width: 768px){.lead-notes{padding:1rem}.form-row{flex-direction:column}.note-type-select,.scheduled-time-input,.meeting-link-input{width:100%}.note-header{flex-direction:column;align-items:flex-start}}.file-preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-md);animation:fadeIn var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.file-preview-modal{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);animation:scaleIn var(--transition-base);overflow:hidden}.file-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:2px solid var(--gray-200);background:var(--gray-50);flex-shrink:0}.file-preview-title{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.file-icon{font-size:1.5rem;flex-shrink:0}.file-name{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-actions{display:flex;align-items:center;gap:var(--space-sm)}.preview-action-btn{width:36px;height:36px;border:none;background:var(--gray-200);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:all var(--transition-base)}.preview-action-btn:hover{background:var(--primary);color:var(--text-inverse);transform:scale(1.1)}.preview-close-btn{width:36px;height:36px;border:none;background:var(--error-light);color:var(--error);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;transition:all var(--transition-base)}.preview-close-btn:hover{background:var(--error);color:var(--text-inverse);transform:rotate(90deg) scale(1.1)}.file-preview-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--gray-100)}.preview-loading,.preview-error,.preview-download-only{text-align:center;padding:var(--space-2xl)}.loading-spinner{width:48px;height:48px;border:4px solid var(--gray-300);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--space-md)}.preview-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.preview-iframe{width:100%;height:70vh;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.download-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.preview-download-only p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.file-fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:calc(var(--z-modal) + 10);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-fast)}.file-fullscreen-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.fullscreen-close-btn{position:absolute;top:var(--space-lg);right:var(--space-lg);width:48px;height:48px;border:none;background:#fff3;color:#fff;border-radius:var(--radius-full);cursor:pointer;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;z-index:1;transition:all var(--transition-base)}.fullscreen-close-btn:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.fullscreen-image{max-width:100%;max-height:100%;object-fit:contain}.fullscreen-iframe{width:100%;height:100%;border:none}@media (max-width: 768px){.file-preview-modal{max-width:100%;max-height:100vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.file-preview-header{padding:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.file-preview-body{padding:var(--space-md)}.preview-image,.preview-iframe{max-height:60vh}}.lead-files{animation:fadeIn var(--transition-base)}.files-section{margin-bottom:var(--space-2xl)}.files-section:last-child{margin-bottom:0}.files-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--gray-200)}.files-section-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.files-section-actions{display:flex;align-items:center;gap:var(--space-md)}.view-toggle{display:flex;gap:var(--space-xs);background:var(--gray-100);padding:var(--space-xs);border-radius:var(--radius-md)}.view-toggle-btn{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--transition-base)}.view-toggle-btn:hover{background:var(--gray-200);color:var(--text-primary)}.view-toggle-btn.active{background:var(--primary);color:var(--text-inverse)}.files-count{font-size:.875rem;color:var(--text-secondary);font-weight:500}.files-container{display:grid;gap:var(--space-lg)}.files-card{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.files-list{display:flex;flex-direction:column;gap:var(--space-md)}.file-display-item{background:var(--bg-primary);border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);animation:slideUp var(--transition-base) both}.file-display-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-card{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.file-card-preview{width:100%;height:200px;background:var(--gray-100);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.file-card-preview:hover{background:var(--gray-200);transform:scale(1.02)}.file-card-thumbnail{width:100%;height:100%;object-fit:cover}.file-card-icon{font-size:4rem;opacity:.5;display:flex;align-items:center;justify-content:center}.file-card-info{flex:1}.file-card-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-meta{display:flex;gap:var(--space-md);flex-wrap:wrap;font-size:.8125rem;color:var(--text-secondary)}.file-meta-item{display:flex;align-items:center}.file-card-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.file-list{padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-lg)}.file-list-icon{font-size:2rem;flex-shrink:0}.file-list-info{flex:1;min-width:0}.file-list-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list-meta{display:flex;gap:var(--space-sm);font-size:.8125rem;color:var(--text-secondary);flex-wrap:wrap}.file-list-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.file-action-btn{padding:var(--space-xs) var(--space-md);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.timeline-btn{background:var(--info-light);color:var(--info)}.timeline-btn:hover{background:var(--info);color:var(--text-inverse);transform:translateY(-1px)}.preview-btn{background:var(--primary-light);color:var(--primary-dark)}.preview-btn:hover{background:var(--primary);color:var(--text-inverse);transform:translateY(-1px)}.download-btn{background:var(--success-light);color:#047857}.download-btn:hover{background:var(--success);color:var(--text-inverse);transform:translateY(-1px)}.files-empty-state,.files-coming-soon{text-align:center;padding:var(--space-3xl);background:var(--gray-50);border-radius:var(--radius-lg);border:2px dashed var(--gray-300)}.empty-icon,.coming-soon-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.files-empty-state p,.files-coming-soon p{color:var(--text-secondary);margin:0;font-size:1.125rem}.empty-subtitle,.coming-soon-subtitle{font-size:.9375rem!important;color:var(--text-tertiary)!important;margin-top:var(--space-sm)!important}@media (max-width: 768px){.files-section-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.files-card{grid-template-columns:1fr}.file-list{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.file-list-actions{width:100%;justify-content:flex-start}.file-card-actions{width:100%}.file-action-btn{flex:1}}.note-stick-container{margin-bottom:1.5rem}.note-stick{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000d}.note-stick:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.note-stick.loading{padding:0;overflow:hidden}.note-stick-shimmer{height:80px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.note-stick-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.note-concern-badge{display:flex;align-items:center;gap:.5rem}.concern-icon{font-size:1.25rem}.concern-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#374151}.note-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.note-meta:before{content:""}.note-author:after{content:"•";margin-left:.5rem}.note-stick-content p{margin:0;font-size:.9375rem;line-height:1.6;color:#1f2937}.note-stick-content p.truncated{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.expand-btn{background:none;border:none;color:#6b7280;font-size:.75rem;cursor:pointer;margin-top:.5rem;padding:0}.expand-btn:hover{color:#374151}.concern-summary{margin-top:1rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.concern-summary h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#374151}.concern-tags{display:flex;flex-wrap:wrap;gap:.5rem}.concern-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;border:1px solid}.note-stick.critical{animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{box-shadow:0 2px 8px #0000000d}50%{box-shadow:0 2px 16px #f59e0b4d}}@media (max-width: 480px){.note-stick{padding:.875rem}.note-stick-header{flex-direction:column}.note-meta{flex-wrap:wrap}.note-author:after{content:"";margin:0}.note-author,.note-date{display:block;width:100%}}.lead-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-md);overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast)}.lead-detail-modal .modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);animation:scaleIn var(--transition-base);border:1px solid var(--gray-200)}.lead-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:2px solid var(--gray-200);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:var(--text-inverse)}.lead-detail-modal .modal-header h2{margin:0;color:var(--text-inverse);font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.lead-detail-modal .close-button{background:#fff3;border:none;font-size:1.75rem;color:var(--text-inverse);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base);line-height:1}.lead-detail-modal .close-button:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.lead-detail-modal .modal-tabs{display:flex;border-bottom:2px solid var(--gray-200);padding:var(--space-sm) var(--space-lg);gap:var(--space-md);background:var(--gray-50);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0}.lead-detail-modal .modal-tabs::-webkit-scrollbar{display:none}.lead-detail-modal .modal-tabs .tab{flex:1 1 0;min-width:120px;max-width:100%;padding:var(--space-lg) var(--space-xl);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#4b5563;transition:all var(--transition-base);min-height:56px;position:relative;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:1;overflow:hidden}.lead-detail-modal .modal-tabs .tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.lead-detail-modal .modal-tabs .tab:hover{color:var(--primary);background:var(--bg-primary)}.lead-detail-modal .modal-tabs .tab.active{color:#6366f1;background:#fff;font-weight:600;position:relative}.lead-detail-modal .modal-tabs .tab.active:after{transform:scaleX(1)}.lead-detail-modal .modal-body{flex:1;overflow-y:auto;padding:var(--space-xl);-webkit-overflow-scrolling:touch;max-height:calc(90vh - 200px)}.lead-info-section{background:var(--gray-50);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.lead-info-section h3{color:var(--text-primary);margin:0 0 var(--space-lg) 0;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg)}.info-item{display:flex;flex-direction:column;gap:var(--space-xs)}.info-item.full-width{grid-column:1 / -1}.info-item label{font-weight:500;color:var(--text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}.info-item span{color:var(--text-primary);font-size:.9375rem;font-weight:500}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:var(--radius-md);color:#fff;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;height:32px;display:inline-flex;align-items:center;justify-content:center}.status-badge-small{display:inline-block;padding:.375rem .875rem;border-radius:var(--radius-md);color:#fff;font-size:.75rem;font-weight:500;margin-right:var(--space-sm);height:32px;display:inline-flex;align-items:center;justify-content:center}.temperature-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem .875rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;height:32px}.temperature-badge.temp-hot{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.temperature-badge.temp-warm{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.temperature-badge.temp-cold{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.facebook-section{background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border:1px solid #4267B2;border-radius:var(--radius-lg);padding:var(--space-lg)}.facebook-section h3{display:flex;align-items:center;gap:var(--space-sm)}.facebook-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,#4267b2,#3b5998);color:#fff;border-radius:var(--radius-md);font-size:.75rem;font-weight:600}.mono-text{font-family:var(--font-mono);font-size:.8125rem;background:var(--gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm)}.notes-tab,.timeline-tab{width:100%}.timeline-container{position:relative;padding-left:var(--space-xl)}.timeline-item{position:relative;margin-bottom:var(--space-xl);padding-left:var(--space-xl);animation:slideInRight var(--transition-base)}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--space-xl) + 7px);top:0;bottom:calc(-1 * var(--space-xl));width:2px;background:var(--gray-300)}.timeline-item:last-child:before{display:none}.timeline-marker{position:absolute;left:calc(-1 * var(--space-xl) - 7px);top:.25rem;width:16px;height:16px;border-radius:var(--radius-full);border:3px solid var(--bg-primary);box-shadow:0 0 0 2px;z-index:1}.timeline-marker.status-change{background:var(--primary);box-shadow:0 0 0 2px var(--primary)}.timeline-marker.note{background:var(--info);box-shadow:0 0 0 2px var(--info)}.timeline-marker.visit{background:var(--warning);box-shadow:0 0 0 2px var(--warning)}.timeline-content{background:var(--bg-primary);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.timeline-content:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translate(4px)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-sm)}.timeline-type{font-weight:600;color:var(--primary);font-size:.9375rem}.timeline-date{color:var(--text-secondary);font-size:.8125rem}.timeline-body{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm)}.status-from,.status-to{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:.8125rem;font-weight:600}.status-from{background:var(--gray-200);color:var(--text-secondary)}.status-to{background:var(--primary);color:var(--text-inverse)}.arrow{color:var(--text-secondary);font-weight:700;font-size:1.125rem}.timeline-author{color:var(--text-secondary);font-size:.8125rem;margin-left:auto}.timeline-scheduled-info{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--gray-200);color:var(--text-secondary);font-size:.875rem}.timeline-scheduled-info strong{color:var(--primary);margin-right:var(--space-xs)}.timeline-meeting-link{margin-top:var(--space-xs);color:var(--text-secondary);font-size:.875rem}.timeline-meeting-link strong{color:var(--primary);margin-right:var(--space-xs)}.timeline-meeting-link a{color:var(--info);text-decoration:none;word-break:break-all}.timeline-meeting-link a:hover{text-decoration:underline}.timeline-notes{color:var(--text-primary);line-height:1.6;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--gray-200);white-space:pre-wrap}.no-timeline{text-align:center;padding:var(--space-3xl);color:var(--text-secondary)}.lead-detail-modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-top:2px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}@media (max-width: 768px){.lead-detail-modal{padding:0;align-items:flex-end}.lead-detail-modal .modal-content{max-width:100%;max-height:95vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:slideUp var(--transition-base)}.lead-detail-modal .modal-header{padding:var(--space-lg);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.lead-detail-modal .modal-header h2{font-size:1.25rem}.lead-detail-modal .modal-tabs{padding:0 var(--space-xs);gap:var(--space-xs);display:flex;width:100%;overflow-x:auto;overflow-y:hidden}.lead-detail-modal .modal-tabs .tab{flex:1;min-width:90px;padding:var(--space-md) var(--space-sm);font-size:.875rem;min-height:48px;white-space:nowrap;word-break:keep-all;line-height:1.4;flex-shrink:0}}@media (max-width: 480px){.lead-detail-modal .modal-tabs{padding:0 var(--space-xs);gap:var(--space-xs)}.lead-detail-modal .modal-tabs .tab{min-width:85px;padding:var(--space-sm) var(--space-xs);font-size:.8125rem;min-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-detail-modal .modal-body{padding:var(--space-lg)}.info-grid{grid-template-columns:1fr;gap:var(--space-md)}.timeline-container{padding-left:var(--space-lg)}.timeline-item{padding-left:var(--space-lg);margin-bottom:var(--space-lg)}.timeline-item:before{left:calc(-1 * var(--space-lg) + 7px)}.timeline-marker{left:calc(-1 * var(--space-lg) - 7px)}.lead-detail-modal .modal-footer{flex-direction:column;padding:var(--space-md)}.lead-detail-modal .modal-footer .button{width:100%}}.timeline-files{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--gray-200)}.timeline-files-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.timeline-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-sm);max-width:400px}.timeline-file-thumbnail{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-base);border:2px solid var(--gray-200);background:var(--gray-100);display:flex;align-items:center;justify-content:center}.timeline-file-thumbnail:hover{border-color:var(--primary);transform:scale(1.05);box-shadow:var(--shadow-md)}.file-thumbnail-img{width:100%;height:100%;object-fit:cover}.file-thumbnail-icon{font-size:2rem;opacity:.6;display:flex;align-items:center;justify-content:center}.file-thumbnail-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:var(--space-xs);opacity:0;transition:opacity var(--transition-base)}.timeline-file-thumbnail:hover .file-thumbnail-overlay{opacity:1}.file-thumbnail-name{color:#fff;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.timeline-item-highlight{animation:highlightPulse 2s ease-in-out;background:var(--primary-light);background-color:#6366f11a;border-radius:var(--radius-md);padding:var(--space-sm);margin:calc(-1 * var(--space-sm))}@keyframes highlightPulse{0%,to{background-color:transparent}50%{background-color:#6366f133}}.file-item-highlight{animation:highlightPulse 2s ease-in-out;border-color:var(--primary)!important;box-shadow:0 0 0 4px #6366f133!important}.files-tab{animation:fadeIn var(--transition-base)}.page-container{max-width:1400px;margin:0 auto;padding:var(--space-xl);padding-bottom:calc(var(--space-xl) + 80px);animation:fadeIn var(--transition-base)}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.025em}.page-header-actions{margin-bottom:var(--space-md)}.page-header .button{display:none}@media (min-width: 769px){.page-header .button{display:inline-flex}}@media (max-width: 768px){.page-container{padding:var(--space-md);padding-bottom:calc(var(--space-md) + 80px)}.page-header{margin-bottom:var(--space-lg)}.page-title{font-size:1.75rem}}@media (max-width: 480px){.page-container{padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + 80px)}.page-title{font-size:1.5rem}}.leads-filter-bar{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap}.search-box{display:flex;flex:1;min-width:300px;max-width:600px;background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.search-btn{padding:var(--space-sm) var(--space-md);background:transparent;border:none;cursor:pointer;font-size:1.125rem;color:var(--text-secondary);transition:all var(--transition-fast)}.search-btn:hover{color:var(--primary);background:var(--gray-100)}.filter-actions{display:flex;gap:var(--space-sm);align-items:center}.filter-toggle-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filter-toggle-btn:hover{border-color:var(--primary);background:var(--gray-50)}.filter-toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.clear-filters-btn{padding:var(--space-sm) var(--space-md);background:var(--danger);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filters-panel{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);animation:slideDown .2s ease-out}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);align-items:end}.filter-item{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.filter-select,.filter-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);min-height:40px}.filter-select:hover,.filter-input:hover{border-color:var(--primary)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.filter-actions-bottom{display:flex;align-items:flex-end}.filter-actions-bottom .button{width:100%}@media (max-width: 768px){.leads-filter-bar{flex-direction:column;align-items:stretch}.search-box{min-width:unset;max-width:unset}.filter-actions{width:100%;justify-content:space-between}.filter-grid{grid-template-columns:1fr}}.fab{display:none}@media (max-width: 768px){.fab{display:flex}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.visit-initiate-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;max-width:600px;margin:0 auto}@media (min-width: 768px){.visit-initiate-card{padding:1.5rem}}.visit-initiate-card h2{color:#1a237e;margin-bottom:1.5rem}.info-message{margin-top:1rem;padding:1rem;background-color:#e3f2fd;border-radius:5px}.info-message p{color:#1976d2;margin:0;font-size:.875rem}.location-section{background-color:#e3f2fd;padding:1rem;border-radius:5px;margin-bottom:1.5rem}.location-section p{margin:.5rem 0;color:#333}.location-status{font-weight:500;margin:.5rem 0}.location-success{color:#2e7d32}.location-error{color:#c62828}.location-address{font-size:.875rem;color:#555;margin-top:.5rem;padding:.5rem;background:#fff;border-radius:4px}.location-map-container{width:100%;margin-top:1rem;border-radius:8px;overflow:hidden;border:2px solid #e3f2fd}.location-map-container .leaflet-container{height:300px;width:100%;z-index:0}.button-small{padding:.5rem 1rem;font-size:.875rem;margin-top:.5rem}.form-section-accordion{margin-top:1rem;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#f9f9f9}.form-section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#f5f5f5;border:none;cursor:pointer;transition:all .2s;text-align:left}.form-section-header:hover{background:#eee}.form-section-header:disabled{cursor:not-allowed;opacity:.6}.form-section-header h3{margin:0;color:#1a237e;font-size:1.1rem;font-weight:600}.accordion-icon{color:#1a237e;font-size:.875rem;transition:transform .2s;-webkit-user-select:none;user-select:none}.form-section-content{padding:1rem 1.25rem;background:#fff;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:1000px;padding-top:1rem;padding-bottom:1rem}}@media (max-width: 768px){.form-section-header{padding:.875rem 1rem}.form-section-header h3{font-size:1rem}.form-section-content{padding:.875rem 1rem}}@media (max-width: 480px){.form-section-header,.form-section-content{padding:.75rem .875rem}}.visit-verify-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;max-width:500px;margin:0 auto}@media (min-width: 768px){.visit-verify-card{padding:1.5rem}}.visit-verify-card h2{color:#1a237e;margin-bottom:1.5rem}.lead-info{background-color:#f5f5f5;padding:1rem;border-radius:5px;margin-bottom:1.5rem}.lead-info p{margin:.5rem 0;color:#333}.otp-info{background-color:#fff3e0;padding:1rem;border-radius:5px;margin-bottom:1.5rem}.otp-info p{color:#e65100;margin:0;font-size:.875rem}.otp-input{font-size:2rem;text-align:center;letter-spacing:.5rem;font-weight:700}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.form-actions button{flex:1}.button-link{background:none;border:none;color:#1976d2;text-decoration:underline;cursor:pointer;padding:.5rem 0;font-size:.875rem;margin-top:.5rem;display:inline-block}.button-link:hover{color:#1565c0}.button-link:disabled{color:#999;cursor:not-allowed;text-decoration:none}.page-container{max-width:1200px;margin:0 auto;padding:var(--space-lg);animation:fadeIn var(--transition-base);overflow-x:hidden}.site-visit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.page-description{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--gray-50);border-left:3px solid var(--primary);border-radius:var(--radius-md)}.site-visit-controls{margin-bottom:var(--space-lg)}.view-toggle{display:flex;gap:var(--space-xs);background:var(--bg-primary);padding:var(--space-xs);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.toggle-btn{padding:var(--space-sm) var(--space-md);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:1.25rem;transition:all var(--transition-fast);color:var(--text-secondary)}.toggle-btn:hover{background:var(--gray-100);color:var(--text-primary)}.toggle-btn.active{background:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.stepper-container{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);margin-bottom:var(--space-lg);animation:slideUp var(--transition-base);overflow:hidden}.stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;column-gap:var(--space-lg);position:relative;margin-bottom:var(--space-lg)}.stepper:before{content:"";position:absolute;top:20px;left:12%;right:12%;height:2px;background:var(--gray-300);z-index:0}.stepper-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.step-circle{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gray-200);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all var(--transition-base);border:3px solid var(--bg-primary);box-shadow:var(--shadow-sm)}.step-circle.active{background:var(--primary);color:var(--text-inverse);transform:scale(1.1);box-shadow:var(--shadow-md)}.step-circle.completed{background:var(--success);color:var(--text-inverse)}.step-label{margin-top:var(--space-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-align:center}.step-circle.active~.step-label,.step-circle.completed~.step-label{color:var(--text-primary);font-weight:600}.step-connector{display:none}.step-connector.completed{background:var(--success)}.leads-selection h2{margin-bottom:var(--space-md);color:var(--text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.025em}@media (max-width: 768px){.page-container,.stepper-container{padding:var(--space-md)}.stepper{margin-bottom:var(--space-lg)}.step-circle{width:36px;height:36px;font-size:.8125rem}.step-label{font-size:.75rem;margin-top:var(--space-xs)}.leads-selection h2{font-size:1rem;margin-bottom:var(--space-sm)}}@media (max-width: 480px){.stepper{gap:var(--space-xs)}.step-circle{width:32px;height:32px;font-size:.75rem}.step-label{font-size:.6875rem}}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);margin-top:var(--space-xl)}.report-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-md);border:2px solid var(--gray-200);transition:all var(--transition-base);position:relative;overflow:hidden;animation:slideUp var(--transition-base) both;text-align:center}.report-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.report-card:nth-child(1){animation-delay:50ms}.report-card:nth-child(2){animation-delay:.1s}.report-card:nth-child(3){animation-delay:.15s}.report-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.report-card:hover:before{transform:scaleX(1)}.report-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-md) 0;letter-spacing:-.025em}.report-card p{color:var(--text-secondary);margin:0 0 var(--space-xl) 0;line-height:1.6;font-size:.9375rem}.report-card .button{width:100%;padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;min-height:52px;box-shadow:var(--shadow-md)}.report-card .button:hover{box-shadow:var(--shadow-lg)}.report-card .button:active{transform:scale(.98)}@media (max-width: 768px){.page-container{padding:var(--space-md)}.reports-grid{grid-template-columns:1fr;gap:var(--space-lg);margin-top:var(--space-lg)}.report-card{padding:var(--space-xl)}.report-card h3{font-size:1.25rem}}@media (max-width: 480px){.page-container{padding:var(--space-sm)}.report-card{padding:var(--space-lg)}.report-card h3{font-size:1.125rem}.report-card p{font-size:.875rem}}.page-container{max-width:800px;margin:0 auto;padding:var(--space-xl);animation:fadeIn var(--transition-base)}.attendance-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:2px solid var(--gray-200);animation:slideUp var(--transition-base);text-align:center}.attendance-card h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2xl) 0;letter-spacing:-.025em}.attendance-status{display:flex;justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-2xl);padding:var(--space-xl);background:var(--gray-50);border-radius:var(--radius-lg)}.status-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.status-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.status-value{font-size:1.5rem;font-weight:700;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);min-width:120px;transition:all var(--transition-base)}.status-value.checked{background:var(--success-light);color:#047857;box-shadow:var(--shadow-sm)}.status-value.not-checked{background:var(--gray-200);color:var(--text-secondary)}.attendance-actions{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.attendance-actions .button{width:100%;max-width:400px;padding:var(--space-lg) var(--space-2xl);font-size:1.125rem;font-weight:600;min-height:64px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.attendance-actions .button-primary{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);font-size:1.25rem;letter-spacing:.05em}.attendance-actions .button-primary:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.attendance-actions .button-primary:active{transform:translateY(-2px)}.completed-message{padding:var(--space-lg);background:var(--success-light);color:#047857;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:600;border:2px solid var(--success);animation:scaleIn var(--transition-base)}.completed-message:before{content:"✓";display:inline-block;margin-right:var(--space-sm);font-size:1.5rem}@media (max-width: 768px){.page-container{padding:var(--space-md)}.attendance-card{padding:var(--space-xl)}.attendance-card h2{font-size:1.5rem}.attendance-status{flex-direction:column;gap:var(--space-lg);padding:var(--space-lg)}.status-value{width:100%;max-width:200px}.attendance-actions .button{max-width:100%;min-height:56px}.attendance-actions .button-primary{font-size:1.125rem}}@media (max-width: 480px){.page-container{padding:var(--space-sm)}.attendance-card{padding:var(--space-lg)}.attendance-card h2{font-size:1.25rem}.status-value{font-size:1.25rem;min-width:auto}}.page-container{max-width:1400px;margin:0 auto;padding:var(--space-xl);animation:fadeIn var(--transition-base)}.page-header{margin-bottom:var(--space-md);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.btn-add-user{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:28px;font-weight:300;line-height:1;cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 8px #6366f14d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-add-user:hover{background:var(--primary-dark);transform:scale(1.05);box-shadow:0 4px 12px #6366f166}.quota-banner{background:linear-gradient(135deg,var(--primary-light) 0%,#e0e7ff 100%);border:1px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.quota-info{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.quota-label{font-weight:600;color:var(--text-primary)}.quota-value{font-size:1.25rem;font-weight:700;color:var(--primary-dark)}.quota-available{font-size:.875rem;color:var(--text-secondary)}.quota-available.quota-warning{color:var(--error);font-weight:600}.quota-bar{width:100%;height:10px;background:var(--bg-primary);border-radius:var(--radius-full);overflow:hidden}.quota-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-full);transition:width .5s ease}.users-filter-bar{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-md)}.search-box{display:flex;flex:1;min-width:300px;max-width:500px;background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius-md);overflow:hidden;align-items:center;padding-right:var(--space-sm);transition:all var(--transition-fast)}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.search-input{flex:1;padding:var(--space-sm) var(--space-md);border:none;background:transparent;font-size:.9375rem;color:var(--text-primary);outline:none}.search-input::placeholder{color:var(--text-secondary)}.search-icon{font-size:1.125rem;color:var(--text-secondary)}.filter-controls{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.filter-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);min-height:40px}.filter-select:hover{border-color:var(--primary)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.sort-order-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--text-primary);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.sort-order-btn:hover{border-color:var(--primary);background:var(--gray-50)}.clear-filters-btn{padding:var(--space-sm) var(--space-md);background:var(--danger);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.clear-filters-btn:hover{background:#dc2626;transform:translateY(-1px)}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.users-table th.sortable:hover{background:var(--gray-100);color:var(--primary)}@media (max-width: 768px){.users-filter-bar{flex-direction:column;align-items:stretch}.search-box{min-width:unset;max-width:unset}.filter-controls{width:100%;justify-content:space-between}.filter-select{flex:1;min-width:120px}}.quota-alert{margin-top:var(--space-md);padding:var(--space-md);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-weight:500;font-size:.875rem}.filter-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);background:var(--bg-primary);padding:var(--space-sm);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.tab{flex:1;padding:var(--space-md) var(--space-lg);border:none;background:transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary);opacity:0;transition:opacity var(--transition-base)}.tab span{position:relative;z-index:1}.tab:hover{color:var(--primary);background:var(--gray-50)}.tab.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-inverse);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tab.active:before{opacity:0}.users-table-container{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);overflow:hidden;animation:slideUp var(--transition-base)}.no-users{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-inverse)}.users-table th{padding:var(--space-lg);text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.users-table tbody tr{border-bottom:1px solid var(--gray-200);transition:all var(--transition-fast)}.users-table tbody tr:hover{background:var(--gray-50);transform:scale(1.01)}.users-table tbody tr:last-child{border-bottom:none}.users-table td{padding:var(--space-lg);font-size:.9375rem;color:var(--text-primary)}.role-badge,.status-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-badge.admin{background:var(--error-light);color:var(--error)}.role-badge.employee{background:var(--info-light);color:var(--info)}.status-badge.active{background:var(--success-light);color:#047857}.status-badge.pending{background:var(--warning-light);color:#92400e}.actions-cell{display:flex;gap:var(--space-sm);align-items:center}.btn-approve,.btn-reject,.btn-deactivate,.btn-activate{padding:var(--space-xs) var(--space-md);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-xs);min-height:32px}.btn-approve{background:var(--success);color:var(--text-inverse)}.btn-approve:hover{background:#059669;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-reject,.btn-deactivate{background:var(--error);color:var(--text-inverse)}.btn-reject:hover,.btn-deactivate:hover{background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-activate{background:var(--info);color:var(--text-inverse)}.btn-activate:hover{background:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-small-action,.btn-assign-manager{padding:var(--space-xs) var(--space-md);border:1px solid var(--primary);background:var(--primary-light);color:var(--primary-dark);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-xs);min-height:32px}.btn-small-action:hover,.btn-assign-manager:hover{background:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-md);transform:translateY(-1px)}.manager-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.manager-badge:hover{background:var(--gray-200);border-color:var(--gray-400);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.page-container{padding:var(--space-md)}.filter-tabs{flex-direction:column;gap:var(--space-xs)}.tab{width:100%}.users-table-container{border-radius:var(--radius-lg)}.users-table{display:none}.users-table-mobile{display:block}.user-card{background:var(--bg-primary);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all var(--transition-base);animation:slideUp var(--transition-base) both}.user-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--gray-200)}.user-card-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.user-card-email{font-size:.875rem;color:var(--text-secondary)}.user-card-body{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.user-card-row{display:flex;justify-content:space-between;align-items:center}.user-card-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.user-card-value{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.user-card-actions{display:flex;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--gray-200)}.user-card-actions button{flex:1}}@media (min-width: 769px){.users-table-mobile{display:none}}@media (max-width: 480px){.page-container{padding:var(--space-sm)}.users-table th,.users-table td{padding:var(--space-md);font-size:.875rem}.user-card{padding:var(--space-md)}}@media (max-width: 640px){.page-header{flex-direction:column;align-items:flex-start}.btn-primary{width:100%}.filter-tabs{flex-direction:column}.tab{width:100%}}.page-container{max-width:1200px;margin:0 auto;padding:var(--space-lg);animation:fadeIn var(--transition-base)}.page-header{margin-bottom:var(--space-lg)}.page-title{font-size:1.6rem;color:var(--text-primary);margin:0}.settings-container{display:grid;gap:var(--space-lg)}.settings-section{background:#fff;border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.btn-edit{padding:.4rem .85rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-edit:hover{background:var(--primary-dark)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.stat-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color);text-align:left;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:0;font-weight:500}.stat-value{font-size:1.25rem;font-weight:700;color:var(--primary)}.settings-form{display:grid;gap:var(--space-md)}.form-group{display:grid;gap:var(--space-sm)}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group input{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;transition:border-color var(--transition-base)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.btn-primary,.btn-secondary{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-size:.9rem;flex:1}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.settings-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.setting-item{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1fr);align-items:center;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:var(--space-sm)}.setting-label{font-weight:600;color:var(--text-primary)}.setting-value{color:var(--text-secondary);font-family:Monaco,Menlo,monospace;text-align:right}.timezone-display{grid-template-columns:1fr}.timezone-display .setting-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.timezone-display .setting-value{color:var(--text-primary);font-weight:600;font-family:inherit;text-align:left;word-break:break-word}.timezone-display .setting-info{grid-column:1 / -1}.error-message{padding:var(--space-md) var(--space-lg);background:#fee;border:1px solid #fcc;border-radius:var(--radius-md);color:#c33;margin-bottom:var(--space-lg);animation:slideDown var(--transition-base)}.success-message{padding:var(--space-md) var(--space-lg);background:#efe;border:1px solid #cfc;border-radius:var(--radius-md);color:#3c3;margin-bottom:var(--space-lg);animation:slideDown var(--transition-base)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.stat-card{padding:var(--space-md)}.setting-item{grid-template-columns:1fr;align-items:flex-start}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width: 480px){.page-container{padding:var(--space-sm)}.section-header{flex-direction:column;align-items:flex-start}.btn-edit{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.page-title{font-size:1.4rem}.settings-display{grid-template-columns:1fr}}.timezone-edit-form{display:flex;flex-direction:column;gap:var(--space-md)}.timezone-select{width:100%;padding:.65rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);background:#fff;cursor:pointer;transition:all var(--transition-base)}.timezone-select:hover:not(:disabled){border-color:var(--primary)}.timezone-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.timezone-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.current-time-display{margin-top:.5rem;padding:.75rem;background:#f9fafb;border-radius:var(--radius-md);font-size:.9rem;color:#374151;display:flex;align-items:center;gap:.5rem}.setting-info{margin-top:var(--space-sm);padding:.75rem;background:#eff6ff;border-left:3px solid var(--primary);border-radius:var(--radius-sm)}.setting-info small{color:#1e40af;font-size:.85rem}.calendar-container{display:flex;gap:2rem;flex-wrap:wrap}.calendar-wrapper{flex:1;min-width:300px}.activities-panel{flex:1;min-width:300px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;max-height:600px;overflow-y:auto}@media (max-width: 768px){.calendar-container{flex-direction:column;gap:1rem}.calendar-wrapper,.activities-panel{width:100%;min-width:unset}.activities-panel{max-height:400px}}@media (max-width: 480px){.custom-calendar{padding:.5rem}.react-calendar__tile{padding:.25rem;font-size:.85rem}.activity-item{padding:.75rem}.activity-item p{font-size:.85rem}}.calendar-layout{display:flex;gap:2rem;flex-wrap:wrap}.calendar-main{flex:2;display:flex;flex-direction:column;gap:2rem}.calendar-wrapper{width:100%}.custom-calendar{width:100%;border:1px solid #ddd;border-radius:8px;padding:1rem;background:#fff}.react-calendar__tile{position:relative;padding:.5rem}.activity-dot{position:absolute;bottom:2px;right:2px;width:20px;height:20px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.activities-panel{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;max-height:400px;overflow-y:auto}.activities-panel h2{margin-top:0;color:#333;border-bottom:2px solid #4CAF50;padding-bottom:.5rem}.activity-section{margin-bottom:1.5rem}.activity-section h3{color:#555;font-size:1.1rem;margin-bottom:.5rem}.activity-item{background:#f5f5f5;padding:1rem;margin-bottom:.5rem;border-radius:4px;border-left:3px solid #4CAF50}.activity-item p{margin:.25rem 0;font-size:.9rem}.sale-item{border-left-color:#ff9800;background:#fff3e0}.no-activities{text-align:center;color:#999;padding:2rem;font-style:italic}.lead-status-panel{flex:1;min-width:250px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;max-height:600px;overflow-y:auto}.lead-status-panel h2{margin-top:0;color:#333;border-bottom:2px solid #2196F3;padding-bottom:.5rem}.status-summary{margin-bottom:1.5rem}.status-item{display:flex;justify-content:space-between;padding:.5rem;margin-bottom:.5rem;background:#f5f5f5;border-radius:4px}.status-label{font-weight:500;color:#555}.status-value{font-weight:700;color:#2196f3}.status-value.closed{color:#4caf50}.status-value.lost{color:#f44336}.leads-list h3{color:#555;margin-bottom:1rem}.lead-item{background:#f5f5f5;padding:1rem;margin-bottom:.5rem;border-radius:4px}.lead-item p{margin:.25rem 0;font-size:.9rem}.lead-status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:700;margin-top:.5rem}.status-new{background:#e3f2fd;color:#1976d2}.status-site-visit{background:#fff3e0;color:#f57c00}.status-negotiation{background:#fce4ec;color:#c2185b}.status-hot-deal{background:#fff9c4;color:#f9a825}.status-closed{background:#e8f5e9;color:#388e3c}.status-lost{background:#ffebee;color:#d32f2f}.lead-source{color:#999;font-size:.85rem}@media (max-width: 768px){.calendar-layout{flex-direction:column;gap:1rem}.calendar-main,.lead-status-panel{width:100%;min-width:unset}.lead-status-panel{max-height:400px}}@media (max-width: 480px){.custom-calendar{padding:.5rem}.react-calendar__tile{padding:.25rem;font-size:.85rem}.activity-item,.lead-item{padding:.75rem}.activity-item p,.lead-item p{font-size:.85rem}.lead-status-panel,.activities-panel{padding:1rem}}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl)}.integration-status{display:flex;align-items:center;gap:var(--space-md)}.status-indicator{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;text-transform:uppercase}.status-indicator.active{background:var(--success-light);color:#047857}.status-indicator.inactive{background:var(--gray-200);color:var(--gray-600)}.integration-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:2px solid var(--gray-200);padding-bottom:var(--space-sm);overflow-x:auto}.tab-button{padding:var(--space-sm) var(--space-lg);border:none;background:transparent;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--transition-base);white-space:nowrap}.tab-button:hover{color:var(--primary);background:var(--gray-100)}.tab-button.active{color:var(--primary);background:var(--bg-primary);border-bottom:2px solid var(--primary);margin-bottom:-2px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl);align-items:start}.form-grid .form-group{display:flex;flex-direction:column;min-height:80px}.form-grid .form-group label{margin-bottom:var(--space-sm)}.form-grid .form-group input,.form-grid .form-group select{height:44px}.form-group.full-width{grid-column:1 / -1}.form-group small{display:block;margin-top:var(--space-xs);color:var(--text-tertiary);font-size:.75rem}.form-group textarea{resize:vertical;min-height:80px;font-family:var(--font-mono);font-size:.875rem}.form-actions{display:flex;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--gray-200);margin-top:var(--space-lg)}.test-result{margin-top:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg)}.test-result.success{background:var(--success-light);border:1px solid var(--success)}.test-result.error{background:var(--error-light);border:1px solid var(--error)}.test-result h4{margin:0 0 var(--space-md);font-size:1rem}.test-details{font-size:.875rem}.test-details p{margin:var(--space-xs) 0}.test-details ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.error-text{color:var(--error)}.webhook-info{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.webhook-info h4{margin:0 0 var(--space-sm);font-size:1rem;color:var(--text-primary)}.webhook-info p{margin:0 0 var(--space-md);color:var(--text-secondary);font-size:.875rem}.webhook-url-container{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.webhook-url-container code{flex:1;min-width:200px;padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;word-break:break-all}.copy-button{padding:var(--space-sm) var(--space-md)!important;font-size:.875rem!important}.mapping-table{border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.mapping-header{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);font-weight:600;color:var(--text-secondary);text-align:center}.mapping-row{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--gray-200);align-items:center}.mapping-row:hover{background:var(--gray-50)}.fb-field{font-weight:500}.arrow{color:var(--text-tertiary);font-size:1.25rem}.mapping-row select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary)}.instructions{display:flex;flex-direction:column;gap:var(--space-lg)}.instruction-step{display:flex;gap:var(--space-lg);align-items:flex-start}.step-number{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:var(--radius-full);font-weight:600;font-size:1rem}.step-content{flex:1}.step-content h4{margin:0 0 var(--space-sm);font-size:1rem;color:var(--text-primary)}.step-content p{margin:0 0 var(--space-sm);color:var(--text-secondary);line-height:1.6}.step-content ul{margin:var(--space-sm) 0;padding-left:var(--space-lg);color:var(--text-secondary)}.step-content li{margin-bottom:var(--space-xs)}.step-content a{color:var(--primary);text-decoration:none}.step-content a:hover{text-decoration:underline}.webhook-code{display:block;margin:var(--space-sm) 0;padding:var(--space-md);background:var(--gray-100);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;word-break:break-all}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.integration-status{width:100%;justify-content:space-between}.integration-tabs{gap:0}.tab-button{padding:var(--space-sm) var(--space-md);font-size:.875rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.mapping-header,.mapping-row{grid-template-columns:1fr;gap:var(--space-sm);text-align:left}.mapping-header span:nth-child(2),.mapping-row .arrow{display:none}.instruction-step{flex-direction:column;gap:var(--space-md)}.webhook-url-container{flex-direction:column;align-items:stretch}.webhook-url-container code{min-width:100%}}@media (max-width: 480px){.tab-button{padding:var(--space-xs) var(--space-sm);font-size:.8rem}}.billing-container{max-width:1400px;margin:0 auto;padding:2rem;animation:fadeIn .3s ease-in-out}.billing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.billing-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.billing-subtitle{color:#6b7280;font-size:1rem;margin:0}.billing-status-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.status-paid{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-overdue{background:#fee2e2;color:#991b1b}.status-dot{width:8px;height:8px;border-radius:50%;background-color:currentColor}.enterprise-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e5e7eb;transition:all .2s ease;position:relative;overflow:hidden}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.summary-primary{border-top:4px solid #6366f1}.summary-success{border-top:4px solid #10b981}.summary-warning{border-top:4px solid #f59e0b}.summary-info{border-top:4px solid #3b82f6}.summary-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.summary-icon{font-size:1.5rem}.summary-label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.summary-metric{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.summary-value{font-size:2rem;font-weight:700;color:#111827}.summary-total{font-size:1.125rem;color:#6b7280;font-weight:500}.summary-progress{margin-bottom:1rem}.summary-progress-bar{height:8px;background:#f3f4f6;border-radius:4px;margin-bottom:.5rem;overflow:hidden}.summary-progress-fill{height:100%;background:#6366f1;border-radius:4px;transition:width .5s ease-out}.summary-progress-text{font-size:.875rem;color:#6b7280;font-weight:500}.summary-detail{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6}.detail-label{font-size:.875rem;color:#6b7280}.detail-value{font-size:.875rem;font-weight:600;color:#374151}.summary-breakdown{display:flex;flex-direction:column;gap:.5rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.breakdown-label{color:#6b7280}.breakdown-value{font-weight:600;color:#374151}.current-billing-card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e5e7eb;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.card-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.header-actions{display:flex;align-items:center;gap:1rem}.period-info{display:flex;align-items:center;gap:.5rem;background:#f9fafb;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151}.primary-action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.primary-action-button:hover:not(:disabled){background:#4f46e5}.primary-action-button:disabled{opacity:.7;cursor:not-allowed}.billing-metrics{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:1rem}.metric-item{text-align:center}.metric-divider{width:1px;height:40px;background:#e5e7eb}.metric-label{display:block;font-size:.75rem;color:#6b7280;text-transform:uppercase;margin-bottom:.25rem;letter-spacing:.05em}.metric-value{font-size:1.125rem;font-weight:600;color:#111827}.metric-highlight{color:#6366f1;font-size:1.25rem}.billing-history-card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.data-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:1rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.data-table td{padding:1rem;font-size:.875rem;color:#374151;border-bottom:1px solid #f9fafb}.data-table tr:last-child td{border-bottom:none}.cell-bold{font-weight:600;color:#111827}.chip{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.chip-success{background:#d1fae5;color:#065f46}.chip-warning{background:#fef3c7;color:#92400e}.chip-error{background:#fee2e2;color:#991b1b}.table-action-button{padding:.375rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.75rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.table-action-button:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.message-banner{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500}.message-banner.success{background:#ecfdf5;color:#065f46}.message-banner.error{background:#fef2f2;color:#991b1b}@media (max-width: 768px){.billing-container{padding:1rem}.billing-header{flex-direction:column;gap:1rem}.billing-metrics{grid-template-columns:1fr 1fr;gap:1.5rem}.metric-divider{display:none}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:space-between}}.audit-container{padding:24px;max-width:1400px;margin:0 auto;background:#f8f9fa;min-height:calc(100vh - 64px)}.audit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:24px 28px;border-radius:12px;box-shadow:0 1px 3px #0000000f}.audit-header-content{flex:1}.audit-title{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 6px;letter-spacing:-.5px}.audit-subtitle{font-size:14px;color:#6b7280;margin:0}.audit-access-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.access-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;font-size:13px;font-weight:600;background:#d1fae5;color:#065f46}.access-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.access-date{font-size:12px;color:#6b7280}.access-denied-card{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 2px 8px #00000014;max-width:500px;margin:80px auto}.access-denied-icon{font-size:64px;margin-bottom:24px}.access-denied-card h2{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.access-denied-card p{font-size:15px;color:#6b7280;margin:0 0 8px}.access-denied-detail{font-size:14px;color:#9ca3af}.message-banner{padding:14px 20px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;animation:slideIn .3s ease}.message-banner.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message-banner.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.audit-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014;border-left:4px solid transparent}.stat-card.stat-total{border-left-color:#3b82f6}.stat-card.stat-success{border-left-color:#10b981}.stat-card.stat-failed{border-left-color:#ef4444}.stat-card.stat-actions{border-left-color:#f59e0b}.stat-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.stat-icon{font-size:20px}.stat-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:32px;font-weight:700;color:#1a1a1a}.audit-filters{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 1px 3px #00000014}.filter-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:160px;flex:1}.filter-group label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input{padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:all .2s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-actions{display:flex;align-items:flex-end}.btn-clear-filters{padding:10px 20px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-clear-filters:hover{background:#e5e7eb}.audit-table-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f3f4f6}.card-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.log-count{font-size:13px;color:#6b7280;background:#f3f4f6;padding:6px 12px;border-radius:16px}.audit-table-container{overflow-x:auto}.audit-table{width:100%;border-collapse:collapse}.audit-table thead{background:#f9fafb}.audit-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.audit-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s ease}.audit-table tbody tr:hover{background:#f9fafb}.audit-table td{padding:14px 16px;font-size:14px;color:#374151}.cell-timestamp{font-size:13px;color:#6b7280;white-space:nowrap}.cell-user{font-weight:500}.cell-resource{display:flex;align-items:center;gap:8px}.resource-type{font-weight:500;color:#374151}.resource-id{font-size:12px;color:#9ca3af;background:#f3f4f6;padding:2px 8px;border-radius:4px}.cell-ip{font-size:13px;color:#6b7280;font-family:monospace}.action-badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.action-badge.action-create{background:#d1fae5;color:#065f46}.action-badge.action-update{background:#dbeafe;color:#1e40af}.action-badge.action-delete{background:#fee2e2;color:#991b1b}.action-badge.action-login{background:#e0e7ff;color:#3730a3}.action-badge.action-logout{background:#f3f4f6;color:#374151}.status-badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.status-success{background:#d1fae5;color:#065f46}.status-badge.status-failed{background:#fee2e2;color:#991b1b}.btn-view-details{padding:6px 12px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-view-details:hover{background:#e5e7eb;border-color:#d1d5db}.audit-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;border-top:1px solid #f3f4f6}.pagination-btn{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#2563eb}.pagination-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.pagination-info{font-size:14px;color:#6b7280}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-text{font-size:16px;color:#374151;margin:0 0 8px}.empty-subtext{font-size:14px;color:#9ca3af;margin:0}.audit-cards-mobile{display:none}.audit-card-mobile{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}.card-mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-mobile-content{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.card-mobile-row{display:flex;justify-content:space-between}.card-mobile-row .label{font-size:13px;color:#6b7280}.card-mobile-row .value{font-size:13px;color:#374151;font-weight:500}.btn-view-details-mobile{width:100%;padding:10px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f3f4f6}.modal-header h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:8px;font-size:20px;color:#6b7280;cursor:pointer}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-body{padding:24px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.detail-row.changes{flex-direction:column;gap:12px}.detail-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#374151;text-align:right}.detail-value.error{color:#991b1b;background:#fee2e2;padding:8px 12px;border-radius:6px;text-align:left;font-size:13px}.changes-json{width:100%;background:#f9fafb;padding:16px;border-radius:8px;font-size:12px;font-family:monospace;overflow-x:auto;text-align:left;white-space:pre-wrap;word-break:break-all}@media (max-width: 1024px){.audit-container{padding:20px}.audit-header{padding:20px 24px}.audit-title{font-size:24px}.audit-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.audit-container{padding:16px}.audit-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 20px}.audit-access-info{align-items:flex-start}.audit-title{font-size:22px}.audit-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:26px}.filter-row{flex-direction:column;gap:12px}.filter-group{min-width:100%}.audit-table-card{display:none}.audit-cards-mobile{display:block}.audit-pagination{padding:16px;gap:12px}.pagination-btn{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.audit-container{padding:12px}.audit-header{padding:14px 16px}.audit-title{font-size:20px}.audit-stats{grid-template-columns:1fr;gap:10px}.stat-card{padding:14px;display:flex;align-items:center;justify-content:space-between}.stat-value{font-size:24px}.audit-filters{padding:16px}.access-denied-card{padding:40px 20px;margin:40px 10px}.access-denied-icon{font-size:48px}.access-denied-card h2{font-size:20px}.modal-content{max-height:95vh}.modal-header{padding:16px 20px}.modal-body{padding:20px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lifecycle-flowchart{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg)}.flowchart-header{margin-bottom:var(--space-xl)}.flowchart-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.flowchart-description{color:var(--text-muted);font-size:.875rem;margin:0}.flowchart-stages{display:flex;align-items:center;justify-content:center;gap:0;padding:var(--space-lg) 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.stage-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border:2px solid var(--gray-200);border-radius:var(--radius-lg);min-width:140px;max-width:160px;position:relative;transition:all var(--transition-fast)}.stage-node.clickable{cursor:pointer}.stage-node.clickable:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stage-node.completed{border-color:#22c55e;background:#f0fdf4}.stage-node.current{border-color:var(--primary);background:#eff6ff;box-shadow:0 0 0 4px #6366f11a}.stage-node.on-hold{border-color:#f59e0b;background:#fffbeb}.stage-icon{font-size:1.5rem;line-height:1}.stage-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.125rem}.stage-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.stage-description{font-size:.6875rem;color:var(--text-muted);line-height:1.3}.current-badge{position:absolute;top:-8px;right:-8px;background:var(--primary);color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:var(--radius-full);text-transform:uppercase}.complete-check{position:absolute;top:-8px;right:-8px;background:#22c55e;color:#fff;font-size:.75rem;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stage-connector{display:flex;align-items:center;padding:0 var(--space-xs)}.connector-line{width:30px;height:2px;background:var(--gray-300);transition:background var(--transition-fast)}.connector-arrow{color:var(--gray-400);font-size:.875rem;transition:color var(--transition-fast)}.stage-connector.active .connector-line{background:#22c55e}.stage-connector.active .connector-arrow{color:#22c55e}.on-hold-section{display:flex;justify-content:center;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px dashed var(--gray-300)}.on-hold-notice{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-md);margin-top:var(--space-lg)}.notice-icon{font-size:1.25rem}.notice-content strong{display:block;color:#92400e;margin-bottom:var(--space-xs)}.notice-content p{margin:0;font-size:.875rem;color:#b45309}.resume-options{display:flex;gap:var(--space-sm);margin-left:auto;flex-wrap:wrap}.resume-btn{background:#fff;border:1px solid var(--gray-300);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast)}.resume-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.lifecycle-history{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--gray-200)}.lifecycle-history h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0}.history-timeline{display:flex;flex-direction:column;gap:var(--space-sm);padding-left:var(--space-md)}.history-item{display:flex;gap:var(--space-md);position:relative}.history-item:before{content:"";position:absolute;left:3px;top:16px;bottom:-12px;width:2px;background:var(--gray-200)}.history-item:last-child:before{display:none}.history-marker{width:8px;height:8px;background:var(--primary);border-radius:50%;flex-shrink:0;margin-top:6px;position:relative;z-index:1}.history-content{flex:1;padding-bottom:var(--space-sm)}.history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap}.history-change{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem}.old-stage{color:var(--text-muted);text-transform:capitalize}.history-change .arrow{color:var(--gray-400)}.new-stage{font-weight:600;color:var(--text-primary);text-transform:capitalize}.history-date{font-size:.75rem;color:var(--text-muted)}.history-notes{font-size:.8125rem;color:var(--text-secondary);margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--gray-50);border-radius:var(--radius-sm)}.history-author{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-xs)}.change-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--space-md)}.change-modal{background:var(--bg-primary);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-xl);animation:slideUp .2s ease-out}.change-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--gray-200)}.change-modal-header h4{margin:0;font-size:1rem;font-weight:600}.change-modal-header .close-btn{background:none;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);line-height:1}.change-modal-body{padding:var(--space-lg)}.stage-preview{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.from-stage,.to-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.preview-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.preview-value{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.preview-arrow{font-size:1.25rem;color:var(--gray-400)}.change-modal .form-group{margin-bottom:0}.change-modal .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.change-modal .form-group textarea{width:100%;padding:var(--space-sm);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;resize:vertical;font-family:inherit}.change-modal .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.change-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg)}@media (max-width: 768px){.flowchart-stages{flex-direction:column;gap:var(--space-sm);padding:var(--space-md) 0}.stage-node{min-width:100%;max-width:100%;flex-direction:row;justify-content:flex-start}.stage-info{align-items:flex-start;text-align:left}.stage-connector{transform:rotate(90deg);padding:var(--space-xs) 0}.on-hold-notice{flex-direction:column}.resume-options{margin-left:0;width:100%;justify-content:flex-start}.history-header{flex-direction:column;gap:var(--space-xs)}.stage-preview{flex-direction:column;gap:var(--space-md)}.preview-arrow{transform:rotate(90deg)}}.construction-progress{display:flex;flex-direction:column;gap:var(--space-xl)}.progress-overview{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.progress-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.edit-progress-btn{background:var(--primary);color:#fff;border:none;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.edit-progress-btn:hover{background:var(--primary-dark)}.progress-display{display:flex;gap:var(--space-xl);align-items:center}.progress-circle{position:relative;width:140px;height:140px;flex-shrink:0}.circular-chart{display:block;width:100%;height:100%}.circle-bg{fill:none;stroke:var(--gray-200);stroke-width:3}.circle-progress{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dasharray .5s ease}.progress-percentage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.percentage-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.percentage-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.progress-details{flex:1}.current-stage-info{display:flex;flex-direction:column;gap:.125rem;margin-bottom:var(--space-md)}.current-stage-info .stage-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.current-stage-info .stage-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);text-transform:capitalize}.stage-timeline{display:flex;align-items:center;margin-bottom:var(--space-xs)}.timeline-stage{display:flex;align-items:center;flex:1}.stage-dot{width:10px;height:10px;border-radius:50%;background:var(--gray-300);flex-shrink:0;transition:all var(--transition-fast)}.timeline-stage.completed .stage-dot{background:#22c55e}.timeline-stage.current .stage-dot{background:var(--primary);box-shadow:0 0 0 4px #6366f133}.stage-line{flex:1;height:2px;background:var(--gray-200);margin:0 2px}.timeline-stage.completed .stage-line{background:#22c55e}.stage-labels{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--text-muted)}.milestones-section{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg)}.milestones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.milestones-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.add-milestone-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--gray-300);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.add-milestone-btn:hover{background:var(--gray-200);border-color:var(--gray-400)}.milestones-list{display:flex;flex-direction:column;gap:var(--space-md)}.milestone-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);border-left:4px solid var(--gray-300);transition:all var(--transition-fast)}.milestone-card.status-pending{border-left-color:#94a3b8}.milestone-card.status-in_progress{border-left-color:#3b82f6}.milestone-card.status-completed{border-left-color:#22c55e}.milestone-card.status-delayed{border-left-color:#ef4444}.milestone-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.milestone-info{display:flex;flex-direction:column;gap:.125rem}.milestone-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.milestone-stage{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.milestone-actions{display:flex;gap:var(--space-xs)}.milestone-action-btn{background:none;border:none;font-size:.875rem;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);opacity:.7;transition:all var(--transition-fast)}.milestone-action-btn:hover{opacity:1;background:var(--gray-200)}.milestone-body{margin-bottom:var(--space-sm)}.milestone-description{font-size:.8125rem;color:var(--text-secondary);margin:0 0 var(--space-sm) 0;line-height:1.5}.milestone-meta{display:flex;gap:var(--space-lg);flex-wrap:wrap}.meta-item{display:flex;flex-direction:column;gap:.0625rem}.meta-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.meta-value{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.milestone-progress-bar{height:4px;background:var(--gray-200);border-radius:var(--radius-full);margin-top:var(--space-sm);overflow:hidden}.milestone-progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.milestone-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-sm);border-top:1px solid var(--gray-200)}.status-badge{display:inline-flex;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.02em}.milestone-notes{font-size:.75rem;color:var(--text-muted)}.empty-milestones{text-align:center;padding:var(--space-xl);color:var(--text-muted)}.empty-milestones p{margin:0 0 var(--space-md) 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--space-md)}.construction-progress .modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-xl);animation:slideUp .2s ease-out}.construction-progress .milestone-modal{max-width:560px}.construction-progress .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--gray-200)}.construction-progress .modal-header h4{margin:0;font-size:1rem;font-weight:600}.construction-progress .close-btn{background:none;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);line-height:1}.construction-progress .modal-body{padding:var(--space-lg)}.construction-progress .modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-textarea{resize:vertical;min-height:60px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.slider-container{display:flex;align-items:center;gap:var(--space-md)}.progress-slider{flex:1;-webkit-appearance:none;height:8px;background:var(--gray-200);border-radius:var(--radius-full);outline:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);min-width:50px;text-align:right}@media (max-width: 768px){.progress-display{flex-direction:column}.progress-circle{width:120px;height:120px}.percentage-value{font-size:1.5rem}.milestone-meta{gap:var(--space-md)}.form-row{grid-template-columns:1fr}.milestone-header{flex-direction:column;gap:var(--space-sm)}.milestone-actions{align-self:flex-end}}@media (max-width: 480px){.progress-header,.milestones-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.edit-progress-btn,.add-milestone-btn{width:100%}.milestone-footer{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.project-detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-md);animation:fadeIn .2s ease-out}.project-detail-modal .modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out}.project-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--gray-50) 0%,var(--bg-primary) 100%)}.header-info{flex:1}.header-badges{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm);flex-wrap:wrap}.project-detail-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.3}.header-location{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);color:var(--text-secondary);font-size:.875rem}.location-address{color:var(--text-muted)}.project-detail-modal .close-button{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);line-height:1}.project-detail-modal .close-button:hover{background:var(--gray-100);color:var(--text-primary)}.alert{padding:var(--space-sm) var(--space-md);margin:0 var(--space-xl);margin-top:var(--space-sm);border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.alert-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.lifecycle-badge.badge-prelaunch{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.lifecycle-badge.badge-launch{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.lifecycle-badge.badge-possession_ready{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.lifecycle-badge.badge-completed{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.lifecycle-badge.badge-on_hold{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.type-badge.badge-residential{background:#f0fdf4;color:#15803d}.type-badge.badge-commercial{background:#eff6ff;color:#1d4ed8}.type-badge.badge-mixed{background:#faf5ff;color:#7e22ce}.type-badge.badge-plots{background:#fefce8;color:#a16207}.lead-badge.badge-hot{background:#fef2f2;color:#dc2626}.lead-badge.badge-warm{background:#fff7ed;color:#ea580c}.lead-badge.badge-cold{background:#eff6ff;color:#2563eb}.project-detail-modal .modal-tabs{display:flex;border-bottom:2px solid var(--gray-200);padding:0 var(--space-md);gap:var(--space-sm);background:var(--gray-50);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0}.project-detail-modal .modal-tabs::-webkit-scrollbar{display:none}.project-detail-modal .tab{flex:1 1 0;min-width:120px;max-width:100%;padding:var(--space-xl) var(--space-lg);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#4b5563;transition:all var(--transition-base);min-height:60px;position:relative;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:1;overflow:hidden}.project-detail-modal .tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.project-detail-modal .tab:hover{color:var(--primary);background:var(--bg-primary)}.project-detail-modal .tab.active{color:#6366f1;background:#fff;font-weight:600;position:relative}.project-detail-modal .tab.active:after{transform:scaleX(1)}.project-detail-modal .modal-body{flex:1;overflow-y:auto;padding:var(--space-xl)}.overview-tab{display:flex;flex-direction:column;gap:var(--space-xl)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.metric-card{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-lg);text-align:center}.metric-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:var(--space-xs)}.progress-metric .metric-progress-bar{height:4px;background:var(--gray-200);border-radius:var(--radius-full);margin-top:var(--space-sm);overflow:hidden}.metric-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:var(--radius-full);transition:width var(--transition-base)}.info-section{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg)}.info-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--gray-100)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.info-item{display:flex;flex-direction:column;gap:.125rem}.info-item label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.info-item span{font-size:.9375rem;color:var(--text-primary);font-weight:500}.rera-text{font-family:monospace;background:var(--gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm)}.description-text{color:var(--text-secondary);line-height:1.6;margin:0}.amenities-grid{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.amenity-tag{background:var(--primary-light);color:var(--primary-dark);padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500}.lead-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.lead-stat{text-align:center;padding:var(--space-md);border-radius:var(--radius-md)}.lead-stat.hot{background:#fef2f2}.lead-stat.warm{background:#fff7ed}.lead-stat.cold{background:#eff6ff}.lead-stat.total{background:var(--gray-100)}.lead-stat .stat-value{font-size:1.5rem;font-weight:700}.lead-stat.hot .stat-value{color:#dc2626}.lead-stat.warm .stat-value{color:#ea580c}.lead-stat.cold .stat-value{color:#2563eb}.lead-stat.total .stat-value{color:var(--text-primary)}.lead-stat .stat-label{font-size:.75rem;color:var(--text-secondary)}.units-tab h3{margin:0 0 var(--space-lg) 0;font-size:1.125rem;font-weight:600}.units-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.units-table{width:100%;border-collapse:collapse;font-size:.875rem}.units-table th{background:var(--gray-50);padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--gray-200)}.units-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--gray-100);color:var(--text-primary)}.units-table tr:last-child td{border-bottom:none}.units-table tr:hover td{background:var(--gray-50)}.unit-type{font-weight:600}.total-price{font-weight:600;color:var(--primary-dark)}.unit-status{display:inline-flex;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase}.unit-status.status-available{background:#dcfce7;color:#166534}.unit-status.status-booked{background:#fef3c7;color:#92400e}.unit-status.status-under_construction{background:#dbeafe;color:#1e40af}.leads-tab h3,.leads-tab h4{margin:0 0 var(--space-md) 0}.lead-stats-summary{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.lead-stat-card{flex:1;text-align:center;padding:var(--space-md);border-radius:var(--radius-lg)}.lead-stat-card.hot{background:#fef2f2}.lead-stat-card.warm{background:#fff7ed}.lead-stat-card.cold{background:#eff6ff}.lead-stat-card .stat-value{font-size:2rem;font-weight:700;line-height:1.2}.lead-stat-card.hot .stat-value{color:#dc2626}.lead-stat-card.warm .stat-value{color:#ea580c}.lead-stat-card.cold .stat-value{color:#2563eb}.lead-stat-card .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.interaction-funnel{background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.interaction-funnel h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.funnel-stages{display:flex;flex-direction:column;gap:var(--space-sm)}.funnel-stage{display:flex;align-items:center;gap:var(--space-md)}.stage-name{width:140px;font-size:.8125rem;color:var(--text-secondary);flex-shrink:0}.stage-bar-wrapper{flex:1;height:24px;background:var(--gray-200);border-radius:var(--radius-sm);overflow:hidden}.stage-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-sm);transition:width var(--transition-base)}.stage-count{width:40px;text-align:right;font-size:.875rem;font-weight:600;color:var(--text-primary)}.leads-list{display:flex;flex-direction:column;gap:var(--space-sm)}.lead-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);gap:var(--space-md)}.lead-info{display:flex;flex-direction:column;gap:.125rem}.lead-name{font-weight:600;color:var(--text-primary)}.lead-phone{font-size:.8125rem;color:var(--text-muted)}.lead-badges{display:flex;gap:var(--space-xs)}.badge.temp-hot{background:#fef2f2;color:#dc2626}.badge.temp-warm{background:#fff7ed;color:#ea580c}.badge.temp-cold{background:#eff6ff;color:#2563eb}.stage-badge{background:var(--gray-100);color:var(--text-secondary)}.lead-followup{font-size:.75rem;color:var(--text-muted)}.media-tab{display:flex;flex-direction:column;gap:var(--space-xl)}.media-section h3{font-size:1rem;font-weight:600;margin:0 0 var(--space-md) 0}.brochure-download{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--primary);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.brochure-download:hover{background:var(--primary-dark);transform:translateY(-1px)}.download-icon{font-size:1.25rem}.floor-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.floor-plan-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.floor-plan-icon{font-size:1.5rem}.floor-plan-info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.floor-plan-type{font-weight:600;color:var(--text-primary)}.floor-plan-name{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floor-plan-download{padding:var(--space-xs) var(--space-sm);background:var(--primary);color:#fff;border-radius:var(--radius-sm);text-decoration:none;font-size:.75rem;font-weight:500}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.image-card{position:relative;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;background:var(--gray-100)}.image-card img{width:100%;height:100%;object-fit:cover}.image-name{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xs) var(--space-sm);background:linear-gradient(transparent,#000000b3);color:#fff;font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state-small{text-align:center;padding:var(--space-xl);color:var(--text-muted)}.empty-state-small p{margin:0}.project-detail-modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-top:1px solid var(--gray-200);background:var(--gray-50)}@media (max-width: 1024px){.metrics-grid,.lead-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.project-detail-modal{padding:0;align-items:flex-end}.project-detail-modal .modal-content{max-width:100%;max-height:95vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:slideUp var(--transition-base)}.project-detail-modal .modal-header{padding:var(--space-lg);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.project-detail-modal .modal-header h2{font-size:1.25rem}.project-detail-modal .modal-tabs{padding:0 var(--space-xs);gap:var(--space-xs);display:flex;width:100%;overflow-x:auto;overflow-y:hidden}.project-detail-modal .tab{flex:1;min-width:90px;padding:var(--space-md) var(--space-sm);font-size:.875rem;min-height:48px;white-space:nowrap;word-break:keep-all;line-height:1.4;flex-shrink:0}.project-detail-modal .modal-body{padding:var(--space-md)}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.metric-card{padding:var(--space-sm)}.metric-value{font-size:1.25rem}.info-grid{grid-template-columns:1fr}.lead-stats-summary{flex-direction:column}.funnel-stage{flex-wrap:wrap}.stage-name{width:100%}.stage-bar-wrapper{order:1;flex:1;min-width:0}.stage-count{order:2}.floor-plans-grid,.images-grid{grid-template-columns:1fr}.lead-item{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.project-detail-modal .modal-tabs{padding:0 var(--space-xs);gap:var(--space-xs)}.project-detail-modal .tab{min-width:85px;padding:var(--space-sm) var(--space-xs);font-size:.8125rem;min-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-detail-modal .modal-body{padding:var(--space-lg)}.project-detail-modal .modal-header h2{font-size:1.125rem}.header-badges{gap:.125rem}.badge{font-size:.5625rem;padding:.0625rem .375rem}.info-grid{grid-template-columns:1fr;gap:var(--space-md)}.project-detail-modal .modal-footer{flex-direction:column;padding:var(--space-sm)}.project-detail-modal .modal-footer button{width:100%}}.projects-container{max-width:1600px;margin:0 auto;padding:var(--space-xl);animation:fadeIn var(--transition-base)}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-lg);border-bottom:2px solid var(--gray-200)}.page-description{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--gray-50);border-left:3px solid var(--primary);border-radius:var(--radius-md)}.header-left{display:flex;align-items:baseline;gap:var(--space-md)}.projects-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.project-count{font-size:.875rem;color:var(--text-muted);font-weight:500;background:var(--gray-100);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.projects-filters{margin-bottom:var(--space-xl);background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-lg)}.filters-row{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}.projects-filters .filter-group{flex:1;min-width:150px;max-width:200px}.projects-filters .filter-group.search-group{flex:2;max-width:300px}.filter-input,.projects-filters .filter-select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);transition:all var(--transition-fast)}.filter-input:focus,.projects-filters .filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.clear-filters-btn{background:var(--gray-200);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.clear-filters-btn:hover{background:var(--gray-300);color:var(--text-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);animation:fadeIn var(--transition-base);max-height:calc(100vh - 300px);overflow-y:auto;overflow-x:hidden;padding-right:var(--space-xs)}.project-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-base);animation:slideUp var(--transition-base) both;display:flex;flex-direction:column}.project-card.clickable{cursor:pointer}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--primary-light)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.project-badges{display:flex;gap:var(--space-xs);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.lifecycle-badge{background:var(--gray-100);color:var(--text-secondary)}.badge-prelaunch{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.badge-launch{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.badge-possession{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.badge-completed{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.badge-onhold{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.type-badge{background:var(--gray-100);color:var(--text-muted)}.badge-residential{background:#f0fdf4;color:#15803d}.badge-commercial{background:#eff6ff;color:#1d4ed8}.badge-mixed{background:#faf5ff;color:#7e22ce}.badge-plots{background:#fefce8;color:#a16207}.project-card-actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-fast)}.project-card:hover .project-card-actions{opacity:1}.icon-button{background:var(--bg-secondary);border:none;font-size:1rem;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--gray-200);transform:scale(1.05)}.project-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);gap:var(--space-sm)}.project-card-title h3{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;flex:1}.lead-status-indicator{font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.badge-hot{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.badge-warm{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.badge-cold{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.project-card-body{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.project-location-row,.project-builder-row{display:flex;align-items:center;gap:var(--space-xs);font-size:.8125rem;color:var(--text-secondary)}.location-icon,.builder-icon{font-size:.875rem;opacity:.8}.location-text,.builder-text{font-weight:500}.project-description{color:var(--text-muted);font-size:.8125rem;line-height:1.5;padding:var(--space-xs) var(--space-sm);background:var(--gray-50);border-radius:var(--radius-sm);margin:var(--space-xs) 0}.project-stats-row{display:flex;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-md)}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.construction-progress{height:4px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-xs)}.construction-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:var(--radius-full);transition:width var(--transition-base)}.project-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--gray-100)}.rera-badge{font-size:.6875rem;color:var(--text-muted);background:var(--gray-100);padding:.125rem .375rem;border-radius:var(--radius-xs)}.view-details{font-size:.75rem;color:var(--primary);font-weight:600;opacity:0;transition:opacity var(--transition-fast)}.project-card:hover .view-details{opacity:1}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-xl);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:2px dashed var(--gray-300)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-md)}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state p{font-size:.9375rem;color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:400px;margin-left:auto;margin-right:auto}.message{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-weight:500;font-size:.875rem}.success-message{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.error-message{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.projects-container{padding:var(--space-md)}.projects-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.header-left{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.filters-row{flex-direction:column}.projects-filters .filter-group,.projects-filters .filter-group.search-group{max-width:none;min-width:auto}.projects-grid{grid-template-columns:1fr;gap:var(--space-md)}.project-card-actions{opacity:1}}@media (max-width: 480px){.projects-container{padding:var(--space-sm)}.projects-header h1{font-size:1.5rem}.project-card{padding:var(--space-sm)}.project-badges{flex-wrap:wrap}.badge{font-size:.625rem;padding:.0625rem .375rem}.project-card-title h3,.stat-value{font-size:1rem}.project-stats-row{padding:var(--space-xs)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.followup-dashboard-modern{padding:0;max-width:1600px;margin:0 auto;min-height:calc(100vh - 120px);background:#f8fafc}.followup-dashboard-modern.loading,.followup-dashboard-modern.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.followup-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #0000000d}.followup-header-left h1{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px;letter-spacing:-.02em}.header-stats{display:flex;gap:16px;flex-wrap:wrap}.stat-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;background:#f1f5f9;border:1px solid #e2e8f0}.stat-badge.backlog{background:#fef2f2;border-color:#fecaca}.stat-badge.today{background:#f0fdf4;border-color:#bbf7d0}.stat-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.stat-number{font-size:16px;font-weight:700;color:#1e293b}.stat-badge.backlog .stat-number{color:#dc2626}.stat-badge.today .stat-number{color:#059669}.btn-primary-modern{background:#6366f1;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #6366f133}.btn-primary-modern:hover{background:#4f46e5;box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.filters-bar-modern{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.filter-group-modern{display:flex;gap:8px;flex-wrap:wrap}.filter-btn-modern{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#64748b;transition:all .2s}.filter-btn-modern:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.filter-btn-modern.active{background:#6366f1;color:#fff;border-color:#6366f1;font-weight:600}.category-select-modern{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;color:#1e293b;font-weight:500;min-width:160px}.category-select-modern:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.followups-container{padding:24px 32px}.followups-table-modern{background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.table-header-modern{display:grid;grid-template-columns:2.5fr 140px 120px 100px 120px 100px auto;gap:16px;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.table-body-modern{display:flex;flex-direction:column}.table-row-modern{display:grid;grid-template-columns:2.5fr 140px 120px 100px 120px 100px auto;gap:16px;padding:16px 20px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s;align-items:center}.table-row-modern:hover{background:#f8fafc}.table-row-modern.backlog{background:#fef2f2;border-left:3px solid #dc2626}.table-row-modern:last-child{border-bottom:none}.lead-name-cell h4{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 4px}.lead-phone{font-size:12px;color:#64748b;display:block;margin-bottom:4px}.followup-notes{font-size:12px;color:#94a3b8;margin:4px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-badge-modern{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.category-badge-modern.hot_prospect{background:#fce7f3;color:#db2777}.category-badge-modern.revisit{background:#e0e7ff;color:#4f46e5}.category-badge-modern.callback{background:#f1f5f9;color:#475569}.date-cell{display:flex;flex-direction:column;gap:4px}.date-overdue{color:#dc2626;font-weight:600}.overdue-indicator{font-size:11px;color:#dc2626;font-weight:600;padding:2px 6px;background:#fee2e2;border-radius:4px;display:inline-block}.temp-badge-modern{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.temp-badge-modern.hot{background:#fee2e2;color:#dc2626}.temp-badge-modern.warm{background:#fef3c7;color:#d97706}.temp-badge-modern.cold{background:#dbeafe;color:#2563eb}.status-badge-modern{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge-modern.pending{background:#f1f5f9;color:#475569}.status-badge-modern.completed{background:#d1fae5;color:#059669}.action-buttons-modern{display:flex;gap:6px}.action-btn-modern{width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px;text-decoration:none;color:#64748b}.action-btn-modern.complete:hover{background:#10b981;color:#fff;border-color:#10b981}.action-btn-modern.reschedule:hover{background:#6366f1;color:#fff;border-color:#6366f1}.action-btn-modern.call:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.empty-state-modern{background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:64px 32px;text-align:center}.empty-state-modern h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.empty-state-modern p{font-size:14px;color:#64748b;margin:0}.modal-content{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-content h2{margin:0 0 8px;font-size:20px;font-weight:600;color:#1e293b}.modal-subtitle{color:#64748b;margin:0 0 20px;font-size:14px}.modal-content textarea,.modal-content input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;resize:vertical;box-sizing:border-box;font-family:inherit}.modal-content textarea:focus,.modal-content input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}@media (max-width: 1024px){.table-header-modern,.table-row-modern{grid-template-columns:2fr 100px 100px 80px 100px 80px auto;gap:12px;padding:12px 16px}.col-temperature{display:none}}@media (max-width: 768px){.followup-dashboard-modern{padding:0}.followup-header{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:16px}.followup-header-left h1{font-size:20px}.header-stats,.btn-primary-modern{width:100%}.filters-bar-modern{padding:12px 20px;flex-direction:column;align-items:stretch}.filter-group-modern{width:100%;overflow-x:auto;padding-bottom:8px}.filter-btn-modern{white-space:nowrap}.category-select-modern{width:100%}.followups-container{padding:16px 20px}.table-header-modern{display:none}.table-row-modern{grid-template-columns:1fr;gap:12px;padding:16px;border-radius:8px;margin-bottom:12px;border:1px solid #e2e8f0}.col-lead-name:before{content:"Lead: ";font-weight:600;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.col-category:before{content:"Category: ";font-weight:600;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.col-date:before{content:"Date: ";font-weight:600;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.col-time:before{content:"Time: ";font-weight:600;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.col-temperature:before{content:"Temperature: ";font-weight:600;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.col-status:before{content:"Status: ";font-weight:600;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.col-actions{border-top:1px solid #f1f5f9;padding-top:12px;margin-top:8px}.action-buttons-modern{justify-content:flex-start}.action-btn-modern{flex:1;max-width:80px}}.daily-planner-modern{padding:0;max-width:1400px;margin:0 auto;min-height:calc(100vh - 120px);background:#f8fafc}.daily-planner-modern.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.planner-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #0000000d}.planner-header-left h1{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 4px;letter-spacing:-.02em}.planner-date{font-size:14px;color:#64748b;font-weight:500}.icon-btn{width:40px;height:40px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.icon-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.stats-bar{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:20px;font-weight:700;color:#1e293b;line-height:1}.stat-value.backlog{color:#dc2626}.stat-divider{width:1px;height:32px;background:#e2e8f0}.temp-stats{flex-direction:row;gap:16px;margin-left:auto}.temp-item{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#475569}.temp-icon{font-size:16px}.view-tabs{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 32px;display:flex;gap:8px}.tab-btn{padding:12px 20px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px}.tab-btn:hover{color:#475569;background:#f8fafc}.tab-btn.active{color:#6366f1;border-bottom-color:#6366f1;font-weight:600}.timeline-view{padding:24px 32px}.timeline-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:8px;overflow:hidden}.timeline-row{background:#fff;display:grid;grid-template-columns:100px 120px 1fr auto;gap:16px;padding:16px 20px;align-items:center;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.timeline-row:hover{background:#f8fafc;border-left-color:#6366f1}.timeline-row.call{border-left-color:#10b981}.timeline-row.meeting{border-left-color:#f59e0b}.timeline-row.followup{border-left-color:#6366f1}.timeline-time-cell{font-size:13px;font-weight:600;color:#475569}.time-value{display:block}.timeline-type-cell{display:flex;align-items:center}.type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.type-badge.call{background:#d1fae5;color:#059669}.type-badge.meeting{background:#fef3c7;color:#d97706}.type-badge.followup{background:#e0e7ff;color:#4f46e5}.timeline-content-cell{display:flex;flex-direction:column;gap:6px;min-width:0}.content-main h4{font-size:15px;font-weight:600;color:#1e293b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-main p{font-size:13px;color:#64748b;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meeting-link{font-size:13px;color:#6366f1;text-decoration:none;font-weight:500}.meeting-link:hover{text-decoration:underline}.timeline-action-cell{display:flex;align-items:center}.action-icon{width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b;font-size:16px}.action-icon:hover{background:#6366f1;color:#fff;border-color:#6366f1}.followups-view{padding:24px 32px}.followups-table{background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 140px 120px 100px 120px auto;gap:16px;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:2fr 140px 120px 100px 120px auto;gap:16px;padding:16px 20px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s;align-items:center}.table-row:hover{background:#f8fafc}.table-row.backlog-row{background:#fef2f2;border-left:3px solid #dc2626}.lead-info h4{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 4px}.lead-phone{font-size:12px;color:#64748b}.category-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.category-tag.hot_prospect{background:#fce7f3;color:#db2777}.category-tag.revisit{background:#e0e7ff;color:#4f46e5}.category-tag.callback{background:#f1f5f9;color:#475569}.overdue{color:#dc2626;font-weight:600}.overdue-badge{display:inline-block;margin-left:6px;padding:2px 8px;background:#fee2e2;color:#dc2626;border-radius:4px;font-size:11px;font-weight:600}.text-muted{color:#94a3b8}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.hot{background:#fee2e2;color:#dc2626}.status-badge.warm{background:#fef3c7;color:#d97706}.status-badge.cold{background:#dbeafe;color:#2563eb}.action-buttons{display:flex;gap:6px}.action-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px;text-decoration:none}.action-btn.call:hover{background:#10b981;color:#fff;border-color:#10b981}.action-btn.view:hover{background:#6366f1;color:#fff;border-color:#6366f1}.priority-view{padding:24px 32px}.priority-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:8px;overflow:hidden}.priority-row{background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:16px;padding:16px 20px;align-items:center;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.priority-row:hover{background:#f8fafc}.priority-row.backlog{border-left-color:#dc2626}.priority-row.hot_prospect{border-left-color:#f59e0b}.priority-indicator{font-size:20px}.priority-content h4{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 6px}.priority-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600}.meta-badge.overdue{background:#fee2e2;color:#dc2626}.meta-badge.hot{background:#fef3c7;color:#d97706}.meta-time{font-size:12px;color:#64748b}.priority-actions{display:flex;gap:6px}.empty-state{background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:64px 32px;text-align:center}.empty-icon{font-size:48px;display:block;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.empty-state p{font-size:14px;color:#64748b;margin:0}.quick-actions-bar{background:#fff;border-top:1px solid #e2e8f0;padding:16px 32px;display:flex;gap:12px;justify-content:center;position:sticky;bottom:0}.quick-action-btn{padding:10px 20px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.quick-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.quick-action-btn.secondary{background:#6366f1;color:#fff;border-color:#6366f1}.quick-action-btn.secondary:hover{background:#4f46e5;border-color:#4f46e5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:420px;box-shadow:0 20px 25px -5px #0000001a}.modal-content h2{margin:0 0 24px;font-size:20px;font-weight:600;color:#1e293b}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#1e293b}.form-help{font-size:12px;color:#64748b;margin:0 0 8px}.modal-content input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;box-sizing:border-box;font-family:inherit}.modal-content input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.btn-cancel{flex:1;padding:10px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-weight:500;color:#64748b;transition:all .2s}.btn-cancel:hover{background:#f8fafc}.btn-primary{flex:1;padding:10px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#4f46e5}@media (max-width: 768px){.daily-planner-modern{padding:0}.planner-header{padding:16px 20px}.planner-header-left h1{font-size:20px}.stats-bar{padding:12px 20px;gap:16px}.stat-value{font-size:18px}.view-tabs{padding:0 20px;overflow-x:auto}.timeline-view,.followups-view,.priority-view{padding:16px 20px}.timeline-row{grid-template-columns:80px 1fr auto;gap:12px;padding:12px 16px}.timeline-type-cell{display:none}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header{display:none}.table-row{padding:12px 16px;border-radius:8px;margin-bottom:8px;border:1px solid #e2e8f0}.col-lead:before{content:"Lead: ";font-weight:600;color:#64748b}.col-category:before{content:"Category: ";font-weight:600;color:#64748b}.col-date:before{content:"Date: ";font-weight:600;color:#64748b}.col-time:before{content:"Time: ";font-weight:600;color:#64748b}.col-status:before{content:"Status: ";font-weight:600;color:#64748b}.quick-actions-bar{padding:12px 20px;flex-direction:column}.quick-action-btn{width:100%}}.template-manager{padding:24px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 120px)}.template-manager.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #6366f14d;font-size:14px;width:auto;min-width:fit-content}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.tabs-bar{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.tab-btn{padding:10px 16px;border:1px solid var(--gray-200);background:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;font-weight:500}.tab-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.empty-state{grid-column:1 / -1;text-align:center;padding:64px 32px;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.empty-icon{font-size:4rem;display:block;margin-bottom:16px}.empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:18px}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.template-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);display:flex;flex-direction:column;border:2px solid transparent}.template-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.template-type{font-size:20px}.template-category{padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px}.template-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.template-subject{font-size:14px;color:var(--text-secondary);margin:0 0 8px}.template-preview{font-size:14px;color:var(--text-secondary);margin:0 0 16px;flex:1;line-height:1.6}.template-vars{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.var-tag{background:var(--gray-100);color:var(--text-secondary);padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-family:monospace}.template-actions{display:flex;gap:8px;border-top:1px solid var(--gray-100);padding-top:16px}.template-actions .action-btn{flex:1;padding:10px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;transition:all var(--transition-fast);font-weight:500}.action-btn.preview{background:var(--gray-100);color:var(--text-secondary)}.action-btn.preview:hover{background:var(--gray-200)}.action-btn.edit{background:#e0e7ff;color:var(--primary)}.action-btn.edit:hover{background:var(--primary);color:#fff}.action-btn.delete{background:var(--error-light);color:var(--error);flex:.5}.action-btn.delete:hover{background:var(--error);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);padding:24px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn var(--transition-base)}.editor-modal{max-width:700px}.preview-modal{max-width:600px}.modal-content h2{margin:0 0 24px;font-size:20px;color:var(--text-primary)}.error-banner{background:var(--error-light);color:var(--error);padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px;font-size:14px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;box-sizing:border-box;font-family:inherit}.form-group textarea{resize:vertical}.form-group .error{color:var(--error);font-size:12px;margin-top:4px;display:block}.variables-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px;padding:12px;background:var(--gray-50);border-radius:var(--radius-md)}.variables-bar span{font-size:12px;color:var(--text-secondary);font-weight:500}.var-btn{background:var(--bg-primary);border:1px solid var(--gray-200);padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-family:monospace;cursor:pointer;transition:all var(--transition-fast)}.var-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel{flex:1;padding:12px;border:1px solid var(--gray-200);background:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.btn-cancel:hover{background:var(--gray-50)}.modal-actions .btn-primary{flex:1}.preview-meta{display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.preview-meta span{font-size:14px;color:var(--text-secondary)}.preview-subject{background:var(--gray-50);padding:12px;border-radius:var(--radius-md);margin-bottom:16px;font-size:14px}.preview-content{background:var(--gray-50);padding:16px;border-radius:var(--radius-md);line-height:1.7;font-size:14px}@media (max-width: 768px){.template-manager{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:12px}.page-header h1{font-size:24px}.btn-primary{text-align:center;width:100%}.templates-grid,.form-row{grid-template-columns:1fr}.variables-bar{max-height:100px;overflow-y:auto}}.notification-bell-container{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:1040;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.notification-bell-button{position:relative;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea66;transition:all .3s ease;color:#fff}.notification-bell-container.dragging .notification-bell-button{cursor:grabbing}.notification-bell-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea80}.notification-bell-button:active{transform:scale(.95)}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:12px;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;box-shadow:0 2px 4px #0003;z-index:1}.notification-status-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid white;z-index:1}.notification-status-indicator.live{background:#10b981;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{opacity:1;box-shadow:0 0 #10b981b3}50%{opacity:.8;box-shadow:0 0 0 4px #10b98100}}padding: 0 6px; border: 2px solid white; animation: pulse 2s infinite; } @keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{position:absolute;left:70px;top:0;width:380px;max-height:600px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notification-dropdown-header h3{margin:0;font-size:18px;font-weight:600}.mark-all-read-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.mark-all-read-button:hover{background:#ffffff4d}.notification-list{overflow-y:auto;max-height:500px;background:#f9fafb}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notification-item{display:flex;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s ease;background:#fff;gap:12px}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#eff6ff;border-left:4px solid #3b82f6}.notification-item.unread:hover{background:#dbeafe}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:#1f2937;margin-bottom:4px}.notification-item.unread .notification-title{font-weight:700}.notification-message{font-size:13px;color:#6b7280;line-height:1.5;margin-bottom:8px;word-wrap:break-word}.notification-time{font-size:11px;color:#9ca3af}.notification-mark-read{background:none;border:none;cursor:pointer;padding:4px;color:#3b82f6;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease;flex-shrink:0}.notification-mark-read:hover{opacity:1}.notification-loading,.notification-empty{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px}@media (max-width: 768px){.notification-bell-container{left:16px;bottom:100px;top:auto;transform:none}.notification-bell-button{width:48px;height:48px}.notification-dropdown{left:0;bottom:60px;top:auto;width:calc(100vw - 32px);max-width:380px;max-height:400px}}@media (max-width: 480px){.notification-dropdown{width:calc(100vw - 32px);left:0}.notification-badge{min-width:18px;height:18px;font-size:10px;padding:0 4px}}.App{min-height:100vh}.page-container{max-width:1400px;margin:0 auto;padding:var(--space-md);animation:fadeIn var(--transition-base)}@media (min-width: 768px){.page-container{padding:var(--space-xl)}}.page-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xl);letter-spacing:-.025em}@media (min-width: 768px){.page-title{font-size:2.25rem;margin-bottom:var(--space-2xl)}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--gray-200)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--gray-200)}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.card-subtitle{font-size:.875rem;color:var(--text-secondary)}.button{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button:active:before{width:300px;height:300px}.button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.button-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-inverse);box-shadow:var(--shadow-md)}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.button-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.button-secondary{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--gray-300)}.button-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px)}.button-danger{background:var(--error);color:var(--text-inverse)}.button-danger:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-md)}.button-ghost{background:transparent;color:var(--text-primary)}.button-ghost:hover:not(:disabled){background:var(--gray-100)}.fab{position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-inverse);box-shadow:var(--shadow-xl);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:var(--z-fixed);transition:all var(--transition-base);animation:scaleIn var(--transition-base)}.fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:var(--shadow-2xl)}.fab:active{transform:scale(.95)}@media (max-width: 768px){.fab{bottom:var(--space-lg);right:var(--space-lg);width:56px;height:56px}}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--text-primary);font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:1rem;font-family:inherit;transition:all var(--transition-base);background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.error-message{background:var(--error-light);color:var(--error);padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-md);border-left:4px solid var(--error);display:flex;align-items:center;gap:var(--space-sm);animation:slideDown var(--transition-base)}.success-message{background:var(--success-light);color:#047857;padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-md);border-left:4px solid var(--success);display:flex;align-items:center;gap:var(--space-sm);animation:slideDown var(--transition-base)}.info-message{background:var(--info-light);color:#1e40af;padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-md);border-left:4px solid var(--info);display:flex;align-items:center;gap:var(--space-sm)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--primary-light);color:var(--text-inverse)}.badge-success{background:var(--success);color:var(--text-inverse)}.badge-error{background:var(--error);color:var(--text-inverse)}.badge-warning{background:var(--warning);color:var(--text-inverse)}.badge-gray{background:var(--gray-400);color:var(--text-inverse)}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:var(--space-sm)}.skeleton-title{height:1.5rem;width:60%;margin-bottom:var(--space-md)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}@media (max-width: 768px){.page-container{padding:var(--space-md)}.button{padding:.625rem 1.25rem;font-size:.9375rem}.card{padding:var(--space-lg);border-radius:var(--radius-lg)}}@media print{.fab,.button{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #64748b;--accent: #f59e0b;--success: #10b981;--success-light: #d1fae5;--error: #ef4444;--error-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--info: #3b82f6;--info-light: #dbeafe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1300;--z-modal: 1310;--z-popover: 1320;--z-tooltip: 1330}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6}code{font-family:var(--font-mono)}#root{min-height:100vh}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background-color:var(--primary-light);color:var(--text-inverse)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideUp var(--transition-base)}.animate-scale-in{animation:scaleIn var(--transition-base)}