@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";select.form-input{padding:0 38px 0 14px;height:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;background-color:var(--bg-primary);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-select{width:100%;height:38px;padding:0 32px 0 12px;font-size:.875rem;color:#1f2937;background:var(--bg-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E") no-repeat right 10px center;background-size:12px;border:1.5px solid #d1d5db;border-radius:6px;transition:all .2s ease;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}[data-theme=dark] select.form-input,[data-theme=dark] .form-select{background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E")}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(59,130,246,.28),transparent 45%),radial-gradient(circle at 85% 80%,rgba(16,185,129,.22),transparent 42%),linear-gradient(145deg,#0f172a,#1e293b 55%,#0b1222);padding:1.25rem}.login-card{background:#ffffffed;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:1.75rem;border-radius:14px;border:1px solid rgba(255,255,255,.5);box-shadow:0 24px 60px #0f172a59;width:100%;max-width:420px}@media (min-width: 768px){.login-card{padding:2.25rem}}.login-brand-chip{width:fit-content;margin:0 auto .9rem;padding:.3rem .65rem;border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#0f766e;background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.login-title{text-align:center;color:#0f172a;margin-bottom:.4rem;font-size:2rem;letter-spacing:-.03em}.login-subtitle{text-align:center;color:#475569;margin-bottom:1.6rem;font-size:1rem;font-weight:400}.login-form{display:flex;flex-direction:column;gap:.15rem}.login-card .form-group{margin-bottom:.8rem}.login-card .form-input{background:#fff;border:1px solid #cbd5e1;color:#0f172a;border-radius:10px;caret-color:#0f172a;-webkit-text-fill-color:#0f172a}.login-card .form-input::placeholder{color:#64748b;opacity:1}.login-card .form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.login-card .form-label{background:#fff;color:#475569;font-weight:500}.password-input-wrapper{position:relative;display:block}.password-input-wrapper .form-input{padding-right:45px;width:100%}.password-toggle-btn{position:absolute;right:10px;top:24px;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:color .2s;z-index:2}.password-toggle-btn:hover{color:#0f172a}.password-toggle-btn:focus{outline:none}.login-button{width:100%;margin-top:.35rem;font-size:1rem}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:.75rem;border-radius:8px;margin-bottom:1rem;text-align:center;font-size:.875rem}.login-footer{text-align:center;margin-top:1.35rem;color:#475569;font-size:.95rem}.login-footer a{color:#1d4ed8;text-decoration:none;font-weight:600}.login-footer a:hover{text-decoration:underline}[data-theme=dark] .login-card .form-input,[data-theme=dark] .login-card .form-textarea,[data-theme=dark] .login-card .password-input-wrapper .form-input{background:#fffffff2!important;border-color:#cbd5e1cc!important;color:#000!important;-webkit-text-fill-color:#000000!important;caret-color:#000!important}[data-theme=dark] .login-card .form-input::placeholder{color:#64748b!important;opacity:1}[data-theme=dark] .login-card .form-label,[data-theme=dark] .login-card .password-input-wrapper .form-label{background:#fff!important;color:#000!important}[data-theme=dark] .login-card .password-toggle-btn{color:#64748b}[data-theme=dark] .login-card .password-toggle-btn:hover{color:#0f172a}[data-theme=dark] .login-title{color:#0f172a!important}[data-theme=dark] .login-subtitle{color:#475569!important}[data-theme=dark] .login-brand-chip{color:#0f766e!important;background:#10b9811f!important;border-color:#10b98140!important}.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}[data-theme=dark] .register-card{background:#ffffffed!important}[data-theme=dark] .register-card h1{color:#1a237e!important}[data-theme=dark] .register-card h2{color:#333!important}[data-theme=dark] .register-card .form-group label,[data-theme=dark] .register-card .form-label{background:#fff!important;color:#000!important}[data-theme=dark] .register-card .form-group input{background:#fffffff2!important;border-color:#ddd!important;color:#000!important;-webkit-text-fill-color:#000000!important}[data-theme=dark] .register-footer{color:#666!important}[data-theme=dark] .register-footer a{color:#1a237e!important}.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--disabled .custom-datepicker-input{opacity:.55;cursor:not-allowed;pointer-events:none}.custom-datepicker-backdrop{display:none}.custom-datepicker-input{padding:10px 12px;border:1px solid var(--gray-200);border-radius:8px;font-size:.875rem;font-weight:400;color:var(--text-primary);background:var(--bg-primary);cursor:pointer;transition:all .15s ease;min-width:140px;min-height:42px;display:flex;align-items:center;justify-content:space-between}.custom-datepicker-input:hover{border-color:var(--gray-300)}.custom-datepicker-input:focus-within{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.custom-datepicker-calendar{position:fixed;z-index:200000;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;background:var(--bg-card)!important;color:var(--text-primary)!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);background:transparent}.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}.custom-datepicker-calendar .react-calendar__month-view__days__day--weekend{color:var(--text-primary)}.custom-datepicker-calendar .react-calendar__month-view__days__day--neighboringMonth{color:var(--text-muted)}.custom-datepicker-calendar .react-calendar__tile:disabled{background:transparent;color:var(--text-muted)}[data-theme=dark] .custom-datepicker-calendar{background:#1e293b!important;border-color:#334155!important;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar{background:#1e293b!important;color:#f1f5f9!important;border:none!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar__navigation{background:#273548!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar__navigation button{color:#f1f5f9!important;background:none!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar__navigation button:enabled:hover,[data-theme=dark] .custom-datepicker-calendar .react-calendar__navigation button:enabled:focus{background:#334155!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar__month-view__weekdays{background:#1e293b!important;color:#94a3b8!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar__month-view__weekdays__weekday abbr{color:#94a3b8!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar__tile{background:transparent!important;color:#f1f5f9!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar__tile:enabled:hover,[data-theme=dark] .custom-datepicker-calendar .react-calendar__tile:enabled:focus{background:#273548!important;color:var(--brand-primary, #2563eb)!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar__tile--now{background:#2d3f57!important;color:var(--brand-primary, #2563eb)!important;font-weight:700!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar__tile--active,[data-theme=dark] .custom-datepicker-calendar .react-calendar__tile--hasActive{background:var(--brand-primary, #2563eb)!important;color:#fff!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar__tile--active:enabled:hover,[data-theme=dark] .custom-datepicker-calendar .react-calendar__tile--active:enabled:focus{background:var(--brand-primary, #2563eb)!important;filter:brightness(1.1);color:#fff!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar__month-view__days__day--neighboringMonth{color:#475569!important}[data-theme=dark] .custom-datepicker-calendar .react-calendar__month-view__days__day--weekend{color:#f1f5f9!important}[data-theme=dark] .custom-datepicker-input{background:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}@media (max-width: 768px){.custom-datepicker-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:199999;animation:fadeIn var(--transition-fast)}.custom-datepicker-calendar{width:calc(100vw - 32px);max-width:320px}.custom-datepicker-calendar .react-calendar{width:100%!important;max-width:100%!important}.custom-datepicker-calendar .react-calendar__tile{padding:var(--space-xs)!important;font-size:.8125rem}.custom-datepicker-calendar .react-calendar__navigation button{font-size:.9rem;min-width:28px}.custom-datepicker-calendar .react-calendar__month-view__weekdays{font-size:.6875rem}}@media (max-width: 480px){.custom-datepicker-calendar{width:calc(100vw - 24px);max-width:290px}.custom-datepicker-calendar .react-calendar__tile{padding:6px!important;font-size:.75rem}.custom-datepicker-calendar .react-calendar__navigation{padding:var(--space-xs)}.custom-datepicker-calendar .react-calendar__navigation button{font-size:.8125rem;min-width:24px;padding:4px}.custom-datepicker-calendar .react-calendar__month-view__weekdays{font-size:.625rem}}.business-card-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;padding:20px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.business-card-container{position:relative;width:100%;max-width:420px;max-height:calc(100vh - 40px);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--border-color);box-shadow:0 20px 60px #0000002e;padding:32px 24px 100px;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box}@keyframes slideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.business-card-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.business-card-close:hover{background:var(--bg-surface-raised);transform:scale(1.1)}.business-card-share{position:absolute;top:16px;right:60px;width:36px;height:36px;border-radius:50%;background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#60a5fa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.business-card-share:hover{background:#3b82f64d;box-shadow:0 0 20px #3b82f666;transform:scale(1.1)}.business-card-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--brand-primary, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.business-card-header{text-align:center;margin-bottom:32px}.business-card-avatar{width:100px;height:100px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;margin:0 auto 20px;box-shadow:0 10px 30px #3b82f64d,0 0 0 4px #ffffff1a;animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 10px 30px #3b82f64d,0 0 0 4px #ffffff1a}50%{box-shadow:0 10px 40px #3b82f680,0 0 0 4px #fff3}}.business-card-info{color:var(--text-primary)}.business-card-name{font-size:1.75rem;font-weight:700;margin:0 0 8px;color:var(--text-primary);letter-spacing:-.02em}.business-card-role{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.business-card-company{font-size:1rem;color:var(--text-primary);margin-bottom:12px;font-weight:500}.business-card-status{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:#059669;padding:4px 12px;background:#10b9811f;border-radius:12px;border:1px solid rgba(16,185,129,.25)}.business-card-actions{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:12px;padding:16px 20px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:10;border-radius:0 0 24px 24px;box-sizing:border-box}.action-btn{width:56px;height:56px;min-width:56px;min-height:56px;border-radius:16px;background:var(--bg-surface)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:1.25rem;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;box-shadow:none;margin:0;padding:0;font-family:inherit;text-decoration:none;box-sizing:border-box}.action-btn *{color:inherit!important;fill:currentColor!important}.action-btn:hover:not(:disabled){background:#3b82f633!important;border-color:#3b82f666!important;color:#60a5fa!important;transform:translateY(-4px) scale(1.1);box-shadow:0 8px 24px #3b82f64d}.action-btn:hover:not(:disabled) *{color:#60a5fa!important;fill:#60a5fa!important}.action-btn:active:not(:disabled){transform:translateY(-2px) scale(1.05)}.action-btn:disabled{opacity:.3;cursor:not-allowed;background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-muted, #9ca3af)!important}.action-btn:disabled *{color:var(--text-muted, #9ca3af)!important;fill:var(--text-muted, #9ca3af)!important}.action-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#3b82f64d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.action-btn:hover:not(:disabled):after{width:80px;height:80px}.copy-feedback{position:absolute;bottom:120px;left:50%;transform:translate(-50%);background:#10b981e6;color:#fff;padding:8px 16px;border-radius:8px;font-size:.875rem;display:flex;align-items:center;gap:6px;animation:slideUpFeedback .3s ease-out;z-index:10}@keyframes slideUpFeedback{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.action-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:10002;animation:fadeIn .2s ease-out}.action-panel{width:100%;max-width:420px;max-height:70vh;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px 24px 0 0;border-top:1px solid var(--border-color);padding:32px 24px;animation:slideUpPanel .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow-y:auto}@keyframes slideUpPanel{0%{transform:translateY(100%)}to{transform:translateY(0)}}.action-panel-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--bg-surface)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;box-shadow:none;margin:0;padding:0;font-family:inherit}.action-panel-close *{color:inherit!important;fill:currentColor!important}.action-panel-close:hover{background:var(--bg-surface-raised);transform:scale(1.1)}.action-panel-content{text-align:center;color:var(--text-primary)}.action-panel-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.action-panel-icon.call{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.action-panel-icon.whatsapp{background:#25d36633;border-color:#25d36666;color:#4ade80}.action-panel-icon.email{background:#8b5cf633;border-color:#8b5cf666;color:#a78bfa}.action-panel-icon.meeting{background:#ec489933;border-color:#ec489966;color:#f472b6}.action-panel-icon.website{background:#fb923c33;border-color:#fb923c66;color:#fb923c}.action-panel-icon.location{background:#ef444433;border-color:#ef444466;color:#f87171}.action-panel-content h3{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.action-panel-value{font-size:1.125rem;color:var(--text-primary);margin:0 0 16px;word-break:break-all}.action-panel-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 16px}.action-panel-meta{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.875rem;color:var(--text-secondary);margin-bottom:24px}.action-panel-primary-btn{width:100%;padding:14px 24px;border-radius:12px;background:var(--brand-primary, #3b82f6)!important;border:none!important;color:var(--text-on-brand, #fff)!important;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #3b82f640;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;margin:0;font-family:inherit;text-decoration:none;box-sizing:border-box}.action-panel-primary-btn *{color:inherit!important;fill:currentColor!important}.action-panel-primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.action-panel-primary-btn.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e)!important;box-shadow:0 4px 12px #25d3664d}.action-panel-primary-btn.whatsapp-btn:hover{box-shadow:0 6px 20px #25d36666}.action-panel-note{font-size:.75rem;color:var(--text-muted, #9ca3af);margin-top:16px;font-style:italic}.book-meeting-panel .action-panel-content{max-width:360px}.book-meeting-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:8px 12px;border-radius:8px;font-size:.875rem;margin:8px 0 12px}.book-meeting-loading,.book-meeting-muted{color:var(--text-secondary);font-size:.9rem;margin:8px 0}.book-meeting-projects{display:flex;flex-direction:column;gap:8px;margin:12px 0 16px;max-height:200px;overflow-y:auto}.book-meeting-project-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem}.book-meeting-project-option-label{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer;min-width:0}.book-meeting-project-option input{margin:0}.book-meeting-project-option .project-name{font-weight:500}.book-meeting-project-option .project-meta{color:var(--text-secondary);font-size:.85rem}.book-meeting-view-project{flex-shrink:0;padding:6px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.8rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}.book-meeting-view-project:hover{background:var(--bg-surface-raised);border-color:var(--border-strong);color:var(--text-primary)}.book-meeting-form .form-group{margin-bottom:16px;position:relative}.book-meeting-form .form-group input~.form-label,.book-meeting-form .form-group .custom-datepicker-wrapper~.form-label,.book-meeting-form .form-group>div:first-child~.form-label{position:absolute;top:0;left:12px;transform:translateY(-50%);font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);background:var(--bg-card, white);padding:0 6px;line-height:1;z-index:1;pointer-events:none;transition:all .2s ease;margin-bottom:0}.book-meeting-form .form-group input.form-input{width:100%;height:48px;padding:0 14px;font-size:.875rem;color:var(--text-primary, #1f2937);background:var(--bg-card, white);border:1.5px solid var(--border-color, #d1d5db);border-radius:8px;transition:all .2s ease;outline:none}.book-meeting-form .form-group .custom-datepicker-wrapper{width:100%}.book-meeting-form .form-group .custom-datepicker-input{width:100%;height:48px;padding:0 14px;font-size:.875rem;color:var(--text-primary, #1f2937);background:var(--bg-card, white);border:1.5px solid var(--border-color, #d1d5db);border-radius:8px;min-height:48px;transition:all .2s ease}.book-meeting-form .form-group .custom-datepicker-input:hover,.book-meeting-form .form-group .custom-datepicker-wrapper:focus-within .custom-datepicker-input{border-color:var(--primary, #6366f1)}.book-meeting-form .form-group .custom-datepicker-wrapper:focus-within .custom-datepicker-input{box-shadow:0 0 0 3px #6366f114}.book-meeting-form .form-group .custom-datepicker-wrapper:focus-within~.form-label{color:var(--primary, #6366f1)}.book-meeting-form .form-group input.form-input:focus{border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f114}.book-meeting-form .form-group input:focus~.form-label{color:var(--primary, #6366f1)}.book-meeting-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.book-meeting-form .form-section{padding-bottom:10px}.book-meeting-form .form-actions .btn-secondary{padding:10px 16px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:.9rem}.book-meeting-form .otp-input{font-size:1.5rem;letter-spacing:.5em;text-align:center}.book-meeting-success{text-align:center;padding:16px 0}.book-meeting-success .success-icon{font-size:2.5rem;color:#22c55e;margin-bottom:12px}.book-meeting-success .magic-link{display:inline-block;margin-top:12px;color:#60a5fa;text-decoration:underline}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10003;animation:fadeIn .2s ease-out;padding:20px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.share-modal{position:relative;width:100%;max-width:400px;max-height:calc(100vh - 40px);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--border-color);padding:32px 24px;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.share-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--bg-surface)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;box-shadow:none;margin:0;padding:0;font-family:inherit}.share-modal-close:hover{background:#fff3;transform:scale(1.1)}.share-modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 24px;text-align:center}.share-qr-container{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.share-qr-code{width:200px;height:200px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 4px 12px #0000004d}.share-download-qr{padding:8px 16px;border-radius:8px;background:var(--bg-surface)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;box-shadow:none;margin:0;font-family:inherit;text-decoration:none}.share-download-qr *{color:inherit!important;fill:currentColor!important}.share-download-qr:hover{background:var(--bg-surface-raised)}.share-link-container{margin-bottom:24px}.share-link-input-group{display:flex;gap:8px;margin-bottom:8px}.share-link-input{flex:1;padding:12px 16px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;font-family:monospace}.share-link-input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.share-copy-btn{padding:12px 16px;border-radius:12px;background:#3b82f633!important;border:1px solid rgba(59,130,246,.3)!important;color:#60a5fa!important;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;box-shadow:none;margin:0;font-family:inherit;text-decoration:none}.share-copy-btn *{color:inherit!important;fill:currentColor!important}.share-copy-btn:hover{background:#3b82f64d;box-shadow:0 0 12px #3b82f64d}.share-copy-feedback{text-align:center;font-size:.75rem;color:#10b981;margin-top:4px}.share-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.share-option-btn{padding:12px;border-radius:12px;background:var(--bg-surface)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;font-size:.875rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;box-shadow:none;margin:0;font-family:inherit;text-decoration:none;box-sizing:border-box}.share-option-btn *{color:inherit!important;fill:currentColor!important}.share-option-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.share-option-btn svg{font-size:1.25rem}@media (max-width: 768px){.business-card-overlay{padding:10px;align-items:flex-end}.business-card-container{max-width:100%;max-height:calc(100vh - 20px);border-radius:24px 24px 0 0;padding:24px 20px 100px}.business-card-actions{border-radius:0;padding:12px 16px;gap:8px}.action-btn{width:48px;height:48px;min-width:48px;min-height:48px;font-size:1.125rem}.action-panel{max-height:80vh;border-radius:24px 24px 0 0}.share-modal{max-width:100%}.share-options{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .business-card-container{background:#0f172af7!important;border-color:#ffffff1a!important;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset!important}[data-theme=dark] .business-card-close{background:#ffffff1a!important;border-color:#fff3!important;color:#ffffffe6!important}[data-theme=dark] .business-card-close:hover{background:#fff3!important}[data-theme=dark] .loading-spinner{border-color:#ffffff1a!important;border-top-color:#3b82f6!important}[data-theme=dark] .business-card-info,[data-theme=dark] .business-card-name{color:#fff!important}[data-theme=dark] .business-card-role{color:#ffffffb3!important}[data-theme=dark] .business-card-company{color:#ffffffe6!important}[data-theme=dark] .business-card-status{color:#fff9!important;background:#10b98126!important;border-color:#10b9814d!important}[data-theme=dark] .business-card-actions{background:#0f172afa!important;border-top-color:#ffffff1a!important}[data-theme=dark] .action-btn{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#ffffffe6!important}[data-theme=dark] .action-btn *{color:inherit!important}[data-theme=dark] .action-btn:hover:not(:disabled){background:#3b82f633!important;border-color:#3b82f666!important;color:#60a5fa!important;box-shadow:0 8px 24px #3b82f64d!important}[data-theme=dark] .action-btn:disabled{background:#ffffff05!important;border-color:#ffffff0d!important;color:#ffffff4d!important}[data-theme=dark] .action-panel{background:#0f172afa!important;border-top-color:#ffffff1a!important}[data-theme=dark] .action-panel-close{background:#ffffff1a!important;border-color:#fff3!important;color:#ffffffe6!important}[data-theme=dark] .action-panel-content,[data-theme=dark] .action-panel-content h3{color:#fff!important}[data-theme=dark] .action-panel-value{color:#ffffffe6!important}[data-theme=dark] .action-panel-description,[data-theme=dark] .action-panel-meta{color:#fff9!important}[data-theme=dark] .action-panel-note{color:#fff6!important}[data-theme=dark] .action-panel-icon{background:#ffffff0d!important;border-color:#ffffff1a!important}[data-theme=dark] .share-modal{background:#0f172afa!important;border-color:#ffffff1a!important}[data-theme=dark] .share-modal-title{color:#fff!important}[data-theme=dark] .share-modal-close{background:#ffffff1a!important;border-color:#fff3!important;color:#ffffffe6!important}[data-theme=dark] .share-link-input{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#fff!important}[data-theme=dark] .share-download-qr{background:#ffffff1a!important;border-color:#fff3!important;color:#ffffffe6!important}[data-theme=dark] .share-option-btn,[data-theme=dark] .book-meeting-project-option{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#ffffffe6!important}[data-theme=dark] .book-meeting-project-option .project-meta{color:#ffffff80!important}[data-theme=dark] .book-meeting-view-project{background:#ffffff1f!important;border-color:#ffffff40!important;color:#fffffff2!important}[data-theme=dark] .book-meeting-view-project:hover{background:#fff3!important;border-color:#fff6!important}[data-theme=dark] .book-meeting-form .form-group input~.form-label,[data-theme=dark] .book-meeting-form .form-group .custom-datepicker-wrapper~.form-label,[data-theme=dark] .book-meeting-form .form-group>div:first-child~.form-label{color:#ffffffb3!important;background:var(--bg-card, #1e293b)!important}[data-theme=dark] .book-meeting-form .form-group input:focus~.form-label{color:var(--primary, #6366f1)!important}[data-theme=dark] .book-meeting-form .form-group input.form-input,[data-theme=dark] .book-meeting-form .form-group .custom-datepicker-input{background:var(--bg-card, #1e293b)!important;border-color:#ffffff1a!important;color:#ffffffe6!important}[data-theme=dark] .book-meeting-form .form-group .custom-datepicker-input:hover,[data-theme=dark] .book-meeting-form .form-group .custom-datepicker-wrapper:focus-within .custom-datepicker-input{border-color:var(--primary, #6366f1)!important}[data-theme=dark] .book-meeting-form .form-group .custom-datepicker-wrapper:focus-within~.form-label{color:var(--primary, #6366f1)!important}border-color: rgba(255,255,255,.2) !important; color: #fff !important; } [data-theme="dark"] .book-meeting-form .form-actions .btn-secondary{background:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}[data-theme=dark] .book-meeting-loading,[data-theme=dark] .book-meeting-muted{color:#ffffff80!important}.nb-root{position:relative;display:flex;align-items:center}.nb-button{position:relative;width:36px;height:36px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;flex-shrink:0}.nb-button:hover{background:#ffffff38;transform:scale(1.08)}.nb-button:active{transform:scale(.95)}.nb-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border:2px solid var(--primary, #4f46e5);border-radius:10px;min-width:18px;height:18px;font-size:10px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none}.nb-live-dot{position:absolute;bottom:1px;right:1px;width:8px;height:8px;border-radius:50%;background:#10b981;border:2px solid var(--primary, #4f46e5);animation:nb-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes nb-pulse{0%,to{opacity:1}50%{opacity:.6}}.nb-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-height:480px;background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014;overflow:hidden;display:flex;flex-direction:column;z-index:1200;animation:nb-slide-in .18s ease}@keyframes nb-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nb-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.nb-dropdown-title{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em}.nb-mark-all-btn{background:#ffffff2e;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;cursor:pointer;transition:background .15s;white-space:nowrap}.nb-mark-all-btn:hover{background:#ffffff47}.nb-list{overflow-y:auto;flex:1}.nb-list::-webkit-scrollbar{width:4px}.nb-list::-webkit-scrollbar-track{background:#f8fafc}.nb-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.nb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:#94a3b8;font-size:13px}.nb-empty p{margin:0}.nb-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s;background:#fff}.nb-item:last-child{border-bottom:none}.nb-item:hover{background:#f8fafc}.nb-item--unread{background:#eff6ff;border-left:3px solid #3b82f6}.nb-item--unread:hover{background:#dbeafe}.nb-item-dot{width:8px;height:8px;border-radius:50%;background:transparent;flex-shrink:0;margin-top:5px}.nb-item--unread .nb-item-dot{background:#3b82f6}.nb-item-body{flex:1;min-width:0}.nb-item-title{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:3px;line-height:1.4}.nb-item--unread .nb-item-title{font-weight:700}.nb-item-msg{font-size:12px;color:#64748b;line-height:1.5;margin-bottom:5px;word-break:break-word}.nb-item-time{font-size:11px;color:#94a3b8}.nb-read-btn{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1.5px solid #bfdbfe;background:#eff6ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;padding:0;margin-top:1px}.nb-read-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:scale(1.1)}@media (max-width: 480px){.nb-dropdown{position:fixed;top:56px;right:0;left:0;width:100%;max-height:calc(100vh - 56px);border-radius:0 0 14px 14px}}.gs-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;animation:gs-fade-in .15s ease}@keyframes gs-fade-in{0%{opacity:0}to{opacity:1}}.gs-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:680px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:gs-slide-in .2s cubic-bezier(.16,1,.3,1)}@keyframes gs-slide-in{0%{transform:translateY(-12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.gs-input-row{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-card)}.gs-search-icon{color:var(--text-secondary);flex-shrink:0}.gs-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:1.05rem;outline:none;caret-color:var(--primary);font-weight:400}.gs-input::placeholder{color:var(--text-muted, var(--text-secondary))}.gs-esc-hint{font-size:.7rem;font-weight:600;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;padding:4px 8px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.gs-filter-tabs{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.gs-filter-tab{padding:6px 14px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.gs-filter-tab:hover{border-color:var(--primary);color:var(--text-primary)}.gs-filter-tab--active{background:var(--primary);border-color:var(--primary);color:#fff}.gs-results{max-height:420px;overflow-y:auto}.gs-group{padding:12px 0;border-bottom:1px solid var(--border-color)}.gs-group:last-child{border-bottom:none}.gs-group-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:8px 20px 6px}.gs-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background .12s}.gs-item:hover,.gs-item--active{background:var(--bg-hover, rgba(var(--primary-rgb, 99,102,241), .08))}.gs-temp-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gs-item-icon{color:var(--text-secondary);flex-shrink:0}.gs-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.gs-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.gs-item-name{font-size:.92rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-item-meta{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-item-tag{font-size:.7rem;font-weight:600;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;padding:3px 8px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.gs-highlight{background:rgba(var(--primary-rgb, 99,102,241),.2);color:var(--primary);padding:1px 2px;border-radius:2px;font-weight:600}.gs-quick-actions{padding:12px 0;border-bottom:1px solid var(--border-color)}.gs-quick-action{display:flex;align-items:center;gap:12px;padding:12px 20px;width:100%;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .12s;text-align:left}.gs-quick-action:hover{background:var(--bg-hover, rgba(var(--primary-rgb, 99,102,241), .06))}.gs-quick-action svg{color:var(--primary);flex-shrink:0}.gs-recent-searches{padding:12px 0}.gs-recent-search{display:flex;align-items:center;gap:10px;padding:10px 20px;width:100%;border:none;background:transparent;color:var(--text-secondary);font-size:.88rem;cursor:pointer;transition:all .12s;text-align:left}.gs-recent-search:hover{background:var(--bg-hover, rgba(var(--primary-rgb, 99,102,241), .06));color:var(--text-primary)}.gs-recent-search svg{flex-shrink:0}.gs-skeleton-list{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.gs-skeleton-item{height:40px;border-radius:8px;background:var(--border-color);position:relative;overflow:hidden}.gs-skeleton-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--bg-primary) 50%,transparent 100%);animation:gs-shimmer 1.2s infinite}@keyframes gs-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gs-empty{padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.gs-empty-icon{color:var(--text-muted, var(--text-secondary));opacity:.5;margin-bottom:4px}.gs-empty-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.gs-empty-subtitle{font-size:.88rem;color:var(--text-secondary);max-width:320px}.gs-footer{display:flex;align-items:center;gap:20px;padding:10px 20px;border-top:1px solid var(--border-color);background:var(--bg-primary);font-size:.75rem;color:var(--text-secondary)}.gs-footer-shortcut{display:flex;align-items:center;gap:6px}.gs-footer kbd{display:inline-block;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600;color:var(--text-secondary)}@media (max-width: 700px){.gs-backdrop{padding-top:0;align-items:flex-end}.gs-modal{max-width:100%;border-radius:16px 16px 0 0;max-height:90vh}.gs-results{max-height:55vh}.gs-filter-tabs{overflow-x:auto;scrollbar-width:none}.gs-filter-tabs::-webkit-scrollbar{display:none}}.gs-results::-webkit-scrollbar{width:8px}.gs-results::-webkit-scrollbar-track{background:transparent}.gs-results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.gs-results::-webkit-scrollbar-thumb:hover{background:var(--text-muted, var(--text-secondary))}.header{background:var(--brand-header, var(--primary));color:var(--text-on-brand, #fff);padding:0 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);height:56px}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;height:100%;gap:16px}.header-left{flex:0 0 auto;display:flex;align-items:center}.header-org-name{font-size:1.75rem;font-weight:800;margin:0;color:#fff;letter-spacing:-.02em;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.1)}.header-nav{flex:1;display:flex;justify-content:center;align-items:center;gap:4px}.header-right{flex:0 0 auto;display:flex;align-items:center;gap:12px}.header-user-profile{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff1a;border-radius:var(--radius-lg);cursor:pointer;transition:background .2s}.header-user-profile:hover{background:#ffffff26}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#1f2937;text-transform:uppercase}.user-details{display:flex;flex-direction:column;line-height:1.2}.user-name{font-size:.8125rem;font-weight:600;color:#fff}.user-role{font-size:.6875rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.03em}.nav-link{color:#ffffffd9;text-decoration:none;padding:8px 14px;border-radius:var(--radius-full);transition:all .2s;font-size:.8125rem;font-weight:500;white-space:nowrap}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:#fff;background:#fff3;font-weight:600;border-bottom:2px solid rgba(255,255,255,.8)}.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 .mobile-menu-user-section{display:none!important}.settings-menu{position:relative;display:flex;align-items:center}.settings-button{background:transparent;color:#fffc;border:none;padding:4px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-button:hover,.settings-button.active{color:#fff;background:#ffffff1a}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--bg-card);border-radius:12px;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a;border:1px solid var(--border-color);padding:0;z-index:1200;overflow:hidden}.dropdown-user-header{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;background:var(--brand-header, linear-gradient(135deg, #6a52e0 0%, #5b82f0 100%))}.dropdown-user-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff40;color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.4)}.dropdown-user-info{display:flex;flex-direction:column;min-width:0}.dropdown-user-name{font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-user-role{font-size:.7rem;color:#ffffffbf;text-transform:uppercase;letter-spacing:.05em;margin-top:1px}.dropdown-section{padding:10px 10px 6px;border-bottom:1px solid var(--border-color)}.dropdown-section:last-of-type{border-bottom:none}.dropdown-section-title{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);margin-bottom:6px;padding:0 4px}.admin-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.admin-tool-item{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:7px;text-decoration:none;color:var(--text-primary);font-size:.8rem;font-weight:500;transition:background .15s,color .15s;white-space:nowrap}.admin-tool-item:hover{background:var(--bg-surface);color:var(--brand-primary)}.tool-icon{font-size:.95rem;flex-shrink:0}.settings-links{display:flex;flex-direction:column;gap:2px}.settings-link{text-decoration:none;color:var(--text-primary);font-size:.8125rem;padding:7px 8px;border-radius:7px;transition:background .15s,color .15s;display:flex;align-items:center;gap:8px;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-weight:500}.settings-link:hover{background:var(--bg-surface);color:var(--brand-primary)}.dropdown-divider{height:1px;background:var(--border-color);margin:0}.settings-logout{width:100%;padding:10px 14px;border:none;background:transparent;cursor:pointer;font-size:.8125rem;font-weight:600;color:#dc2626;display:flex;align-items:center;gap:8px;transition:background .15s}.settings-logout:hover{background:var(--bg-surface)}.theme-toggle-btn{width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.theme-toggle-btn:hover{background:#ffffff40;color:#fff;transform:rotate(15deg)}.header-search-btn{width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.header-search-btn:hover{background:#ffffff40;color:#fff}.mobile-menu-backdrop{display:none}@media (max-width: 768px){.mobile-menu-backdrop{display:none}.header{padding:0 var(--space-md);height:56px}.header-content{flex-wrap:nowrap;gap:8px}.header-org-name{font-size:1rem;flex:1;overflow:hidden;text-overflow:ellipsis}.mobile-menu-toggle{display:none}.header-nav{display:none!important}.user-details{display:none}.header-user-profile{padding:4px}.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}}@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}.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(5,1fr);gap:var(--space-md);width:100%}.metric-card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:var(--space-md);box-shadow:0 2px 8px #0000000a}.metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gray-200);transition:all var(--transition-base)}.metric-card.active:before{background:linear-gradient(90deg,var(--primary),var(--primary-dark));height:4px}.metric-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.metric-card:hover:before{height:5px}.metric-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0;transition:all var(--transition-base)}.metric-icon-wrapper.primary{background:#6366f133!important}.metric-icon-wrapper.primary svg{stroke:#6366f1!important}.metric-icon-wrapper.blue{background:#3b82f633!important}.metric-icon-wrapper.blue svg{stroke:#3b82f6!important}.metric-icon-wrapper.teal{background:#14b8a633!important}.metric-icon-wrapper.teal svg{stroke:#14b8a6!important}.metric-icon-wrapper.orange{background:#f9731633!important}.metric-icon-wrapper.orange svg{stroke:#f97316!important}.metric-icon-wrapper.green{background:#22c55e33!important}.metric-icon-wrapper.green svg{stroke:#22c55e!important}.metric-card:hover .metric-icon-wrapper{transform:scale(1.1)}.metric-card.active .metric-icon-wrapper{transform:scale(1.05)}.metric-icon{width:18px!important;height:18px!important;display:block}.metric-icon-wrapper svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}.metric-content{flex:1;min-width:0}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.metric-label{font-size:.75rem;font-weight:600;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:2rem;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}.sparkline{width:100%;height:24px;margin:var(--space-xs) 0}.zero-value-container{display:flex;flex-direction:column;gap:2px}.zero-value{font-size:2rem;font-weight:700;color:var(--gray-300);line-height:1}.zero-hint{font-size:.6875rem;color:var(--text-secondary);font-style:italic}.metrics-table-container{width:100%;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;white-space:nowrap}.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{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.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:12px 16px;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);white-space:nowrap}.metrics-table th.col-metric{width:46%;text-align:left}.metrics-table th.col-value{width:13%;text-align:center}.metrics-table th.col-status{width:100%;text-align:center}.metrics-table td{padding:12px 16px;border-bottom:1px solid var(--gray-100);vertical-align:middle;min-height:48px}.metrics-table td.col-metric{text-align:left}.metrics-table td.col-value,.metrics-table td.col-status{text-align:center}.section-header-row{background:var(--gray-50);cursor:pointer;transition:background var(--transition-fast)}.section-header-row:hover{background:var(--gray-100)}.section-header-row td{padding:12px 16px;border-bottom:1px solid var(--gray-200)}.section-title-full{display:flex;align-items:center;gap:var(--space-sm);width:100%;font-weight:600;color:var(--text-primary);font-size:.875rem}.section-label{flex:0 0 auto}.section-count{margin-left:auto;font-size:.75rem;color:var(--text-secondary);font-weight:500;background:var(--gray-200);padding:4px 10px;border-radius:var(--radius-sm)}.section-header{background:var(--gray-50);cursor:pointer;transition:background var(--transition-fast)}.section-header:hover{background:var(--gray-100)}.section-header td{padding:12px 16px;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:12px 16px;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:center;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-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:var(--gray-300)}.status-indicator.status-zero{background:var(--gray-300);opacity:.5}.status-indicator.status-moderate{background:#fbbf24;box-shadow:0 0 0 3px #fbbf2433}.status-indicator.status-good{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.status-indicator.status-excellent{background:#16a34a;box-shadow:0 0 0 3px #16a34a40,0 0 8px #16a34a66;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #16a34a40,0 0 8px #16a34a66}50%{box-shadow:0 0 0 5px #16a34a26,0 0 12px #16a34a4d}}@media (max-width: 1200px){.metrics-overview{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.metric-value-large{font-size:1.75rem}}@media (max-width: 1024px){.metrics-overview{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.metric-card{padding:var(--space-sm) var(--space-md)}.metric-icon-wrapper{width:40px;height:40px}.metric-icon{width:18px!important;height:18px!important}.metric-icon-wrapper svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}.metric-value-large{font-size:1.5rem}}@media (max-width: 768px){.metrics-overview{grid-template-columns:1fr;gap:var(--space-lg)}.metric-card{padding:var(--space-md) var(--space-lg);flex-direction:row;align-items:flex-start;gap:var(--space-md)}.metric-icon-wrapper{width:36px;height:36px}.metric-icon{width:18px!important;height:18px!important}.metric-value-large{font-size:2rem}.table-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.metrics-table th.col-metric{min-width:120px}.metrics-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.metrics-table table{min-width:600px}.metrics-table th,.metrics-table td{padding:10px 12px}}@media (max-width: 640px){.metrics-overview{grid-template-columns:1fr;gap:var(--space-lg)}.metric-card{flex-direction:row;align-items:flex-start;padding:var(--space-md) var(--space-lg)}.dashboard-metrics{gap:var(--space-md)}.metric-footer{flex-direction:row;align-items:center;gap:var(--space-md)}.table-actions{width:100%;justify-content:space-between}.period-label{flex:1;text-align:center}}@media (max-width: 480px){.metrics-overview{grid-template-columns:1fr;gap:var(--space-md)}.metric-card{padding:var(--space-md) var(--space-md);gap:var(--space-md)}.metric-icon-wrapper{width:36px;height:36px}.metric-icon{width:18px!important;height:18px!important}.metric-value-large{font-size:1.75rem}.metrics-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.metrics-table table{min-width:600px}.metrics-table th,.metrics-table td{padding:8px 70px 8px 10px;font-size:.75rem}.metrics-table th{font-size:.625rem}.status-indicator{width:10px;height:10px}}@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-lg);padding:0;box-shadow:0 2px 8px #0000000a;border:1px solid var(--gray-200);animation:slideUp var(--transition-base) both;animation-delay:.3s;display:flex;flex-direction:column;overflow:hidden}.clients-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--gray-200);background:var(--gray-50);flex-shrink:0}.clients-header h3{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600;letter-spacing:-.025em;white-space:nowrap}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);text-align:center;gap:2px;min-height:200px}.empty-icon{color:var(--gray-300)}.empty-icon svg{width:20px;height:20px}.empty-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1}.empty-subtitle{font-size:.6875rem;color:var(--text-secondary);margin:0;line-height:1.2}.empty-cta{background:var(--primary);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.empty-cta:hover{background:var(--primary-dark)}.clients-grid{display:flex;flex-direction:column;gap:0;flex:1;overflow-y:auto;padding:var(--space-xs)}.client-card{background:var(--bg-primary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--gray-100);transition:all var(--transition-base);position:relative;overflow:hidden;animation:slideUp var(--transition-base) both;margin-bottom:var(--space-xs)}.client-card:last-child{margin-bottom:0}.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:0}.clients-header{flex-direction:row;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.clients-header h3{font-size:.875rem}.clients-grid{gap:0;padding:var(--space-xs)}.client-card{padding:var(--space-sm)}}@media (max-width: 480px){.top-clients-card{padding:0}.clients-header{padding:var(--space-sm)}.clients-header h3{font-size:.875rem}.client-name{font-size:1rem}}.mgr-dash{padding:24px;max-width:1400px;margin:0 auto}.mgr-dash--loading,.mgr-dash--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.mgr-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--brand-primary);border-radius:50%;animation:mgr-spin .8s linear infinite}@keyframes mgr-spin{to{transform:rotate(360deg)}}.mgr-stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.mgr-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm)}.mgr-stat-card.hot{border-left:3px solid var(--error)}.mgr-stat-card.overdue{border-left:3px solid var(--warning)}.mgr-stat-card.calls{border-left:3px solid var(--success)}.mgr-stat-card.visits{border-left:3px solid var(--brand-primary)}.mgr-stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.mgr-stat-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.mgr-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.mgr-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.mgr-chart-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0 0 16px}.mgr-emp-table{display:flex;flex-direction:column;gap:2px}.mgr-emp-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-primary);align-items:center}.mgr-emp-header{font-weight:600;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;background:var(--bg-surface);border-radius:var(--radius-sm)}.mgr-emp-row:hover:not(.mgr-emp-header){background:var(--bg-surface)}.mgr-emp-name{font-weight:500}.mgr-warn{color:var(--error);font-weight:600}.mgr-zero{color:var(--text-muted)}.mgr-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mgr-panel{margin-bottom:0}.mgr-empty{font-size:.875rem;color:var(--text-muted);padding:8px 0}.mgr-visit-list{display:flex;flex-direction:column;gap:8px}.mgr-visit-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.mgr-visit-item:last-child{border-bottom:none}.mgr-visit-info{display:flex;flex-direction:column;gap:2px}.mgr-visit-lead{font-size:.875rem;font-weight:600;color:var(--text-primary)}.mgr-visit-meta{font-size:.78rem;color:var(--text-secondary)}.mgr-visit-status{font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-primary)}.mgr-visit-status.conducted{background:var(--success);color:#fff}.mgr-visit-status.scheduled{background:var(--info);color:#fff}.mgr-visit-status.cancelled{background:var(--error);color:#fff}.mgr-overdue-list{display:flex;flex-direction:column;gap:8px}.mgr-overdue-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.mgr-overdue-item:last-child{border-bottom:none}.mgr-overdue-info{display:flex;flex-direction:column;gap:2px}.mgr-overdue-lead{font-size:.875rem;font-weight:600;color:var(--text-primary)}.mgr-overdue-meta{font-size:.78rem;color:var(--text-secondary)}.mgr-phone-link{color:var(--brand-primary);text-decoration:none}.mgr-phone-link:hover{text-decoration:underline}.mgr-overdue-days{font-size:.75rem;font-weight:700;color:var(--error);white-space:nowrap}@media (max-width: 1024px){.mgr-stat-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.mgr-dash{padding:16px 12px}.mgr-stat-row{grid-template-columns:repeat(2,1fr)}.mgr-panels{grid-template-columns:1fr}.mgr-emp-row{grid-template-columns:2fr 1fr 1fr}.mgr-emp-row>span:nth-child(4),.mgr-emp-row>span:nth-child(5){display:none}}.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:40px 20px;overflow-y:auto;animation:fadeIn var(--transition-base)}.project-form-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px #00000026;width:100%;max-width:650px;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:16px 20px 14px;border-bottom:1px solid var(--gray-200);position:sticky;top:0;background:var(--bg-primary);z-index:10;border-radius:12px 12px 0 0}.project-form-modal-header h2{font-size:1.125rem;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:20px 24px;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}.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}.project-form-modal-footer{padding:14px 20px;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;background:var(--bg-primary);border-radius:0 0 12px 12px}.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{color:#6b7280}.file-name{flex:1;font-weight:500;color:var(--text-primary)}.location-message{margin-top:8px;font-size:13px}.location-message.success{color:var(--success)}.location-message.warning{color:var(--warning)}.form-section-header-row-spaced{margin-top:12px}.file-dropzone-spaced,.btn-top-gap{margin-top:10px}.file-list-sm-gap{margin-top:8px}.file-list-md-gap{margin-top:10px}.form-grid-reduced-margin{margin-bottom:8px!important}.project-form-modal-body .file-list,.project-form-modal .file-list{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:0!important;grid-template-columns:none!important}.floor-plan-inline-input-sm{width:100px}.premium-amenity-modal-content{max-width:500px}.premium-image-preview-wrap{margin-top:10px}.premium-image-preview{max-width:100%;max-height:200px;border-radius:8px;border:1px solid var(--border-color)}.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-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);overflow-y:auto!important;-webkit-overflow-scrolling:touch}.form-row{grid-template-columns:1fr}.form-section{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.form-section-header-row{flex-direction:column;align-items:stretch;gap:var(--space-md);margin-bottom:var(--space-lg)}.form-section-title{font-size:1.125rem;margin-bottom:var(--space-sm)}.form-section-header-row .btn:not(.btn-icon-sm),.form-section-header-row .btn-secondary:not(.btn-icon-sm),.form-section-header-row .btn-sm:not(.btn-icon-sm){width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;padding:12px 16px!important;font-size:14px!important;min-height:44px;white-space:nowrap;text-align:center}}.amenities-grid{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.amenity-chip{background:var(--bg-surface);border:1px solid var(--border-color);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(--bg-card);border-color:var(--border-strong)}.amenity-chip.selected{background:var(--brand-primary-alpha, rgba(99,102,241,.12));border-color:var(--brand-primary, var(--primary));color:var(--brand-primary, 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}.custom-amenity-wrapper{margin-top:var(--space-md)}.custom-amenity-input-styled{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:var(--radius-lg);transition:all .2s ease}.custom-amenity-input-styled:focus-within{border-color:var(--brand-primary, var(--primary));border-style:solid;background:var(--bg-card);box-shadow:0 0 0 3px var(--brand-primary-alpha, rgba(99, 102, 241, .1))}.custom-amenity-icon{color:var(--text-muted)}.custom-amenity-input-styled input{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--text-primary);outline:none}.custom-amenity-input-styled input::placeholder{color:var(--text-muted)}.custom-amenity-add-btn{padding:6px 14px;background:var(--brand-primary, var(--primary));color:var(--text-on-brand, white);border:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.custom-amenity-add-btn:hover:not(:disabled){filter:brightness(1.1)}.custom-amenity-add-btn:disabled{opacity:.5;cursor:not-allowed}.selected-amenities-tags{margin-top:12px;padding:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.selected-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:8px}.selected-tags-list{display:flex;flex-wrap:wrap;gap:6px}.selected-amenity-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.75rem;color:var(--text-primary);font-weight:500}.remove-amenity-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#dc26261f;border:none;border-radius:50%;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer;line-height:1;transition:all .15s ease;margin-left:2px}.remove-amenity-btn:hover{background:#dc2626;color:#fff}.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;margin-top:20px}.form-group:has(.progress-slider) .form-label{position:absolute;top:0;left:12px;transform:translateY(-50%);font-size:.75rem;font-weight:500;color:#6b7280;background:var(--bg-primary);padding:0 6px;z-index:1}.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;align-items:stretch}}.premium-amenities-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.premium-amenity-card{display:grid;grid-template-columns:120px 1fr auto;gap:16px;padding:16px;background:var(--bg-primary);border:2px solid #e5e7eb;border-radius:8px;align-items:start;transition:all .3s}.premium-amenity-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.premium-amenity-card.new{border-color:#10b981;background:#f0fdf4}.premium-amenity-image{width:120px;height:90px;border-radius:6px;overflow:hidden;background:#f3f4f6}.premium-amenity-info{flex:1}.premium-amenity-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.premium-amenity-info .badge-new{display:inline-block;padding:2px 8px;background:#10b981;color:#fff;font-size:11px;font-weight:700;border-radius:4px;text-transform:uppercase}.premium-amenity-info .amenity-category{margin:0 0 8px;font-size:13px;font-weight:500;color:#6b7280;text-transform:capitalize}.premium-amenity-info .amenity-description{margin:0;font-size:14px;color:#4b5563;line-height:1.5}.premium-amenity-card .remove-amenity-btn{width:32px;height:32px;border-radius:50%;border:2px solid #ef4444;background:var(--bg-primary);color:#ef4444;font-size:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.premium-amenity-card .remove-amenity-btn:hover{background:#ef4444;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .2s}.modal-content{background:var(--bg-primary);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--gray-200)}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-header .close-btn{background:none;border:none;font-size:28px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-header .close-btn:hover{color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end}.form-hint{font-size:13px;color:#6b7280;margin:8px 0 16px;font-style:italic}@media (max-width: 768px){.premium-amenity-card{grid-template-columns:80px 1fr auto;gap:12px;padding:12px}.premium-amenity-image{width:80px;height:60px}.premium-amenity-info h4{font-size:14px}.premium-amenity-info .amenity-description{font-size:13px}}@media (max-width: 480px){.premium-amenity-card{grid-template-columns:1fr;gap:12px}.premium-amenity-image{width:100%;height:120px}.modal-content{width:100%;max-width:none;height:100%;max-height:none;border-radius:0}.modal-footer{padding:12px 16px;gap:8px;flex-direction:column-reverse;align-items:stretch}}.project-form-modal-body .form-group{margin-bottom:12px}.project-form-modal-body .form-grid{margin-bottom:8px}.project-form-modal-body .form-grid .form-group{min-height:60px}.project-form-modal-body .form-group label{margin-bottom:4px;font-size:13px;font-weight:500}.project-form-modal-body .form-group input,.project-form-modal-body .form-group select,.project-form-modal-body .form-group textarea{padding:8px 10px;font-size:14px}.project-form-modal-body .form-group textarea{min-height:60px}.project-form-modal-body .form-section{margin-bottom:20px;padding-bottom:0}.project-form-modal-body .form-section-title{font-size:15px;margin-bottom:30px}.project-form-modal-body .form-row{gap:12px}.existing-file-item{padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:10px}.existing-file-info{display:flex;align-items:center;gap:8px}.existing-file-info .file-icon{color:#6b7280}.existing-file-info .file-name{flex:1;font-size:13px;font-weight:500;color:#1f2937}.existing-file-info .file-actions{display:flex;gap:4px}.floor-plan-row{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;transition:all .15s ease}.floor-plan-row:hover{border-color:#d1d5db;background:#f3f4f6}.floor-plan-row.editing{border-color:#3b82f6;background:#eff6ff}.floor-plan-filename{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#1f2937;margin-bottom:4px}.floor-plan-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:#6b7280}.floor-plan-meta-item>span{font-weight:500;color:#6b7280;font-size:12px}.floor-plan-inline-input{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;min-width:140px;background:var(--bg-primary)}.floor-plan-inline-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.floor-plan-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:0;margin-bottom:0}.floor-plan-row .floor-plan-badge,.floor-plan-new-item .floor-plan-badge{display:inline-flex!important;align-items:center;gap:6px;padding:5px 12px;border-radius:5px;font-size:13px;font-weight:500;line-height:1;border:1px solid #e5e7eb;background:#f9fafb;color:#9ca3af;cursor:pointer;transition:all .15s ease;margin-bottom:0!important;position:relative;width:auto}.floor-plan-row .floor-plan-badge input[type=checkbox],.floor-plan-new-item .floor-plan-badge input[type=checkbox]{width:12px;height:12px;margin:0;cursor:inherit}.floor-plan-row .floor-plan-badge.popular.active,.floor-plan-new-item .floor-plan-badge.popular.active{background:#fef3c7;color:#92400e;border-color:#fcd34d}.floor-plan-row .floor-plan-badge.new.active,.floor-plan-new-item .floor-plan-badge.new.active{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.floor-plan-row .floor-plan-badge.best-value.active,.floor-plan-new-item .floor-plan-badge.best-value.active{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.project-form-modal-body .floor-plan-new-item,.project-form-modal .floor-plan-new-item,.floor-plan-new-item{display:flex!important;align-items:flex-start;gap:16px;padding:16px;background:#fffbeb;border:1px dashed #fbbf24;border-radius:8px;margin-bottom:12px;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;flex-shrink:0}.floor-plan-new-item .floor-plan-filename{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#1f2937}.floor-plan-new-item .floor-plan-actions{flex-shrink:0;align-self:center}.file-dropzone{padding:16px;border:2px dashed #d1d5db;border-radius:6px;text-align:center;cursor:pointer;transition:all .15s ease;background:#fafafa}.file-dropzone:hover{border-color:#3b82f6;background:#f0f9ff}.file-dropzone.disabled{opacity:.5;cursor:not-allowed}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:4px}.dropzone-icon{opacity:.6;color:var(--text-tertiary)}.dropzone-text{font-size:13px;color:#374151;margin:0}.dropzone-hint{font-size:11px;color:#9ca3af;margin:0}.premium-amenities-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.premium-amenity-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.premium-amenity-card.new{background:#fffbeb;border:1px dashed #fbbf24}.premium-amenity-image{width:48px;height:48px;border-radius:6px;overflow:hidden;background:#e5e7eb;flex-shrink:0}.premium-amenity-image img{width:100%;height:100%;object-fit:cover}.premium-amenity-info{flex:1;min-width:0}.premium-amenity-info h4{font-size:13px;font-weight:500;color:#1f2937;margin:0 0 2px}.premium-amenity-info .amenity-category{font-size:11px;color:#6b7280;margin:0;text-transform:capitalize}.premium-amenity-info .amenity-description{font-size:12px;color:#6b7280;margin:4px 0 0;line-height:1.3}.remove-amenity-btn{width:24px;height:24px;border:none;border-radius:4px;background:#fef2f2;color:#dc2626;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.remove-amenity-btn:hover:not(:disabled){background:#fee2e2}.remove-amenity-btn:disabled{opacity:.5;cursor:not-allowed}.existing-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:10px}.existing-image-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;border:1px solid #e5e7eb}.existing-image-thumbnail{width:100%;height:100%;object-fit:cover}.existing-image-actions{position:absolute;top:4px;right:4px}.existing-image-actions .file-action-btn{width:22px;height:22px;border-radius:4px;background:#ffffffe6;font-size:12px}@media (max-width: 768px){.floor-plan-row{flex-direction:column;align-items:stretch;gap:8px;position:relative;padding-top:40px}.floor-plan-actions{position:absolute;top:10px;right:12px;justify-content:flex-end}.floor-plan-badges{flex-wrap:wrap}.floor-plan-meta{flex-direction:column;gap:4px}}@media (max-width: 768px){.project-form-modal-overlay{padding:12px;align-items:flex-start}.project-form-modal{max-width:100%;max-height:calc(100vh - 24px);border-radius:10px}.project-form-modal-header{padding:14px 16px 12px}.project-form-modal-body{padding:14px 16px}}@media (max-width: 480px){.project-form-modal-header h2{font-size:1rem}}.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}.form-checkbox input[type=radio],.form-radio input[type=radio]{width:18px!important;height:18px!important;min-width:18px;min-height:18px;flex-shrink:0;cursor:pointer;transition:all .2s ease;accent-color:var(--primary, #6366f1)!important;border:none!important}.form-group .form-checkbox-group .form-checkbox,.form-group .form-radio-group-inline .form-radio{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.form-group .form-checkbox-group .form-checkbox span,.form-group .form-radio-group-inline .form-radio span{display:inline-block;line-height:18px}.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}.referral-source-options{display:flex;flex-wrap:wrap;gap:20px;margin-top:8px}.dashboard-container{padding:var(--space-md) var(--space-lg);width:100%;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{margin-bottom:12px}.page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;padding:0;letter-spacing:-.025em}.page-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0;padding:0;line-height:1.4}.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:0;flex:0 0 auto;background:var(--bg-primary);border:2px solid var(--primary);border-radius:var(--radius-full);padding:2px 4px 2px 12px;transition:all var(--transition-fast)}.filter-group-inline:hover{box-shadow:0 4px 12px #6366f126}.filter-label-inline{font-size:.6875rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.filter-select-inline{padding:var(--space-xs) var(--space-sm);border:none!important;border-radius:var(--radius-full);background:transparent!important;color:var(--text-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-height:28px;min-width:100px;outline:none!important;box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-select-inline option{border:none;background:#fff;padding:8px}.filter-select-inline:hover{background:#6366f10d}.filter-select-inline:focus{outline:none;background:#6366f11a}.filter-select-inline:disabled{opacity:.5;cursor:not-allowed;background:var(--gray-100);color:var(--gray-400)}.filter-group-inline .custom-datepicker-wrapper .custom-datepicker-input{border:none;background:transparent;padding:var(--space-xs) var(--space-sm);min-height:28px;box-shadow:none}.filter-group-inline .custom-datepicker-wrapper .custom-datepicker-input:hover,.filter-group-inline .custom-datepicker-wrapper .custom-datepicker-input:focus-within{border:none;box-shadow:none;background:transparent}.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-metrics-row{width:100%;margin-bottom:var(--space-md)}.dashboard-two-column{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-items:start}.dashboard-column-left,.dashboard-column-right{min-width:0}.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) var(--space-md)}.dashboard-two-column,.dashboard-content-grid{grid-template-columns:1fr;gap:var(--space-md)}.dashboard-metrics-row{margin-bottom:var(--space-md)}.dashboard-column-left,.dashboard-column-right{width:100%}.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-md) var(--space-xl)}.dashboard-two-column{display:flex;flex-direction:column;gap:var(--space-lg)}.dashboard-metrics-row{margin-bottom:var(--space-lg)}.dashboard-column-left,.dashboard-column-right{width:100%}.dashboard-header-compact{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.dashboard-filters-compact{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--space-sm);flex:1 1 auto;justify-content:flex-end}.filter-group-inline{flex:0 1 auto;min-width:auto;flex-direction:row;align-items:center;padding:2px 4px 2px 12px;gap:0;border-radius:var(--radius-full);border-width:2px}.filter-label-inline{font-size:.6875rem;flex-shrink:0}.filter-select-inline{flex:1;min-width:80px;padding:var(--space-xs) var(--space-sm);font-size:.8125rem;min-height:28px}.filter-group-inline .custom-datepicker-wrapper{flex:1;min-width:auto}.filter-group-inline .custom-datepicker-wrapper .custom-datepicker-input{padding:var(--space-xs) var(--space-sm);font-size:.8125rem;min-height:28px;min-width:auto}.section-header,.client-item{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}@media (max-width: 640px){.dashboard-container{padding:var(--space-md) var(--space-lg)}.dashboard-two-column{display:flex;flex-direction:column;gap:var(--space-lg)}.dashboard-metrics-row{margin-bottom:var(--space-lg)}.dashboard-header-compact{flex-direction:row;flex-wrap:wrap;gap:var(--space-md)}.dashboard-filters-compact{flex-direction:row;flex-wrap:nowrap;gap:var(--space-sm)}.filter-group-inline{flex:0 1 auto;padding:2px 4px 2px 10px}.section-title,.client-value{font-size:1rem}}@media (max-width: 480px){.dashboard-container{padding:var(--space-md) var(--space-md)}.dashboard-two-column{gap:var(--space-lg)}.dashboard-metrics-row{margin-bottom:var(--space-md)}.dashboard-header-compact{flex-direction:column;align-items:stretch;gap:var(--space-md)}.dashboard-filters-compact{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xs)}.filter-group-inline{flex:1 1 auto;min-width:120px}}.dashboard-breakdown-table-wrap{overflow-x:auto;border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #fff)}.dashboard-breakdown-table{width:100%;border-collapse:collapse;font-size:.875rem}.dashboard-breakdown-table th,.dashboard-breakdown-table td{padding:.65rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb);text-align:left}.dashboard-breakdown-table th{font-weight:600;color:var(--text-secondary);background:var(--bg-secondary, #f9fafb)}.dashboard-breakdown-table tbody tr:last-child td{border-bottom:none}@media print{.dashboard-container{padding:0}.dashboard-filters{display:none}.section-header{background:#fff;border-bottom:2px solid #000}.client-item{break-inside:avoid}}.lead-list{animation:fadeIn var(--transition-base)}.referral-option *,.referral-option :after,.referral-option :before{box-sizing:border-box}.referral-option{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none}.referral-option .cbx{position:relative;display:block;float:left;width:18px;height:18px;border-radius:4px;background-color:#d1d5db;background-image:linear-gradient(#e5e7eb,#d1d5db);box-shadow:inset 0 1px 1px #ffffff26,inset 0 -1px 1px #00000026;transition:all .15s ease}.referral-option .cbx svg{position:absolute;top:3px;left:3px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#fff;stroke-width:2;stroke-dasharray:17;stroke-dashoffset:17;transform:translateZ(0)}.referral-option .cbx+span{float:left;margin-left:8px;font-size:.875rem;color:#374151;line-height:18px}.referral-option input[type=checkbox]{display:none;visibility:hidden}.referral-option input[type=checkbox]:checked+.cbx{background-color:#6366f1;background-image:linear-gradient(#7c3aed,#6366f1)}.referral-option input[type=checkbox]:checked+.cbx svg{stroke-dashoffset:0;transition:all .15s ease}.referral-option input[type=checkbox]:disabled+.cbx{opacity:.5;cursor:not-allowed}[data-theme=dark] .referral-option .cbx{background-color:#4b5563;background-image:linear-gradient(#374151,#4b5563)}[data-theme=dark] .referral-option .cbx+span{color:var(--text-secondary)}[data-theme=dark] .referral-option input[type=checkbox]:checked+.cbx{background-color:#6366f1;background-image:linear-gradient(#7c3aed,#6366f1)}.overdue-badge,.overdue-badge-small,.overdue-badge-header{background:#ef4444!important;color:#fff!important;border:1px solid #dc2626}.overdue-badge-header svg,.overdue-badge svg,.overdue-badge-small svg{color:#fff!important}[data-theme=dark] .overdue-badge,[data-theme=dark] .overdue-badge-small,[data-theme=dark] .overdue-badge-header{background:#ef4444!important;color:#fff!important;border:1px solid #dc2626}[data-theme=dark] .overdue-badge-header svg,[data-theme=dark] .overdue-badge svg,[data-theme=dark] .overdue-badge-small svg{color:#fff!important}.mobile-checkbox-label{display:inline-flex;align-items:center;flex-shrink:0}.mobile-checkbox-label .cbx{margin:0}.mobile-checkbox-label .cbx+span{display:none}.leads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-sm)}.lead-card{background:var(--bg-primary);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:visible;animation:slideUp var(--transition-base) both;display:flex;flex-direction:column;gap:6px}.lead-card:hover{box-shadow:0 8px 24px #00000029;border-color:var(--brand-primary, var(--primary))}.lead-card:active{box-shadow:0 4px 12px #0000001f;border-color:var(--brand-primary, var(--primary))}.lead-card-header{display:flex;flex-direction:row;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--gray-100);min-height:0}.lead-card-title-section{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;flex:1}.lead-card-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-status-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.lead-card-body{display:flex;flex-direction:column;gap:4px;flex:1;overflow:visible}.lead-info-item{display:flex;align-items:center;gap:6px;padding:0;min-height:0;line-height:1.3;overflow:visible}.lead-info-icon{flex-shrink:0;width:12px;height:12px;color:var(--text-secondary);opacity:.7}.lead-info-text{font-size:.75rem;color:var(--text-secondary);flex:1;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-project-not-assigned{color:#64748b!important;cursor:pointer!important;text-decoration:none!important;position:relative;z-index:10;font-size:.75rem!important;font-weight:500!important;display:inline-block!important;visibility:visible!important;opacity:1!important;width:auto!important;max-width:none!important;flex:1!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.lead-project-assigned{color:var(--primary-color, #6366f1)!important;cursor:pointer!important;text-decoration:underline!important;position:relative;z-index:10;font-size:.75rem!important;display:inline!important;visibility:visible!important;opacity:1!important}.lead-card-footer{padding-top:6px;border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center;margin-top:auto}.lead-date{font-size:.6875rem;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:12px}.lead-card{padding:12px}.lead-card-name{font-size:1rem}.lead-card-title-section{flex-direction:row;align-items:center}.editable-section{padding:10px}}@media (max-width: 480px){.lead-card{padding:12px}.lead-card-name{font-size:.9375rem}.lead-info-text{font-size:.8125rem}.editable-section{padding:8px;gap:6px}.editable-label{font-size:.6rem}.card-select,.card-date-input{font-size:.7rem;padding:4px 6px;height:28px}}.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-desktop{width:100%;border-collapse:collapse}.leads-table th{background-color:var(--gray-50);padding:10px 12px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.8125rem;border-bottom:1px solid var(--gray-200);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.leads-table td{padding:10px 12px;border-bottom:1px solid var(--gray-100);color:var(--text-primary);font-size:.875rem;vertical-align:middle;line-height:normal;transition:background-color var(--transition-base)}.leads-table .col-status .lead-status-badge{display:inline-block;vertical-align:middle;line-height:normal}.leads-table .col-date,.leads-table .col-status{vertical-align:middle;padding-top:16px!important;padding-bottom:16px!important}.leads-table .col-date .date-text{display:inline-block;vertical-align:middle;line-height:normal}.leads-table tr{cursor:pointer}.leads-table tr:nth-child(2n) td{background-color:var(--gray-50)}.leads-table tr:hover td{background-color:var(--gray-100)}.leads-table tr:last-child td{border-bottom:none}.leads-table .cell-name{font-weight:600;color:var(--primary)}.leads-table .col-note{min-width:110px}.th-sort-wrap{display:flex;align-items:center;gap:6px}.th-sort-label{flex:0 0 auto}.th-sort-btn-wrap{position:relative;flex:0 0 auto}.th-sort-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-secondary, #64748b);cursor:pointer;transition:background-color .15s,color .15s}.th-sort-btn:hover{background:var(--gray-200, #e2e8f0);color:var(--text-primary, #334155)}.th-sort-btn.active{background:var(--primary-light, rgba(59, 130, 246, .15));color:var(--primary, #3b82f6)}.th-sort-icon{flex-shrink:0}.th-sort-dropdown{position:absolute;top:100%;left:0;z-index:50;min-width:140px;margin-top:2px;padding:4px 0;background:var(--bg-primary, #fff);border:1px solid var(--gray-200, #e2e8f0);border-radius:6px;box-shadow:0 4px 12px #0000001a}.th-sort-option{display:block;width:100%;padding:6px 12px;text-align:left;border:none;background:none;color:var(--text-primary, #334155);font-size:.8125rem;cursor:pointer;white-space:nowrap}.th-sort-option:hover{background:var(--gray-100, #f1f5f9)}.leads-table .col-select{width:40px;padding:10px 8px;text-align:center}.leads-table td.col-select{padding:10px 8px;text-align:center}.leads-table .col-select+th,.leads-table td.col-select+td{padding-left:8px}.name-cell-wrap{display:flex;align-items:center;justify-content:space-between;gap:8px}.lead-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-note-btn{min-width:0!important;width:fit-content!important;border:1px solid var(--border-subtle, rgba(148, 163, 184, .35));background:var(--bg-card);color:var(--text-primary);border-radius:999px;padding:6px 12px;min-height:32px;font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;line-height:1.1;display:inline-flex;align-items:center;justify-content:center}.quick-note-btn:hover{color:var(--brand-primary, var(--primary));border-color:var(--border-color);background:var(--brand-primary-alpha, rgba(37, 99, 235, .12))}.table-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;cursor:pointer}.select-head-wrap{display:inline-flex;align-items:center;gap:8px}.leads-mobile-cards{display:none;flex-direction:column;gap:10px;padding:12px}.lead-mobile-card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:10px;padding:12px;cursor:pointer;transition:all .15s ease;animation:slideUp .2s ease-out both}.lead-mobile-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000014}.lead-mobile-card.selected{border-color:var(--primary);background:#6366f10a}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.mobile-card-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.mobile-lead-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card-header .lead-status-badge{font-size:.65rem;padding:3px 9px;border-radius:999px;white-space:nowrap;flex-shrink:0}.mobile-card-body{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.mobile-info-row{display:flex;align-items:center;gap:8px}.mobile-icon{flex-shrink:0}.mobile-info-text{font-size:.8125rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-followup{background:var(--blue-50, #eff6ff);padding:6px 10px;border-radius:6px;margin-top:4px}.mobile-followup .mobile-info-text{color:var(--primary);font-weight:500;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mobile-followup.overdue{background:var(--red-50, #fef2f2)}.mobile-followup.overdue .mobile-info-text{color:var(--error, #ef4444)}.mobile-followup.today{background:var(--orange-50, #fff7ed)}.mobile-followup.today .mobile-info-text{color:var(--warning-dark, #d97706)}.today-badge-small,.overdue-badge-small{font-size:.5625rem;padding:1px 5px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.today-badge-small{background:var(--warning, #f59e0b);color:#fff}.overdue-badge-small{background:#ef4444!important;color:#fff!important;border:1px solid #dc2626}.mobile-card-actions{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--gray-100)}.mobile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border:1px solid var(--gray-200);border-radius:6px;font-size:.75rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .15s ease;background:var(--bg-primary);color:var(--text-secondary)}.mobile-action-btn:hover{border-color:var(--primary);color:var(--primary)}.mobile-action-btn.call{color:#10b981;border-color:#10b981}.mobile-action-btn.call:hover{background:#10b981;color:#fff}.mobile-action-btn.whatsapp{color:#25d366;border-color:#25d366}.mobile-action-btn.whatsapp:hover{background:#25d366;color:#fff}.mobile-action-btn.edit{color:var(--primary);border-color:var(--primary)}.mobile-action-btn.edit:hover{background:var(--primary);color:#fff}.mobile-action-btn.note{color:#2563eb;border-color:#93c5fd}.mobile-action-btn.note:hover{background:#2563eb;color:#fff}@media (max-width: 900px){.leads-table-desktop{display:none}.leads-mobile-cards{display:flex}.leads-table-container{background:transparent;border:none;box-shadow:none;overflow:visible}}@media (max-width: 480px){.leads-mobile-cards{padding:8px;gap:8px}.lead-mobile-card{padding:10px}.mobile-lead-name{font-size:.9375rem}.mobile-info-text{font-size:.8125rem}.mobile-action-btn{padding:8px 10px;font-size:.75rem}}.followup-item{background:transparent;border-radius:6px;padding:0!important;margin-top:6px;display:flex;flex-direction:column;gap:4px}.followup-item .lead-info-icon{color:var(--primary);align-self:flex-start;margin-top:8px}.followup-item .lead-info-text{color:var(--primary);font-weight:500;display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%}.followup-item.overdue{background:var(--red-50, #fef2f2)}.followup-item.overdue .lead-info-icon,.followup-item.overdue .lead-info-text{color:var(--error, #ef4444)}.overdue-badge{background:#ef4444!important;color:#fff!important;border:1px solid #dc2626;font-size:.625rem;padding:1px 6px;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.followup-item.today{background:var(--orange-50, #fff7ed)}.followup-item.today .lead-info-icon{color:var(--warning, #f59e0b)}.followup-item.today .lead-info-text{color:var(--warning-dark, #d97706)}.today-badge{background:var(--warning, #f59e0b);color:#fff;font-size:.625rem;padding:1px 6px;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.followup-date{font-size:.875rem;padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap}.followup-date.overdue{background:var(--red-50, #fef2f2);color:var(--error, #ef4444);font-weight:600}.followup-date.today{background:var(--orange-50, #fff7ed);color:var(--warning-dark, #d97706);font-weight:600}.schedule-followup-btn{display:flex;align-items:center;gap:3px;padding:4px 8px;background:var(--primary, #6366f1);color:#fff;border:none;border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000001a}.schedule-followup-btn:hover{background:var(--primary-dark, #4f46e5);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.schedule-followup-btn svg{flex-shrink:0}.schedule-followup-btn.has-followup{background:var(--warning, #f59e0b);color:#fff}.schedule-followup-btn.has-followup:hover{background:var(--warning-dark, #d97706)}.quick-note-card-btn{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle, rgba(148, 163, 184, .35));box-shadow:none}.schedule-followup-btn.quick-note-card-btn{min-height:30px;padding:0 10px;border-radius:8px}.quick-note-card-btn:hover{background:var(--brand-primary-alpha, rgba(37, 99, 235, .12));color:var(--brand-primary, var(--primary));border-color:var(--border-color)}.footer-actions{display:flex;align-items:center;gap:6px}.lead-info-text.followup-text{overflow:visible;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.header-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.overdue-badge-header{background:#ef4444!important;color:#fff!important;border:1px solid #dc2626;font-size:.5625rem;padding:5px;border-radius:999px;font-weight:600;display:inline-flex;align-items:center;gap:2px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.today-badge{background:var(--warning, #f59e0b);color:#fff;font-size:.6875rem;padding:2px 6px;border-radius:var(--radius-sm, 4px);font-weight:600;margin-left:4px}.filter-item-status,.filter-item-source,.filter-item-assigned,.multi-select-dropdown{position:relative}.multi-select-option input[type=checkbox]{display:none}.checkbox-custom{width:16px;height:16px;border:1.5px solid #b0b8c4;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:border-color .12s ease;flex-shrink:0;background:#fff;position:relative}.multi-select-option input[type=checkbox]:checked+.checkbox-custom{border-color:#6366f1;background:#6366f1}.multi-select-option input[type=checkbox]:checked+.checkbox-custom:after{border-color:#fff;transform:rotate(45deg) scale(1)}.option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-select,.card-select{padding:4px 20px 4px 6px;border:1.5px solid var(--gray-200);border-radius:5px;background:var(--gray-50);font-size:.7rem;color:var(--text-primary);width:100%;box-sizing:border-box;cursor:pointer;transition:all .2s ease;font-weight:500;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.table-select:hover,.card-select:hover{border-color:var(--primary);background:var(--bg-primary)}.table-select:focus,.card-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a;background:var(--bg-primary)}.table-date-input,.card-date-input,.mobile-date-input{padding:4px 22px 4px 6px;border:1.5px solid var(--gray-200);border-radius:5px;font-size:.7rem;color:var(--text-primary);transition:all .2s ease;cursor:pointer;background:var(--gray-50);font-weight:500;width:100%;min-width:0;box-sizing:border-box;height:28px}.table-date-input:hover,.card-date-input:hover,.mobile-date-input:hover{border-color:var(--primary);background:var(--bg-primary)}.table-date-input:focus,.card-date-input:focus,.mobile-date-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a;background:var(--bg-primary)}.date-input-wrapper{display:flex;align-items:center;width:100%}.card-date-input{width:100%;padding-right:22px}@supports (-webkit-appearance: none){.card-date-input{padding-right:24px}}.mobile-date-input{font-size:.8125rem;padding:2px 6px;width:auto}.mobile-select{padding:2px 6px;border:1px solid var(--gray-300);border-radius:4px;background:var(--bg-primary);font-size:.8125rem;max-width:120px}.table-date-input.overdue,.card-date-input.overdue{border-color:var(--error);color:var(--error);background:var(--red-50);font-weight:600}.table-date-input.today,.card-date-input.today{border-color:var(--warning);color:var(--warning-dark);background:var(--orange-50);font-weight:600}.editable-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:6px 8px;padding:10px;background:var(--gray-50);border-radius:6px;margin-top:6px;align-items:start}.editable-field{display:flex;flex-direction:column;gap:4px;min-width:0;overflow:visible;align-self:start}.editable-field .card-select,.editable-field .card-date-input,.editable-field .card-readonly-assigned{width:100%;box-sizing:border-box;height:34px;padding:6px 8px;font-size:.75rem;border:1.5px solid var(--gray-200);border-radius:5px;background:var(--bg-primary);color:var(--text-primary);display:flex;align-items:center}.editable-field .custom-datepicker-wrapper{width:100%}.editable-field .custom-datepicker-input{min-height:34px;height:34px;min-width:100%;width:100%;padding:6px 8px;font-size:.75rem;box-sizing:border-box;display:flex;align-items:center}.editable-label{font-size:.65rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:3px;white-space:nowrap}.editable-label svg{width:10px;height:10px;opacity:.7;flex-shrink:0}.card-readonly-assigned{padding:6px 8px;font-size:.75rem;color:var(--text-secondary);width:100%;box-sizing:border-box;border:1.5px solid transparent;border-radius:5px;height:34px;display:flex;align-items:center}@media (max-width: 280px){.editable-section{grid-template-columns:1fr;gap:8px}}.text-error{color:var(--error, #ef4444)!important}.text-warning{color:var(--warning-dark, #d97706)!important}@media (min-width: 1400px){.leads-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (min-width: 1200px) and (max-width: 1399px){.leads-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (min-width: 900px) and (max-width: 1199px){.leads-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (min-width: 600px) and (max-width: 899px){.leads-grid{grid-template-columns:repeat(2,1fr);gap:12px}.lead-card{padding:12px}.editable-section{padding:10px;gap:6px 8px;grid-template-columns:.85fr 1.15fr}.editable-label{font-size:.65rem}.editable-field .card-select,.editable-field .card-date-input,.editable-field .card-readonly-assigned{font-size:.75rem;padding:6px 8px;height:34px}.editable-field .custom-datepicker-input{height:34px;min-height:34px;padding:6px 8px;font-size:.75rem}}@media (max-width: 599px){.leads-grid{grid-template-columns:1fr}.editable-section{padding:10px;gap:8px 8px;grid-template-columns:.8fr 1.2fr}.editable-field .custom-datepicker-input{height:36px;min-height:36px;padding:8px 10px;font-size:.8125rem}.editable-field .card-select,.editable-field .card-readonly-assigned{height:36px;padding:8px 10px;font-size:.8125rem}}.lead-project-dropdown-wrapper{position:relative;display:inline-block}.project-assignment-dropdown{position:absolute;top:100%;left:0;min-width:220px;max-width:300px;max-height:280px;overflow-y:auto;background-color:#fff;border:2px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;margin-top:4px}.project-dropdown-empty{padding:12px;color:#6b7280;font-size:14px;text-align:center}.project-dropdown-item{padding:10px 14px;cursor:pointer;font-size:14px;color:#1f2937;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.project-dropdown-item:last-child{border-bottom:none}.project-dropdown-item:hover{background-color:#f9fafb}[data-theme=dark] .project-assignment-dropdown{background-color:#1f2937;border:2px solid #4b5563;box-shadow:0 4px 12px #0006}[data-theme=dark] .project-dropdown-empty{color:#9ca3af}[data-theme=dark] .project-dropdown-item{color:#f9fafb;border-bottom-color:#374151}[data-theme=dark] .project-dropdown-item:hover{background-color:#374151}.lead-card:has(.project-assignment-dropdown){z-index:100}.lead-flowchart{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.lead-flowchart h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.flowchart-container{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.75rem 0}.flowchart-path{display:flex;align-items:center;justify-content:space-between;min-width:550px;gap:.5rem;position:relative}.flowchart-stage{flex:1;min-width:85px;display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-surface);position:relative;transition:all .25s ease}.flowchart-stage:hover,.flowchart-stage[style*="cursor: pointer"]:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.flowchart-stage.completed{border-color:#22c55e73;background:#22c55e1a}.flowchart-stage.current{border-color:#3b82f6a6;background:#3b82f61f;box-shadow:0 0 0 3px #3b82f629;animation:pulse 2s infinite}.flowchart-stage.future{border-color:var(--border-color);background:var(--bg-surface);opacity:.7}.flowchart-stage.lost{border-color:var(--border-strong);background:var(--bg-surface)}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #3b82f629}50%{box-shadow:0 0 0 6px #3b82f61a}}.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:var(--text-on-brand)}.stage-label{font-weight:500;font-size:.85rem;text-align:center;color:var(--text-primary);line-height:1.2;word-break:break-word}.current-indicator{position:absolute;top:-10px;background:var(--brand-primary, var(--primary));color:var(--text-on-brand);padding:.125rem .375rem;border-radius:10px;font-size:.625rem;font-weight:700}.completed-check{position:absolute;top:-6px;right:-6px;background:var(--success);color:var(--text-on-brand);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.625rem}.flowchart-connector{flex:0 0 20px;display:flex;align-items:center;justify-content:center;position:relative;height:2px}.connector-line{width:100%;height:2px;background:var(--border-color);position:absolute}.flowchart-connector.completed .connector-line{background:var(--success)}.connector-arrow{position:absolute;right:0;color:var(--border-strong);font-size:.875rem}.flowchart-connector.completed .connector-arrow{color:var(--success)}.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:var(--text-secondary)}.lost-from-label{font-size:.75rem;color:var(--text-secondary);font-style:italic}.lost-indicator{display:flex;flex-direction:column;align-items:center;padding:1rem;border:2px solid var(--border-strong);border-radius:8px;background:var(--bg-surface);min-width:100px}.lost-icon{font-size:2rem;margin-bottom:.5rem}.lost-label{font-weight:500;color:var(--text-secondary)}[data-theme=dark] .flowchart-stage.completed{border-color:#4ade8080;background:#22c55e2e}[data-theme=dark] .flowchart-stage.current{border-color:#60a5fab3;background:#3b82f638}@media (max-width: 768px){.lead-flowchart{padding:1rem}.lead-flowchart h3{font-size:1.125rem;margin-bottom:.85rem}.flowchart-path{min-width:520px;gap:.375rem}.flowchart-stage{min-width:75px;padding:.75rem .375rem}.stage-icon{width:40px;height:40px;font-size:1.25rem}.stage-label{font-size:.75rem}.flowchart-connector{flex:0 0 25px}}@media (max-width: 480px){.flowchart-path{min-width:480px}.flowchart-stage{min-width:68px;padding:.625rem .25rem}.stage-icon{width:35px;height:35px;font-size:1rem}.stage-label{font-size:.6875rem}.flowchart-connector{flex:0 0 20px}}.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:#e5e7eb;color:#6b7280;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:#fef2f2;color:#dc2626;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:var(--bg-primary);border-radius:12px;padding:0}.notes-header{margin-bottom:16px}.notes-header h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.add-note-form{margin-bottom:20px;padding:16px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px}.add-note-form .error-message,.note-input-wrapper{margin-bottom:12px}.note-input{width:100%;padding:10px 12px;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;font-family:inherit;resize:none;min-height:48px;max-height:200px;overflow-y:auto;background:var(--bg-primary);transition:border-color .2s,box-shadow .2s;line-height:1.5}.note-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a237e1a}.note-input::placeholder{color:var(--text-tertiary)}.file-upload-wrapper{margin-bottom:12px}.file-upload-wrapper .file-upload-container{width:100%}.file-upload-wrapper .file-dropzone{width:100%;min-height:60px;padding:12px}.note-actions-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.note-type-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.note-type-select{padding:10px 14px;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;background:var(--bg-primary);cursor:pointer;min-width:110px;transition:border-color .2s}.note-type-select:focus{outline:none;border-color:var(--primary)}.scheduled-date-input{padding:10px 12px;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;background:var(--bg-primary);min-width:130px}.scheduled-date-input:focus{outline:none;border-color:var(--primary)}.scheduled-time-input{padding:10px 12px;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;background:var(--bg-primary);min-width:100px}.scheduled-time-input:focus{outline:none;border-color:var(--primary)}.add-note-btn{padding:10px 20px;font-size:.875rem;font-weight:600;white-space:nowrap}.meeting-options-row{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.meeting-link-input{flex:1;min-width:200px;padding:10px 14px;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;background:var(--bg-primary)}.meeting-link-input:focus{outline:none;border-color:var(--primary)}.reminder-checkbox{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.reminder-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.notes-list{max-height:500px;overflow-y:auto;-webkit-overflow-scrolling:touch}.no-notes{text-align:center;padding:40px 20px;color:var(--text-tertiary)}.no-notes-icon{font-size:2.5rem;margin-bottom:12px;opacity:.5}.no-notes p{margin:0;font-size:.9375rem}.notes-status-group{margin-bottom:12px}.note-unified-card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:10px;padding:0;margin-bottom:10px;transition:all .2s ease;overflow:hidden}.note-unified-card:hover{border-color:var(--gray-300);box-shadow:0 2px 8px #0000000f}.note-unified-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--gray-50);border-bottom:1px solid var(--gray-100)}.note-header-left{display:flex;align-items:center;gap:10px}.status-pill{padding:4px 10px;border-radius:12px;color:#fff;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.note-count-label{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.note-header-actions{display:flex;align-items:center;gap:8px}.note-action-btn{background:var(--gray-100);border:1px solid var(--gray-200);padding:6px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.note-action-btn:hover{background:var(--gray-200);border-color:var(--gray-300)}.note-action-btn.edit-btn:hover{background:var(--primary-bg);border-color:var(--primary-light);color:var(--primary)}.note-action-btn.delete-btn{background:transparent;border-color:#e5e7eb;color:#6b7280}.note-action-btn.delete-btn:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.action-text{font-size:.75rem}.note-author-row{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}.note-author-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.note-author{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.note-timestamp{font-size:.75rem;color:var(--text-tertiary);margin-left:auto}.note-type-badge{padding:3px 8px;background:var(--primary-bg);color:var(--primary);border-radius:10px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.note-unified-content{padding:0 14px 12px;color:var(--text-secondary);font-size:.8125rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.note-card-details{display:flex;flex-wrap:wrap;gap:12px;margin:0 14px 10px;padding-top:10px;border-top:1px solid var(--gray-100)}.note-detail-item{display:flex;align-items:center;gap:6px;font-size:.75rem}.detail-icon{font-size:.8125rem}.detail-text{color:var(--text-secondary)}.detail-link{color:var(--primary);text-decoration:none;font-weight:500}.detail-link:hover{text-decoration:underline}.note-card-files{margin:0 14px 12px;padding-top:10px;border-top:1px solid var(--gray-100)}.files-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.files-icon{font-size:.875rem}.files-count{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.files-list{display:flex;flex-wrap:wrap;gap:6px}.file-chip-interactive{display:inline-flex;align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;font-size:.75rem;max-width:220px;overflow:hidden;transition:all .2s}.file-chip-interactive:hover{border-color:var(--gray-300);box-shadow:0 2px 4px #00000014}.file-chip-content{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;flex:1;min-width:0}.file-chip-content:hover{background:var(--gray-100)}.file-remove-btn{background:transparent;border:none;border-left:1px solid var(--gray-200);padding:6px 8px;cursor:pointer;color:var(--text-tertiary);font-size:.75rem;transition:all .2s}.file-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;font-size:.75rem;max-width:200px}.file-chip-icon{font-size:.875rem;flex-shrink:0}.file-chip-name{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.file-chip-size{color:var(--text-tertiary);font-size:.6875rem;flex-shrink:0}.note-meeting-link a{color:var(--primary);text-decoration:none}@media (max-width: 768px){.add-note-form{padding:12px}.note-input{min-height:44px;font-size:.875rem}.note-actions-row{flex-direction:column;align-items:stretch;gap:10px}.note-type-group{width:100%}.note-type-select,.scheduled-time-input{flex:1;min-width:unset}.add-note-btn{width:100%;justify-content:center}.meeting-options-row{flex-direction:column}.meeting-link-input{min-width:unset;width:100%}.notes-list{max-height:400px}.note-unified-header{padding:8px 12px}.note-author-row{padding:10px 12px 6px}.note-unified-content{padding:0 12px 10px}.note-card-details{margin:0 12px 8px}.note-card-files{margin:0 12px 10px}.note-author-avatar{width:24px;height:24px;font-size:.6875rem}.note-author{font-size:.75rem}.note-timestamp{font-size:.6875rem}.note-type-badge{font-size:.5625rem;padding:2px 6px}.status-pill{font-size:.5625rem;padding:3px 8px}.note-count-label{font-size:.6875rem}.note-action-btn{padding:6px 10px;gap:4px}.action-text{font-size:.6875rem}.file-chip{max-width:160px}.file-chip-name{font-size:.6875rem}}@media (max-width: 480px){.add-note-form{padding:10px}.notes-header h3{font-size:1rem}.note-input{padding:8px 10px;min-height:40px}.note-type-group{flex-direction:column;gap:8px}.note-type-select,.scheduled-time-input{width:100%}.note-unified-header{flex-wrap:wrap;gap:8px}.note-header-left{flex:1}.note-header-actions{gap:6px}.note-action-btn{padding:5px 8px;gap:4px}.action-text{display:none}.file-remove-btn.mobile-visible{display:flex}.note-author-row{gap:8px;padding:10px 12px 6px}.note-author{font-size:.75rem}.note-timestamp{font-size:.6875rem;margin-left:auto}.note-type-badge{font-size:.5625rem;padding:2px 6px;margin-left:0}.note-card-details{flex-direction:column;gap:6px}.file-chip,.file-chip-interactive{max-width:100%}.no-notes{padding:30px 16px}.no-notes-icon{font-size:2rem}.scheduled-date-input,.scheduled-time-input{min-width:unset;flex:1}}[data-theme=dark] .note-type-select{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .note-type-select option{background:var(--bg-surface)!important;color:var(--text-primary)!important}.note-edit-wrapper{padding:0 14px 12px}.note-edit-input{width:100%;padding:10px 12px;border:2px solid var(--primary);border-radius:8px;font-size:.8125rem;font-family:inherit;resize:vertical;min-height:60px;background:var(--bg-primary);line-height:1.5}.note-edit-input:focus{outline:none;box-shadow:0 0 0 3px #1a237e26}.edit-file-upload{margin-top:10px;padding-top:10px;border-top:1px dashed var(--gray-300)}.add-attachment-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--gray-50);border:1px dashed var(--gray-300);border-radius:8px;color:var(--primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.add-attachment-btn:hover{background:var(--primary-bg);border-color:var(--primary)}.add-attachment-btn .add-icon{font-size:1rem;font-weight:700}.edit-files-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.edit-file-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--primary-bg);border-radius:6px;font-size:.75rem;color:var(--primary)}.edit-file-chip button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.875rem;padding:0 2px;opacity:.7}.edit-file-chip button:hover{opacity:1}.add-file-btn-inline{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--primary);color:#fff;border-radius:50%;font-size:1rem;font-weight:700;cursor:pointer;margin-left:8px;transition:all .2s}.add-file-btn-inline:hover{background:var(--primary-dark);transform:scale(1.1)}.file-remove-btn{display:none;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gray-100);border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;font-size:.75rem;transition:all .2s;flex-shrink:0}.file-remove-btn:hover{background:#fee2e2;color:#dc2626}.file-chip-interactive:hover .file-remove-btn{display:flex}.note-action-btn.save-btn{background:var(--primary);border-color:var(--primary);color:#fff}.note-action-btn.save-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.note-action-btn.cancel-btn{background:var(--gray-100);border-color:var(--gray-300);color:var(--text-secondary)}.note-action-btn.cancel-btn:hover{background:var(--gray-200)}.file-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;flex-direction:column;z-index:10000}.file-preview-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#1e1e1efa;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.topbar-filename{font-size:.9375rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.topbar-btn:hover{background:#ffffff40!important;border-color:#ffffff80!important;color:#fff!important}.topbar-btn.download-btn{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;font-weight:600;padding:10px 18px}.topbar-btn.download-btn .btn-text{color:#fff!important;font-weight:600}.topbar-btn.download-btn svg{stroke:#fff!important}.topbar-btn.download-btn:hover{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important;box-shadow:0 4px 12px #3b82f680;transform:translateY(-1px)}.topbar-btn.close-btn{padding:8px;border:none;background:#ffffff26}.topbar-btn.close-btn:hover{background:#ff646466!important;color:#ff6b6b!important}.topbar-btn svg{flex-shrink:0}.file-preview-area{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;overflow:auto}.preview-image{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain;border-radius:4px;box-shadow:0 4px 20px #0006}.preview-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#ffffffb3;font-size:.9375rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#1a73e8;border-radius:50%;animation:spin 1s linear infinite}.preview-fallback{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:40px}.fallback-icon{font-size:4rem;opacity:.9}.fallback-filename{font-size:1.125rem;font-weight:500;color:#fff;max-width:400px;word-break:break-word}.fallback-download-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#1a73e8;border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.fallback-download-btn:hover{background:#1557b0;transform:translateY(-1px)}.fallback-download-btn svg{flex-shrink:0}@media (max-width: 768px){.file-preview-topbar{padding:10px 14px}.topbar-filename{font-size:.8125rem;max-width:180px}.topbar-btn{padding:6px 10px;font-size:.75rem}.topbar-btn .btn-text{display:none}.topbar-btn.download-btn{padding:8px}.file-preview-area{padding:20px}.preview-image{max-height:calc(100vh - 100px)}.fallback-icon{font-size:3rem}.fallback-filename{font-size:1rem;max-width:280px}.fallback-download-btn{padding:10px 20px;font-size:.875rem}}.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-lg);background:var(--gray-100);min-height:300px}.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;overflow:auto}.preview-image{max-width:100%;max-height:calc(80vh - 80px);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.preview-iframe{width:100%;height:calc(80vh - 80px);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)}.preview-pdf-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl);background:var(--bg-primary);border-radius:var(--radius-lg);max-width:320px;margin:auto}.pdf-mobile-icon{font-size:4rem;margin-bottom:var(--space-md)}.pdf-mobile-filename{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);word-break:break-word}.pdf-mobile-message{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-lg)}.pdf-download-btn{display:inline-flex!important;align-items:center;gap:8px;padding:12px 24px!important;font-size:1rem!important}.fullscreen-pdf-mobile{background:#fffffff2;padding:var(--space-2xl);border-radius:var(--radius-xl);max-width:90%}.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-overlay{padding:0;align-items:flex-end}.file-preview-modal{max-width:100%;max-height:95vh;height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex-direction:column}.file-preview-header{padding:var(--space-md);flex-wrap:nowrap;gap:var(--space-sm);flex-shrink:0}.file-preview-title{flex:1;min-width:0}.file-name{max-width:150px;font-size:.875rem}.file-preview-body{flex:1;padding:var(--space-sm);overflow:auto;display:flex;align-items:center;justify-content:center;min-height:0}.preview-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.preview-iframe{width:100%;height:100%;min-height:50vh}.preview-action-btn{width:32px;height:32px;font-size:1rem}.preview-close-btn{width:32px;height:32px;font-size:1.25rem}}.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)}.files-count{font-size:.8125rem;color:#fff;font-weight:600;background:var(--primary);padding:4px 12px;border-radius:12px}.files-container{display:grid;gap:var(--space-md)}.files-card{grid-template-columns:repeat(2,1fr)}.files-list{grid-template-columns:1fr;gap:var(--space-sm)}.files-list{display:flex;flex-direction:column;gap:var(--space-md)}.file-display-item{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-md);transition:all var(--transition-base);animation:slideUp var(--transition-base) both}.file-display-item:hover{border-color:var(--primary-light);box-shadow:0 4px 12px #00000014}.file-card{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.file-card-top{display:flex;align-items:center;gap:var(--space-md)}.file-card-preview{width:44px;height:44px;min-width:44px;background:var(--gray-100);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.file-card-preview:hover{background:var(--gray-200)}.file-card-thumbnail{width:100%;height:100%;object-fit:cover}.file-card-icon{font-size:1.5rem;opacity:.7;display:flex;align-items:center;justify-content:center}.file-card-info{flex:1;min-width:0}.file-card-name{font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-meta{display:flex;gap:var(--space-sm);flex-wrap:wrap;font-size:.75rem;color:var(--text-tertiary)}.file-meta-item{display:flex;align-items:center}.file-meta-item:not(:last-child):after{content:"•";margin-left:var(--space-sm);color:var(--text-tertiary)}.file-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:var(--space-xs)}.files-list{grid-template-columns:1fr;gap:0}.file-list-header{display:grid;grid-template-columns:minmax(150px,2fr) 70px 90px 80px 120px;gap:var(--space-sm);align-items:center;padding:var(--space-sm) var(--space-md);background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.file-list-header-actions{text-align:center}.files-list .file-display-item{border-radius:0;border:1px solid var(--gray-200);border-top:none}.files-list .file-display-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.file-list{padding:var(--space-sm) var(--space-md);display:grid;grid-template-columns:minmax(150px,2fr) 70px 90px 80px 120px;gap:var(--space-sm);align-items:center}.file-list-name{font-weight:600;font-size:.875rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list-size,.file-list-admin{font-size:.75rem;color:var(--text-secondary)}.file-list-date{font-size:.75rem;color:var(--text-tertiary)}.file-list-actions{display:flex;gap:4px;justify-content:center}.file-action-btn{padding:8px 8px 8px 20px;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-align:center}.file-action-btn .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-action-btn .action-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;flex-shrink:0}.file-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.timeline-btn{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border:1px solid #bfdbfe}.timeline-btn:hover{background:#1d4ed8!important;color:#fff!important;border-color:#1d4ed8!important;box-shadow:0 2px 8px #1d4ed84d}.preview-btn{background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#7c3aed;border:1px solid #e9d5ff}.preview-btn:hover{background:#6d28d9!important;color:#fff!important;border-color:#6d28d9!important;box-shadow:0 2px 8px #6d28d94d}.download-btn{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;border:1px solid #a7f3d0}.download-btn:hover{background:#047857!important;color:#fff!important;border-color:#047857!important;box-shadow:0 2px 8px #0478574d}.files-empty-state,.files-coming-soon{text-align:center;padding:var(--space-lg) var(--space-xl);background:var(--gray-50);border-radius:var(--radius-md);border:1px dashed var(--gray-300)}.empty-icon,.coming-soon-icon{font-size:2.5rem;margin-bottom:var(--space-sm);opacity:.5}.files-empty-state p,.files-coming-soon p{color:var(--text-secondary);margin:0;font-size:.9375rem}.empty-subtitle,.coming-soon-subtitle{font-size:.8125rem!important;color:var(--text-tertiary)!important;margin-top:var(--space-xs)!important}@media (max-width: 768px){.files-section{padding:0 var(--space-sm)}.files-section-header{flex-direction:row;align-items:center;gap:var(--space-sm)}.files-section-header h3{font-size:1rem;flex-shrink:0}.files-section-actions{margin-left:auto}.view-toggle{display:none!important}.files-card{grid-template-columns:1fr}.file-card{flex-direction:column;align-items:stretch;padding:var(--space-md)}.file-card-top{display:flex;align-items:center;gap:var(--space-md)}.file-card-preview{width:40px;height:40px;min-width:40px}.file-card-actions{display:flex;flex-direction:row;gap:8px;justify-content:flex-start;margin-top:var(--space-sm)}.file-action-btn{padding:8px;font-size:0;justify-content:center}.file-action-btn .action-text{display:none}.file-action-btn svg{width:16px;height:16px}.file-list-header{display:none}.file-list{grid-template-columns:1fr;gap:var(--space-xs);padding:var(--space-md)}.files-list .file-display-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.file-list-name{font-size:.875rem;margin-bottom:var(--space-xs)}.file-list-size,.file-list-admin,.file-list-date{display:inline;font-size:.75rem}.file-list-size:after,.file-list-admin:after{content:" • ";color:var(--text-tertiary)}.file-list-actions{margin-top:var(--space-sm);justify-content:flex-start}.file-list-actions .file-action-btn{padding:8px;font-size:0;justify-content:center}.file-list-actions .file-action-btn .action-text{display:none}.file-list-actions .file-action-btn svg{width:16px;height:16px}}.email-template-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-in}.email-template-editor{background:var(--bg-primary);border-radius:12px;width:100%;max-width:1600px;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid var(--brand-primary, #667eea);background:linear-gradient(135deg,var(--brand-primary, #667eea) 0%,var(--brand-primary, #667eea) 100%);color:#fff}.editor-header-left{display:flex;align-items:center;gap:12px}.editor-header h2{margin:0;font-size:24px;font-weight:700}.editor-stage-badge{background:#fff3;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.editor-close-btn{background:#fff3;border:none;color:#fff;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.editor-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.editor-close-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-sidebar-toggle{display:none;position:fixed;bottom:20px;left:20px;width:48px;height:48px;border-radius:50%;background:var(--brand-primary, #667eea);color:#fff;border:none;box-shadow:0 4px 12px #0003;cursor:pointer;z-index:99;align-items:center;justify-content:center;font-size:20px;transition:all .2s}.mobile-sidebar-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #0000004d}.mobile-sidebar-toggle:active{transform:scale(.95)}.mobile-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-sidebar-overlay.visible{opacity:1;pointer-events:auto}.editor-body{display:flex;flex:1;overflow:hidden;min-height:0;position:relative}.editor-sidebar{width:280px;min-width:280px;flex-shrink:0;border-right:1px solid var(--gray-200);padding:20px;overflow-y:auto;overflow-x:hidden;background:var(--bg-secondary);transition:transform .3s ease}.editor-form-section{margin-bottom:20px}.editor-form-section label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.required{color:#ef4444}.editor-form-section input{width:100%;padding:10px 12px;border:1px solid var(--gray-300);border-radius:6px;font-size:14px;transition:all .2s;box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary)}.editor-form-section input:focus{outline:none;border-color:var(--brand-primary, var(--primary));box-shadow:0 0 0 3px var(--brand-primary-alpha, rgba(37, 99, 235, .12))}.editor-form-section input.error{border-color:#ef4444}.error-message{display:block;color:#ef4444;font-size:12px;margin-top:4px}.form-help{display:block;color:var(--text-secondary);font-size:12px;margin-top:6px}.editor-mode-tabs{display:flex;gap:4px;margin-top:24px;background:var(--gray-200);padding:4px;border-radius:8px}.mode-tab{flex:1;padding:10px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.mode-tab:hover{background:var(--bg-card)}.mode-tab.active{background:var(--bg-primary);color:var(--brand-primary, #667eea);box-shadow:0 1px 3px #0000001a}.editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);transition:all .3s ease;min-width:0;min-height:0}.editor-main.expanded{flex:1}.editor-variables-panel-wrapper{position:relative;display:flex;align-items:stretch}.editor-variables-panel-wrapper.visible{width:320px;min-width:320px}.editor-variables-panel-wrapper.hidden{width:0;min-width:0}.editor-variables-panel{width:320px;min-width:320px;min-height:400px;border-left:1px solid var(--gray-200);background:var(--bg-secondary);overflow-y:auto;overflow-x:hidden;transition:transform .3s ease,opacity .3s ease;position:relative;z-index:10;display:flex;flex-direction:column}.editor-variables-panel-wrapper.visible .editor-variables-panel{transform:translate(0);opacity:1}.editor-variables-panel-wrapper.hidden .editor-variables-panel{transform:translate(100%);opacity:0;pointer-events:none}.variables-panel-trigger{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:80px;background:var(--brand-primary, #667eea);border-radius:8px 0 0 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:-2px 0 8px #0000001a;transition:all .2s ease}.variables-panel-trigger:hover{width:50px;background:var(--brand-primary, #5568d3);filter:brightness(1.1)}.variables-panel-trigger span{font-size:20px;color:#fff}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--gray-200);background:var(--bg-secondary)}.editor-footer-left,.editor-footer-right{display:flex;gap:12px}.code-editor-container{display:flex;flex-direction:column;height:100%;padding:20px}.code-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.code-editor-actions{display:flex;gap:8px;align-items:center}.editor-label{font-size:14px;font-weight:600;color:var(--text-primary)}.btn-format,.btn-save-code{padding:6px 12px;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.btn-format:hover{background:var(--gray-200)}.btn-save-code{background:var(--brand-primary, #667eea);color:var(--text-on-brand, #fff);border-color:var(--brand-primary, #667eea);font-weight:500}.btn-save-code:hover:not(:disabled){filter:brightness(1.08)}.btn-save-code:disabled{opacity:.6;cursor:not-allowed}.code-editor-wrapper{flex:1;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;min-height:400px}.code-editor-wrapper .monaco-editor,.code-editor-wrapper .monaco-editor .margin,.code-editor-wrapper .monaco-editor-background{background-color:var(--bg-input)!important}.editor-error{display:flex;align-items:center;gap:8px;padding:12px;margin-top:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b}.error-icon{font-size:18px}.error-text{font-size:14px}.code-editor-help,.visual-editor-help{margin-top:12px;padding:12px;background:#2563eb14;border-radius:6px;color:var(--text-secondary)}.code-editor-help small,.visual-editor-help small{font-size:12px}.code-editor-help code,.visual-editor-help code{background:#2563eb1f;padding:2px 6px;border-radius:3px;font-size:11px;color:var(--brand-primary, #2563eb)}.var-has-value,.var-no-value{cursor:pointer;border-radius:2px;padding:0 2px}.var-has-value:hover,.var-no-value:hover{text-decoration:underline}.var-has-value{color:#059669;font-weight:600}.var-no-value{color:#dc2626;font-weight:600}.monaco-var-has-value{color:#059669!important;font-weight:600}.monaco-var-no-value{color:#dc2626!important;font-weight:600}.variable-override-popover{background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e5e7eb;overflow:hidden}.variable-override-popover-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.variable-override-popover-header .variable-override-var-name{background:#e5e7eb;padding:4px 8px;border-radius:4px;font-size:13px}.variable-override-close{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;padding:0 4px;line-height:1}.variable-override-close:hover{color:#111}.variable-override-popover-body{padding:12px}.variable-override-status{margin-bottom:10px}.variable-override-badge{font-size:11px;padding:4px 8px;border-radius:12px;font-weight:600}.variable-override-badge.has-value{background:#d1fae5;color:#059669}.variable-override-badge.no-value{background:#fee2e2;color:#dc2626}.variable-override-current label,.variable-override-field label{display:block;font-size:11px;color:#6b7280;margin-bottom:4px}.variable-override-current-value{font-size:13px;padding:8px;background:#f3f4f6;border-radius:4px;margin-bottom:12px;word-break:break-word}.variable-override-input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box;margin-bottom:12px}.variable-override-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.variable-override-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-override-apply,.btn-override-clear,.btn-override-cancel{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none}.btn-override-apply{background:#667eea;color:#fff}.btn-override-apply:hover{background:#5568d3}.btn-override-clear{background:#fef2f2;color:#dc2626}.btn-override-clear:hover{background:#fee2e2}.btn-override-cancel{background:#f3f4f6;color:#374151}.btn-override-cancel:hover{background:#e5e7eb}.visual-editor-container{display:flex;flex-direction:column;height:100%;padding:20px}.visual-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.editor-hint{color:#6b7280;font-size:12px}.visual-editor-wrapper{flex:1;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;min-height:400px}.visual-editor-wrapper .ql-container{height:calc(100% - 42px);font-size:14px}.visual-editor-wrapper .ql-editor{min-height:300px}.variables-panel{display:flex;flex-direction:column;flex:1;min-height:0;padding:20px}.variables-panel-header h3{margin:0 0 8px;font-size:18px;color:var(--text-primary)}.variables-panel-description{margin:0 0 16px;font-size:12px;color:var(--text-secondary)}.variables-search{margin-bottom:16px}.variables-search-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;box-sizing:border-box;background:var(--bg-input);color:var(--text-primary)}.variables-search-input:focus{outline:none;border-color:var(--brand-primary, var(--primary));box-shadow:0 0 0 3px var(--brand-primary-alpha, rgba(37, 99, 235, .12))}.variables-list{flex:1;min-height:280px;overflow-y:auto}.variable-category{margin-bottom:12px;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.variable-category-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-surface);cursor:pointer;transition:background .2s}.variable-category-header:hover{background:var(--bg-surface-raised)}.category-name{font-size:13px;font-weight:600;color:var(--text-primary)}.category-toggle{font-size:12px;color:var(--text-secondary)}.variable-category-items{padding:8px;background:var(--bg-card)}.variable-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px;margin-bottom:8px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;transition:background .2s,border-color .2s}.variable-item:hover{background:var(--bg-surface-raised);border-color:var(--border-strong)}.variable-item-content{flex:1;margin-right:8px}.variable-name{margin-bottom:4px}.variable-name code{background:var(--brand-primary-alpha, rgba(37, 99, 235, .12));color:var(--brand-primary, var(--primary));padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.variable-description{font-size:11px;color:var(--text-secondary)}.variable-actions{display:flex;gap:4px}.btn-insert,.btn-copy{padding:6px 10px;border:1px solid var(--border-color);background:var(--bg-card);border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.btn-insert{color:var(--brand-primary, var(--primary));font-weight:500}.btn-insert:hover{background:var(--brand-primary, var(--primary));border-color:var(--brand-primary, var(--primary));color:var(--text-on-brand)}.btn-copy{font-size:11px;padding:6px 10px;font-weight:500}.btn-copy:hover{background:var(--bg-surface);color:var(--text-primary)}.variables-empty{padding:40px 20px;text-align:center;color:var(--text-secondary)}.variables-help{margin-top:16px;padding:12px;background:var(--brand-primary-alpha, rgba(37, 99, 235, .12));border:1px solid var(--border-color);border-radius:6px}.variables-help small{font-size:11px;color:var(--text-secondary);line-height:1.5}.variables-cta-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.variables-cta-title{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--text-primary)}.variables-cta-description{margin:0 0 12px;font-size:11px;color:var(--text-secondary);line-height:1.4}.variables-cta-buttons{display:flex;flex-direction:column;gap:6px}.btn-cta-insert{width:100%;padding:8px 12px;text-align:left;font-size:12px;font-weight:500;color:var(--brand-primary, var(--primary));background:var(--brand-primary-alpha, rgba(37, 99, 235, .12));border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s}.btn-cta-insert:hover{background:var(--bg-surface);border-color:var(--brand-primary, var(--primary))}.live-preview-container{display:flex;flex-direction:column;height:100%;padding:30px 20px 20px;overflow:hidden;min-height:0}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.preview-header-left{display:flex;align-items:center;gap:12px}.preview-header h3{margin:0;font-size:18px;color:#111827}.preview-badge{background:#10b981;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.preview-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.preview-view-controls,.preview-zoom-controls,.preview-action-controls{display:flex;gap:8px;align-items:center}.preview-view-controls{border-right:1px solid #e5e7eb;padding-right:12px}.preview-zoom-controls{border-right:1px solid #e5e7eb;padding-right:12px;padding-left:4px}.preview-view-btn,.preview-zoom-btn{padding:6px 10px;border:1.5px solid var(--brand-primary, #667eea);background:transparent;color:var(--brand-primary, #667eea);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;min-width:36px;display:flex;align-items:center;justify-content:center}.preview-view-btn:hover:not(.active){background:var(--brand-primary-alpha, rgba(102,126,234,.1))}.preview-view-btn.active{background:var(--brand-primary, #667eea);color:#fff;border-color:var(--brand-primary, #667eea)}.preview-zoom-btn:hover:not(:disabled):not(.active){background:var(--brand-primary-alpha, rgba(102,126,234,.1))}.preview-zoom-btn.active{background:var(--brand-primary, #667eea);color:#fff;border-color:var(--brand-primary, #667eea)}.preview-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.preview-zoom-level{padding:0 8px;font-size:12px;font-weight:600;color:#374151;min-width:45px;text-align:center}.preview-mode-btn,.preview-refresh-btn{padding:8px 12px;border:1.5px solid var(--brand-primary, #667eea);background:transparent;color:var(--brand-primary, #667eea);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.preview-refresh-btn:hover:not(:disabled){background:var(--brand-primary-alpha, rgba(102,126,234,.1))}.preview-save-btn{padding:8px 12px;background:var(--brand-primary, #667eea);color:#fff;border:1.5px solid var(--brand-primary, #667eea);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;font-weight:500}.preview-save-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 2px 8px var(--brand-primary-alpha, rgba(102,126,234,.3))}.preview-save-btn:disabled{opacity:.6;cursor:not-allowed}.preview-mode-btn.active{background:var(--brand-primary, #667eea);color:#fff;border-color:var(--brand-primary, #667eea)}.preview-mode-btn:hover:not(.active){background:var(--brand-primary-alpha, rgba(102,126,234,.1))}.preview-content{flex:1;overflow:auto;background:#f9fafb;padding:20px;border-radius:8px;display:flex;justify-content:center;align-items:center;position:relative;width:100%;min-height:0;box-sizing:border-box}.preview-email-wrapper{position:relative;display:inline-block;margin:0 auto;max-width:100%}.preview-view-mobile .preview-email-wrapper{width:375px;max-width:375px}.preview-view-desktop .preview-email-wrapper{width:100%;max-width:100%}.preview-content.preview-view-mobile{justify-content:center}.preview-content.preview-view-desktop{justify-content:flex-start}.preview-email{background:var(--bg-primary);border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.preview-email-header{padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.preview-email-meta{margin-bottom:12px;font-size:12px;color:#6b7280}.preview-email-from,.preview-email-to{margin-bottom:4px}.preview-email-subject{font-size:14px;font-weight:600;color:#111827;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.preview-email-body{padding:20px}.preview-email-content{line-height:1.6;color:#374151}.preview-email-content img{max-width:100%;height:auto}.preview-email-content.editable-preview{outline:2px dashed transparent;transition:outline .2s;min-height:100px;padding:8px;border-radius:4px}.preview-email-content.editable-preview:focus{outline:2px dashed #667eea;outline-offset:2px;background:#f9fafb}.preview-email-content.editable-preview:hover{outline:2px dashed #d1d5db}.preview-empty{text-align:center;padding:60px 20px;color:#6b7280}.preview-info{margin-top:16px;padding:12px;background:#eff6ff;border-radius:6px;text-align:center}.preview-info small{font-size:12px;color:#1e40af}@media (max-width: 1200px){.email-template-editor-overlay{padding:12px}.email-template-editor{max-width:100%}.editor-sidebar{width:260px;min-width:260px}.editor-main{flex:1;min-width:0}.editor-variables-panel,.editor-variables-panel-wrapper.visible{width:280px;min-width:280px}}@media (max-width: 768px){.email-template-editor-overlay{padding:8px}.email-template-editor{max-width:100%;border-radius:8px}.editor-header{padding:12px 16px}.editor-header h2{font-size:18px}.editor-sidebar{position:absolute;left:0;top:0;bottom:0;width:280px;min-width:280px;z-index:100;transform:translate(-100%);box-shadow:2px 0 8px #00000026}.editor-sidebar.mobile-visible{transform:translate(0)}.editor-main{width:100%;flex:1}.editor-variables-panel-wrapper{display:none}.mobile-sidebar-toggle{display:flex}.mobile-sidebar-overlay{display:block}.live-preview-container{padding:16px;height:100%;overflow:hidden;display:flex;flex-direction:column}.preview-header{flex-wrap:wrap;margin-bottom:12px}.preview-header h3{font-size:16px}.preview-controls{gap:8px;flex-wrap:wrap}.preview-view-controls,.preview-zoom-controls{padding-right:8px;border-right:1px solid #e5e7eb}.preview-view-btn,.preview-zoom-btn{padding:6px 10px;font-size:11px;min-width:36px}.preview-mode-btn,.preview-refresh-btn,.preview-save-btn{padding:7px 12px;font-size:12px}.preview-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0}.preview-email-wrapper{width:100%;max-width:600px}}@media (max-width: 600px){.email-template-editor-overlay{padding:4px}.email-template-editor{max-width:100%;border-radius:6px;max-height:100vh}.editor-header{padding:10px 12px}.editor-header h2{font-size:16px}.editor-sidebar{width:260px;min-width:260px;padding:16px}.editor-form-section input,.editor-form-section textarea{font-size:14px;padding:8px 10px}.mode-tab{font-size:12px;padding:8px}.code-editor-container,.visual-editor-container{padding:12px;overflow-x:hidden}.live-preview-container{padding:12px;height:100%;overflow:hidden}.preview-header{margin-bottom:10px;padding-bottom:8px;flex-direction:column;align-items:flex-start;gap:8px}.preview-header-left{width:100%}.preview-header h3{font-size:14px}.preview-badge{font-size:10px;padding:3px 8px}.preview-controls{width:100%;flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-start}.preview-view-controls,.preview-zoom-controls,.preview-action-controls{border-right:none;padding-right:0;padding-left:0;flex-wrap:nowrap;gap:4px}.preview-view-controls{order:1}.preview-zoom-controls{order:2}.preview-action-controls{order:3;width:100%;justify-content:space-between;margin-top:4px;gap:6px}.preview-view-btn,.preview-zoom-btn{padding:6px 8px;font-size:10px;min-width:32px;height:32px}.preview-zoom-btn{font-size:14px}.preview-zoom-level{padding:0 4px;font-size:10px;min-width:38px}.preview-mode-btn,.preview-refresh-btn,.preview-save-btn{padding:6px 8px;font-size:10px;height:32px;flex:1;min-width:0}.preview-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:12px;min-height:0;height:100%;display:block}.preview-email-wrapper{width:100%!important;max-width:100%!important;display:block;margin:0}.preview-email{width:100%}.preview-email-header,.preview-email-body{padding:12px}.editor-footer{padding:12px 16px;flex-direction:column;gap:10px;align-items:stretch}.editor-footer-left,.editor-footer-right{width:100%;justify-content:center}}@media (max-width: 400px){.preview-header h3{font-size:13px}.preview-badge{display:none}.preview-view-btn,.preview-zoom-btn{padding:5px 6px;font-size:9px;min-width:28px;height:28px}.preview-zoom-btn{font-size:12px}.preview-zoom-level{padding:0 3px;font-size:9px;min-width:32px}.preview-mode-btn,.preview-refresh-btn,.preview-save-btn{padding:5px 6px;font-size:9px;height:28px}.preview-content{padding:8px}.preview-email-header,.preview-email-body{padding:10px}}.editor-cta-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px;box-sizing:border-box}.editor-cta-modal{background:var(--bg-primary);border-radius:16px;padding:24px;max-width:420px;width:100%;box-shadow:0 20px 60px #0003;border:1px solid #e5e7eb}.editor-cta-modal h3{margin:0 0 8px;font-size:1.25rem;color:#111827}.editor-cta-description{margin:0 0 16px;font-size:.875rem;color:#4b5563;line-height:1.5}.editor-cta-error{margin-bottom:12px;padding:8px 12px;background:#fef2f2;color:#b91c1c;border-radius:8px;font-size:.875rem}.editor-cta-list{max-height:220px;overflow-y:auto;margin-bottom:20px;border:1px solid #e5e7eb;border-radius:8px;padding:8px}.editor-cta-empty{margin:16px 0;text-align:center;color:#6b7280;font-size:.875rem}.editor-cta-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:background .2s}.editor-cta-item:hover{background:#f9fafb}.editor-cta-item.selected{background:#dbeafe}.editor-cta-item input{margin-right:8px}.editor-cta-name{font-weight:600;color:#111827}.editor-cta-city{font-size:.8rem;color:#6b7280}.editor-cta-actions{display:flex;gap:12px;justify-content:flex-end}.eam-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay, rgba(0,0,0,.6));display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.eam-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;width:100%;max-width:1100px;max-height:92vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl, 0 24px 64px rgba(0,0,0,.35));overflow:hidden}.eam-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--border-color);background:var(--bg-surface);flex-shrink:0}.eam-header-left{display:flex;align-items:center;gap:12px}.eam-header-icon{font-size:1.4rem;line-height:1}.eam-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.eam-last-refresh{display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--text-muted, var(--text-secondary));margin-top:1px}.eam-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10b981;flex-shrink:0;animation:eam-pulse 2s ease-in-out infinite}@keyframes eam-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.eam-header-right{display:flex;align-items:center;gap:8px}.eam-icon-btn{background:transparent;border:1px solid var(--border-color);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .15s}.eam-icon-btn:hover{background:var(--bg-surface-raised, var(--bg-surface));color:var(--text-primary)}.eam-icon-btn:disabled{opacity:.45;cursor:not-allowed}@keyframes eam-spin{to{transform:rotate(360deg)}}.eam-spinning{animation:eam-spin .8s linear infinite}.eam-body{padding:20px 22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:18px}.eam-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.eam-kpi{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;border-left:4px solid transparent;transition:box-shadow .2s}.eam-kpi:hover{box-shadow:0 4px 16px #00000017}.eam-kpi--opens{border-left-color:#3b82f6}.eam-kpi--clicks{border-left-color:#8b5cf6}.eam-kpi--replies{border-left-color:#10b981}.eam-kpi--total{border-left-color:var(--brand-primary, #2563eb)}.eam-kpi-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.eam-kpi--opens .eam-kpi-icon{background:#3b82f61f;color:#3b82f6}.eam-kpi--clicks .eam-kpi-icon{background:#8b5cf61f;color:#8b5cf6}.eam-kpi--replies .eam-kpi-icon{background:#10b9811f;color:#10b981}.eam-kpi--total .eam-kpi-icon{background:var(--brand-primary-alpha, rgba(37,99,235,.12));color:var(--brand-primary, #2563eb)}.eam-kpi-info{display:flex;flex-direction:column;gap:1px}.eam-kpi-value{font-size:1.65rem;font-weight:700;line-height:1;color:var(--text-primary)}.eam-kpi-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.eam-kpi-rate{font-size:.72rem;color:var(--text-muted, var(--text-secondary));margin-top:2px}.eam-charts{display:grid;grid-template-columns:270px 1fr;gap:12px}.eam-chart-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px}.eam-chart-title{margin:0 0 6px;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.eam-chart-empty{height:230px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, var(--text-secondary));font-size:.9rem;font-style:italic}.eam-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.eam-insight-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;min-width:0}.eam-insight-value{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.4;word-break:break-word}.eam-insight-link{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.8rem}.eam-insight-meta{margin-top:6px;font-size:.78rem;color:var(--text-secondary)}.eam-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:12px 14px}.eam-filter-field{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1}.eam-filter-field label{font-size:.75rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.eam-filter-field select{height:38px;padding:0 32px 0 10px;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;font-family:inherit;background-color:var(--bg-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:var(--text-primary);cursor:pointer;transition:border-color .15s,box-shadow .15s}.eam-filter-field select:hover:not(:disabled){border-color:var(--gray-400, #9ca3af)}.eam-filter-field select:focus{outline:none;border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.eam-filter-field input[type=date]{width:100%;height:38px;min-height:38px;padding:0 10px;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box}.eam-filter-field input[type=date]:hover{border-color:var(--gray-400, #9ca3af)}.eam-filter-field input[type=date]:focus{outline:none;border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.eam-reset-btn{flex-shrink:0;align-self:flex-end}.eam-inline-loading{text-align:center;padding:24px;color:var(--text-secondary);font-weight:500;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:10px}.eam-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--text-primary);padding:10px 14px;border-radius:8px;font-size:.875rem}.eam-section-title{margin:0 0 10px;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.eam-empty{text-align:center;padding:28px;color:var(--text-secondary);font-style:italic;font-size:.9rem;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:10px}.eam-log-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--border-color)}.eam-log-table{width:100%;border-collapse:collapse;font-size:.875rem}.eam-log-table thead tr{background:var(--bg-surface);border-bottom:1px solid var(--border-color)}.eam-log-table th{padding:9px 14px;text-align:left;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap}.eam-log-table td{padding:10px 14px;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.eam-log-table tbody tr:last-child td{border-bottom:none}.eam-log-table tbody tr:hover td{background:var(--bg-surface)}.eam-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid transparent}.eam-badge--open{background:#3b82f61f;border-color:#3b82f64d;color:#3b82f6}.eam-badge--click{background:#8b5cf61f;border-color:#8b5cf64d;color:#8b5cf6}.eam-badge--reply{background:#10b9811f;border-color:#10b9814d;color:#10b981}.eam-muted{color:var(--text-muted, var(--text-secondary));font-style:italic}.eam-date-cell{font-size:.78rem;color:var(--text-secondary);white-space:nowrap}.eam-link{color:var(--brand-primary, #2563eb);text-decoration:none;font-size:.82rem}.eam-link:hover{text-decoration:underline}.eam-donut-wrap{display:flex;align-items:center;gap:20px;padding:10px 0;min-height:150px}.eam-donut-svg{width:128px;height:128px;flex-shrink:0;color:var(--text-primary)}.eam-donut-legend{display:flex;flex-direction:column;gap:10px;flex:1}.eam-donut-legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.eam-donut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.eam-donut-label{flex:1;color:var(--text-secondary)}.eam-donut-val{font-weight:700;color:var(--text-primary);min-width:24px;text-align:right}.eam-donut-pct{font-size:.75rem;color:var(--text-muted, var(--text-secondary));min-width:34px;text-align:right}.eam-timeline{display:flex;flex-direction:column;gap:6px;padding:4px 0}.eam-tl-row{display:flex;align-items:center;gap:10px;min-height:20px}.eam-tl-label{font-size:.72rem;color:var(--text-secondary);min-width:38px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.eam-tl-track{flex:1;display:flex;flex-direction:column;gap:2px}.eam-tl-bar{height:7px;border-radius:3px;min-width:4px;transition:width .5s ease}.eam-tl-bar--open{background:#3b82f6}.eam-tl-bar--click{background:#8b5cf6}.eam-tl-bar--reply{background:#10b981}.eam-tl-bar--zero{background:var(--border-color, #e5e7eb);width:4px}.eam-tl-count{font-size:.72rem;font-weight:600;color:var(--text-secondary);min-width:18px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}@media (max-width: 900px){.eam-kpis{grid-template-columns:repeat(2,1fr)}.eam-charts,.eam-insights{grid-template-columns:1fr}}@media (max-width: 600px){.eam-modal{max-height:95vh}.eam-body{padding:14px}.eam-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.eam-kpi{padding:10px 12px}.eam-kpi-value{font-size:1.4rem}.eam-filters{flex-direction:column}.eam-filter-field{min-width:100%}.eam-filter-field select,.eam-filter-field input[type=date]{height:44px;min-height:44px}}.lead-email-templates.modern-layout{padding:0;background:linear-gradient(135deg,#f5f7fa,#fff);min-height:100vh;scroll-behavior:smooth;overflow-x:hidden;max-width:100%}[data-theme=dark] .lead-email-templates.modern-layout{background:linear-gradient(135deg,#0f172a,#1e293b)}.email-templates-top-header{padding:24px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 4px 20px #667eea4d}.email-templates-top-header .header-info .main-title{font-size:28px;font-weight:700;margin:0;color:#fff;letter-spacing:-.5px}.email-templates-top-header .header-info .main-description{font-size:15px;margin:0;color:#ffffffe6;font-weight:400}.email-templates-top-header .header-actions{display:flex;gap:10px;flex-wrap:nowrap;align-items:center}.email-header-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.45);background:#ffffff26;color:#fff;text-decoration:none;white-space:nowrap;box-shadow:0 2px 4px #0000001a;font-family:inherit}.email-header-btn:hover{background:#ffffff47;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.email-header-btn svg{width:16px;height:16px;flex-shrink:0}.email-header-btn--magic{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf2480}.email-header-btn--magic:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}.pipeline-stages{display:flex;gap:8px;padding:12px 20px;background:var(--bg-primary);overflow-x:auto;flex-wrap:wrap;border-bottom:1px solid var(--gray-200)}.pipeline-stage{flex:0 0 auto;width:145px;height:52px;padding:10px 12px;border:1px solid var(--gray-200);border-radius:6px;background:var(--bg-primary);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:row;align-items:center;gap:8px;position:relative}.pipeline-stage:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014;border-color:var(--gray-300)}.pipeline-stage.active{border-color:var(--gray-400);background:var(--gray-50);box-shadow:0 2px 6px #0000001a}[data-theme=dark] .pipeline-stage{border-color:#374151;background:#1f2937}[data-theme=dark] .pipeline-stage.active{background:#374151;border-color:#4b5563}.pipeline-stage .stage-icon{font-size:16px;line-height:1;flex-shrink:0;width:16px;height:16px;display:flex;align-items:flex-start;justify-content:center;margin-top:2px}.pipeline-stage .stage-icon svg{width:16px;height:16px}.pipeline-stage .stage-icon svg{color:#94a3b8}.pipeline-stage[data-stage=NEW] .stage-icon svg{color:#3b82f6}.pipeline-stage[data-stage=SITE_VISIT] .stage-icon svg{color:#10b981}.pipeline-stage[data-stage=HOT_DEAL] .stage-icon svg{color:#f97316}.pipeline-stage[data-stage=NEGOTIATION] .stage-icon svg{color:#f59e0b}.pipeline-stage[data-stage=CLOSED] .stage-icon svg{color:#22c55e}.pipeline-stage[data-stage=FOLLOW_UP] .stage-icon svg{color:#8b5cf6}.pipeline-stage[data-stage=LOST] .stage-icon svg{color:#6b7280}.pipeline-stage.active .stage-icon svg{filter:brightness(1.2)}.pipeline-stage:hover .stage-icon svg{filter:brightness(.9)}.pipeline-stage .stage-info{text-align:left;flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;align-items:flex-start}.pipeline-stage .stage-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;width:100%}.pipeline-stage .stage-count{width:0px;font-size:10px;color:var(--text-secondary);font-weight:500;white-space:nowrap;line-height:1.3;align-self:flex-start}.smtp-warning-alert{display:flex;align-items:center;gap:12px;padding:8px 20px;margin:12px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;box-shadow:0 2px 8px #f59e0b26}.smtp-warning-alert.warning{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.smtp-warning-alert .alert-icon{font-size:22px;flex-shrink:0}.smtp-warning-alert .alert-content{flex:1;font-size:14px;color:#92400e;display:flex;flex-direction:column;gap:0px}.smtp-warning-alert .alert-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;margin-bottom:0}.smtp-warning-alert .alert-message{font-size:13px;line-height:1.2;margin-top:0}.smtp-warning-alert.warning .alert-content{color:#7f1d1d}[data-theme=dark] .smtp-warning-alert{background:#f59e0b1a;border-color:#f59e0b}[data-theme=dark] .smtp-warning-alert .alert-content{color:#fbbf24}[data-theme=dark] .smtp-warning-alert.warning{background:#ef44441a;border-color:#ef4444}[data-theme=dark] .smtp-warning-alert.warning .alert-content{color:#fca5a5}.alert-action-btn{padding:6px 14px;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;white-space:nowrap;margin-left:auto}.alert-action-btn:hover{background:#d97706;transform:translateY(-1px)}.lead-email-templates .search-filters-bar{display:flex!important;flex-direction:row!important;gap:8px!important;padding:12px 20px!important;background:var(--bg-primary);border-bottom:1px solid var(--gray-200);align-items:center!important;flex-wrap:nowrap!important;width:100%!important;box-sizing:border-box!important;justify-content:flex-start!important}.lead-email-templates .filters-group{display:flex!important;gap:8px!important;align-items:center!important;margin-left:auto!important}.lead-email-templates .search-box{flex:0 1 auto!important;width:450px!important;min-width:250px!important;max-width:450px!important;position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;background:var(--bg-primary);transition:all .3s ease;height:38px;box-sizing:border-box}.lead-email-templates .search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.lead-email-templates .search-box svg{color:var(--text-secondary);flex-shrink:0}.lead-email-templates .search-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-primary);outline:none}.lead-email-templates .search-input::placeholder{color:var(--text-secondary)}.lead-email-templates .clear-search{background:none;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:0 4px;line-height:1;transition:color .2s ease}.lead-email-templates .clear-search:hover{color:var(--text-primary)}.lead-email-templates .filter-dropdown{position:static!important;flex:0 0 auto!important;width:115px!important;min-width:115px!important;max-width:115px!important;padding:8px 26px 8px 8px!important;border:1px solid var(--gray-300);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;height:38px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.5L6 6.5L11 1.5" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round"/></svg>');background-repeat:no-repeat;background-position:right 6px center;box-sizing:border-box;margin:0!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;animation:none!important;box-shadow:none!important;z-index:auto!important;max-height:none!important;overflow-y:visible!important}.lead-email-templates .filter-dropdown:hover,.lead-email-templates .filter-dropdown:focus{border-color:#6366f1;outline:none}[data-theme=dark] .lead-email-templates .filter-dropdown{border-color:#374151;background:#1f2937}.templates-container{padding:20px;scroll-margin-top:100px;overflow-x:hidden;box-sizing:border-box;max-width:100%}.stage-section{margin-bottom:40px;scroll-margin-top:100px;overflow-x:hidden;box-sizing:border-box;max-width:100%}.stage-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--gray-200);cursor:pointer;transition:all .2s ease}.stage-section-header.clickable:hover{background:var(--gray-50)}[data-theme=dark] .stage-section-header.clickable:hover{background:#ffffff05}.stage-header-left{display:flex;align-items:center;gap:12px}.collapse-icon{transition:transform .3s ease;color:var(--text-secondary)}.collapse-icon.collapsed{transform:rotate(-90deg)}.stage-header-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.stage-header-icon svg{width:20px;height:20px}[data-stage=NEW] .stage-header-icon svg{color:#3b82f6}[data-stage=SITE_VISIT] .stage-header-icon svg{color:#10b981}[data-stage=HOT_DEAL] .stage-header-icon svg{color:#f97316}[data-stage=NEGOTIATION] .stage-header-icon svg{color:#f59e0b}[data-stage=CLOSED] .stage-header-icon svg{color:#22c55e}[data-stage=FOLLOW_UP] .stage-header-icon svg{color:#8b5cf6}[data-stage=LOST] .stage-header-icon svg{color:#6b7280}.stage-section-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.stage-section-count{font-size:15px;color:var(--text-secondary);font-weight:500}.add-template-btn-small{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--gray-300);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-template-btn-small:hover{background:var(--gray-100);border-color:var(--gray-400);transform:translateY(-1px)}[data-theme=dark] .add-template-btn-small{border-color:#374151}[data-theme=dark] .add-template-btn-small:hover{background:#374151;border-color:#4b5563}.templates-grid{display:flex!important;flex-direction:column!important;gap:10px;width:100%!important;max-width:100%!important;overflow-x:hidden;box-sizing:border-box}.lead-email-templates .template-card{background:var(--bg-primary);border:1px solid #9ca3af;border-radius:6px;padding:16px 20px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;min-height:60px;width:100%!important;max-width:100%!important;flex:0 0 100%!important;gap:16px;box-sizing:border-box;overflow:hidden}.lead-email-templates .template-card:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--gray-300)}[data-theme=dark] .templates-grid{background:transparent}[data-theme=dark] .lead-email-templates .template-card{background:#1f2937;border-color:#4b5563}[data-theme=dark] .lead-email-templates .template-card:hover{box-shadow:0 4px 12px #0000004d}.lead-email-templates .template-card-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;gap:8px;flex:1;min-width:0;max-width:100%;overflow:hidden}.lead-email-templates .template-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;text-align:left!important;word-break:break-word;overflow-wrap:break-word;max-width:100%}.template-type-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.template-type-badge.system-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.template-type-badge.custom-badge{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}[data-theme=dark] .template-type-badge.system-badge{background:#3b82f633;color:#93c5fd;border-color:#3b82f6}[data-theme=dark] .template-type-badge.custom-badge{background:#10b98133;color:#6ee7b7;border-color:#10b981}.lead-email-templates .template-meta{display:flex!important;align-items:center;justify-content:flex-start!important;gap:12px;font-size:12px;color:var(--text-secondary);line-height:1.4;flex-wrap:wrap;text-align:left!important;width:100%}.lead-email-templates .template-last-used{white-space:nowrap;text-align:left!important}.lead-email-templates .template-open-rate{white-space:nowrap;font-weight:500;text-align:left!important}.template-creator{font-size:11px;color:var(--text-secondary);font-style:italic;display:none}.lead-email-templates .template-card-actions{display:flex!important;flex-direction:row!important;gap:6px;flex-wrap:nowrap;align-items:center;flex-shrink:0;margin-left:16px}.template-action-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;min-height:28px}.template-action-btn:hover{background:var(--gray-100);border-color:var(--gray-400);transform:translateY(-1px)}[data-theme=dark] .template-action-btn{border-color:#374151}[data-theme=dark] .template-action-btn:hover{background:#374151;border-color:#4b5563}.template-action-btn.send{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-color:#6366f1}.template-action-btn.send:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f14d}.template-action-btn.send:disabled{opacity:.5;cursor:not-allowed;transform:none}.template-action-btn svg{width:14px;height:14px;flex-shrink:0}@media (max-width: 900px){.email-templates-top-header{padding:20px 24px}.email-templates-top-header .main-title{font-size:24px}.pipeline-stages{padding:16px 24px}.pipeline-stage{width:120px;padding:10px}.lead-email-templates .search-filters-bar{padding:16px 20px!important;flex-wrap:wrap!important;gap:8px!important}.lead-email-templates .search-box{width:350px!important;min-width:200px!important;max-width:350px!important}.lead-email-templates .filter-dropdown{width:110px!important;min-width:110px!important;max-width:110px!important;font-size:11px}.templates-container{padding:24px}.stage-section-title{font-size:20px}}@media (max-width: 600px){.lead-email-templates.modern-layout{padding:0;overflow-x:hidden}.lead-email-templates.modern-layout *{box-sizing:border-box}.email-templates-top-header{padding:10px 8px;flex-direction:column;align-items:flex-start;gap:12px}.email-templates-top-header .main-title{font-size:20px}.email-templates-top-header .main-description{font-size:13px}.email-templates-top-header .header-actions{width:100%;gap:8px}.email-templates-top-header .header-actions{gap:8px}.email-header-btn{height:34px;padding:0 12px;font-size:12px}.pipeline-stages{padding:10px 8px;gap:6px;overflow-x:auto;scrollbar-width:thin}.pipeline-stage{width:100px;min-width:100px;padding:8px;font-size:12px}.smtp-warning-alert{margin:8px;padding:10px;flex-direction:row;align-items:flex-start;gap:8px}.smtp-warning-alert .alert-icon{font-size:18px;flex-shrink:0}.smtp-warning-alert .alert-content{flex:1;gap:2px;font-size:12px}.smtp-warning-alert .alert-header{width:100%;gap:8px}.smtp-warning-alert .alert-header strong{flex:1;white-space:normal;line-height:1.3;font-size:12px}.smtp-warning-alert .alert-message{width:100%;font-size:11px;padding-left:0;line-height:1.3}.alert-action-btn{padding:5px 8px;font-size:10px;margin-left:0;white-space:nowrap;flex-shrink:0}.lead-email-templates .search-filters-bar{padding:10px 8px!important;flex-wrap:wrap!important;gap:8px!important}.lead-email-templates .search-box{width:100%!important;min-width:100%!important;max-width:100%!important;padding:8px 10px}.lead-email-templates .filter-dropdown{width:calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;max-width:calc(50% - 4px)!important;padding:8px 10px;font-size:12px}.templates-container{padding:8px}.stage-section{margin-bottom:20px}.stage-section-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;margin-bottom:12px}.stage-header-left{flex:1;min-width:0}.stage-section-title{font-size:18px}.add-template-btn-small{padding:6px 8px;font-size:11px;gap:4px;white-space:nowrap;flex-shrink:0}.add-template-btn-small svg{width:14px;height:14px}.templates-grid{gap:0}.lead-email-templates .template-card{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:10px 12px!important;gap:12px!important;border-radius:0;border-bottom:1px solid var(--border-color, #e5e7eb)}.lead-email-templates .template-card:last-child{border-bottom:none}.lead-email-templates .template-card-header{flex:1;min-width:0}.lead-email-templates .template-name{font-size:14px;word-break:break-word;line-height:1.3}.template-type-badge{font-size:9px;padding:2px 6px}.lead-email-templates .template-meta{font-size:11px;gap:8px;flex-wrap:wrap}.lead-email-templates .template-last-used,.lead-email-templates .template-open-rate{font-size:11px}.lead-email-templates .template-card-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:4px!important;justify-content:flex-end!important;flex-shrink:0}.template-action-btn{flex:0 0 auto;min-width:auto;padding:6px 8px;font-size:0;gap:0;justify-content:center;min-height:32px;width:auto}.template-action-btn svg{width:16px;height:16px;margin:0}}.email-templates-error{padding:40px;text-align:center;color:#ef4444;font-size:16px;background:#fee2e2;border-radius:12px;margin:32px}[data-theme=dark] .email-templates-error{background:#ef44441a;color:#fca5a5}.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:var(--bg-primary);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%}}.email-template-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.email-template-modal{background:var(--bg-primary);border-radius:8px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.email-template-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-200)}.email-template-modal-header h2{margin:0;color:var(--brand-primary, var(--text-primary));font-size:1.5rem}.email-template-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:4px;transition:background .2s}.email-template-close-btn:hover{background:var(--gray-100)}.email-template-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.email-template-error{background:#ef44441a;color:#ef4444;padding:1rem;border-radius:4px;margin-bottom:1rem}.email-template-success{background:#22c55e1a;color:#22c55e;padding:1rem;border-radius:4px;margin-bottom:1rem}.email-template-warning{background:#f973161a;color:#f97316;padding:1rem;border-radius:4px;margin-bottom:1rem}.email-template-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.email-template-list{display:flex;flex-direction:column;gap:1rem}.email-template-card{border:1px solid var(--gray-200);border-radius:8px;padding:1.5rem;background:var(--bg-secondary);transition:box-shadow .2s}.email-template-card:hover{box-shadow:0 2px 8px #0000001a}.template-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.template-card-header h3{margin:0;color:var(--brand-primary, var(--text-primary));font-size:1.1rem}.template-preview-badge{background:var(--brand-primary, #2196f3);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.template-subject{margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem}.template-subject strong{color:var(--text-primary)}.template-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-preview{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;background:#2196f31f;color:var(--brand-primary, #1976d2)}.btn-preview:hover{background:#2196f338}.btn-send{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;background:var(--brand-primary, #2196f3);color:#fff}.btn-send:hover:not(:disabled){filter:brightness(.9)}.btn-send:disabled{background:var(--gray-300);cursor:not-allowed}.email-template-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.email-template-preview{margin:1rem 0}.preview-section{margin-bottom:1.5rem}.preview-section label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.preview-content{background:var(--bg-secondary);padding:1rem;border-radius:4px;border:1px solid var(--gray-200);white-space:pre-wrap;word-wrap:break-word}.preview-content.email-body{max-height:400px;overflow-y:auto}@media (max-width: 768px){.email-template-modal{max-width:95%;max-height:95vh}.email-template-modal-header h2{font-size:1.25rem}.template-actions{flex-direction:column}.btn-preview,.btn-send{width:100%}}.qld-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:var(--z-modal);display:flex;align-items:flex-end;animation:qld-fade-in .15s cubic-bezier(.4,0,.2,1)}.qld-drawer{width:100%;max-width:560px;margin:0 auto;background:var(--bg-card);border-top:1px solid var(--border-color);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-2xl);animation:qld-slide-up .2s cubic-bezier(.4,0,.2,1);max-height:90vh;overflow-y:auto}.qld-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle)}.qld-lead-name{font-weight:600;font-size:.9375rem;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qld-phone-link{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--brand-primary);text-decoration:none;padding:4px 8px;border-radius:var(--radius-full);background:var(--brand-primary-alpha);white-space:nowrap;transition:opacity var(--transition-fast)}.qld-phone-link:hover{opacity:.8}.qld-close-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.qld-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.qld-tabs{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle)}.qld-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-sm);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);border-radius:var(--radius-lg);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.qld-tab:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-alpha)}.qld-tab.active{border-color:var(--brand-primary);background:var(--brand-primary-alpha);color:var(--brand-primary);font-weight:600}.qld-tab svg{flex-shrink:0}.qld-form{padding:var(--space-md) var(--space-lg)}.qld-fields{display:flex;flex-direction:column;gap:var(--space-md)}.qld-row{display:flex;gap:var(--space-md)}.qld-field{display:flex;flex-direction:column;gap:6px;flex:1}.qld-field--half{flex:1;min-width:0}.qld-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.qld-input,.qld-select{height:40px;padding:0 var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);transition:border-color var(--transition-fast);width:100%}.qld-input:focus,.qld-select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-alpha)}.qld-textarea{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);resize:vertical;min-height:80px;transition:border-color var(--transition-fast);width:100%;line-height:1.5}.qld-textarea--tall{min-height:120px}.qld-textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-alpha)}.qld-error{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error-dark);font-size:.8125rem}.qld-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.qld-fab{position:fixed;bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px));right:var(--space-xl);width:52px;height:52px;border-radius:var(--radius-full);background:var(--brand-primary);color:#fff;border:none;box-shadow:var(--shadow-xl);z-index:var(--z-fixed);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.qld-fab:hover{background:var(--brand-accent);transform:scale(1.05);box-shadow:var(--shadow-2xl)}.qld-fab:active{transform:scale(.97)}.qld-fab svg{pointer-events:none}@keyframes qld-fade-in{0%{opacity:0}to{opacity:1}}@keyframes qld-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}[data-theme=dark] .qld-drawer::-webkit-scrollbar-track{background:var(--bg-card)}[data-theme=dark] .qld-drawer::-webkit-scrollbar-thumb{background:#334155}@media (max-width: 600px){.qld-drawer{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.qld-tab span{display:none}.qld-tab{padding:var(--space-sm)}.qld-fab{bottom:calc(68px + env(safe-area-inset-bottom,0px));right:var(--space-md)}}.inv-canvas{display:flex;flex-direction:column;height:100%;min-height:400px;background:var(--unit-canvas-bg, var(--bg-surface));overflow:hidden}.inv-canvas--loading,.inv-canvas--error{align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.inv-canvas-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--brand-primary, var(--primary));border-radius:50%;animation:inv-spin .8s linear infinite}@keyframes inv-spin{to{transform:rotate(360deg)}}.inv-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--unit-canvas-card-bg, var(--bg-card));border-bottom:1px solid var(--unit-canvas-card-border, var(--border-color));flex-shrink:0}.inv-canvas-toolbar-title{display:flex;align-items:center;gap:var(--space-sm)}.inv-canvas-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.inv-canvas-subtitle{font-size:.72rem;color:var(--text-muted);padding:2px 8px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full, 9999px)}.inv-canvas-toolbar-actions{display:flex;gap:var(--space-sm)}.inv-canvas-body,.inv-canvas-grid-panel{display:flex;flex:1;overflow:hidden}.inv-canvas-empty-state{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;text-align:center;color:var(--text-secondary);padding:var(--space-lg)}.inv-canvas-empty-title{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.inv-canvas-empty-text{margin:0;max-width:460px;font-size:.82rem}@media (max-width: 1024px){.inv-canvas-grid-panel{flex-direction:column}}@media (max-width: 480px){.inv-canvas-toolbar{padding:var(--space-xs) var(--space-sm)}.inv-canvas-title{font-size:.8rem}.inv-canvas-subtitle{display:none}}.inv-tower-selector{display:flex;align-items:center;gap:0;overflow-x:auto;border-bottom:1px solid var(--unit-panel-border, var(--border-color));padding:0 var(--space-md);background:var(--unit-canvas-bg, var(--bg-surface));flex-shrink:0}.inv-tower-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) .75rem;font-size:.85rem;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.inv-tower-tab:hover{color:var(--text-primary)}.inv-tower-tab--active{color:var(--brand-primary, var(--primary));border-bottom-color:var(--brand-primary, var(--primary));font-weight:600}.inv-tower-tab-count{font-size:.7rem;background:var(--bg-surface);border-radius:var(--radius-full, 9999px);padding:1px 6px;color:var(--text-muted)}.inv-card{width:120px;min-height:80px;padding:var(--space-sm);border:none;border-left:4px solid var(--card-color, var(--unit-available));border-radius:var(--radius-sm);background:var(--card-bg, var(--unit-available-light));cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:var(--space-xs);transition:transform .15s ease,box-shadow .15s ease;position:relative;outline:none}.inv-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--unit-canvas-card-hover, var(--bg-surface-raised))}.inv-card--selected{box-shadow:0 0 0 2px var(--card-color, var(--unit-available))}@keyframes inv-card-flash{0%{opacity:1}30%{opacity:.35}60%{opacity:1}80%{opacity:.6}to{opacity:1}}.inv-card--flash{animation:inv-card-flash .7s ease}.inv-card-header{display:flex;justify-content:space-between;align-items:center}.inv-card-label{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-card-countdown{font-size:.65rem;font-weight:500;color:var(--unit-held);white-space:nowrap}.inv-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.inv-card-meta span{font-size:.65rem;color:var(--text-secondary);white-space:nowrap}.inv-card-price{font-size:.7rem;font-weight:600;color:var(--card-color, var(--unit-available))}@media (max-width: 768px){.inv-card{width:90px;min-height:64px;padding:var(--space-xs)}.inv-card-label{font-size:.7rem}.inv-card-countdown,.inv-card-meta span,.inv-card-price{font-size:.6rem}}.inv-tower{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);overflow:auto;flex:1}.inv-tower-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-muted);font-size:.9rem;padding:var(--space-xl)}.inv-floor-row{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.inv-floor-header{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:8px var(--space-md);background:var(--bg-surface);border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s}.inv-floor-header:hover{background:var(--bg-card)}.inv-floor-row.is-open .inv-floor-header{border-bottom:1px solid var(--border-color);background:var(--bg-card)}.inv-floor-chevron{font-size:.7rem;color:var(--text-muted);width:12px;flex-shrink:0}.inv-floor-name{font-size:.8rem;font-weight:700;color:var(--text-primary);flex:1}.inv-floor-count{font-size:.72rem;color:var(--text-muted);font-weight:500}.inv-floor-units{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-primary, #fff)}@media (max-width: 768px){.inv-tower{padding:var(--space-sm)}.inv-floor-label{width:48px;font-size:.65rem}}.inv-filter-bar{background:var(--unit-filter-bg, var(--bg-card));border-bottom:1px solid var(--unit-panel-border, var(--border-color));padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);flex-shrink:0}.inv-filter-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.inv-filter-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:120px;max-width:220px}.inv-filter-search-icon{position:absolute;left:8px;color:var(--text-muted);pointer-events:none;flex-shrink:0}.inv-filter-search-input{width:100%;padding:5px 28px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.8rem;outline:none;box-sizing:border-box;transition:border-color .15s}.inv-filter-search-input:focus{border-color:var(--brand-primary, var(--primary))}.inv-filter-search-clear{position:absolute;right:6px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:2px;line-height:1;border-radius:50%}.inv-filter-search-clear:hover{color:var(--text-primary)}.inv-filter-select-inline{padding:5px var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-size:.8rem;outline:none;cursor:pointer;transition:border-color .15s,color .15s}.inv-filter-select-inline:focus{border-color:var(--brand-primary, var(--primary))}.inv-filter-select-inline--active{border-color:var(--brand-primary, var(--primary));color:var(--brand-primary, var(--primary));font-weight:600}.inv-filter-floor-range{display:flex;align-items:center;gap:4px}.inv-filter-floor-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.inv-filter-floor-input{width:52px;padding:5px 6px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.8rem;outline:none;text-align:center;transition:border-color .15s;-moz-appearance:textfield}.inv-filter-floor-input::-webkit-inner-spin-button,.inv-filter-floor-input::-webkit-outer-spin-button{-webkit-appearance:none}.inv-filter-floor-input:focus{border-color:var(--brand-primary, var(--primary))}.inv-filter-floor-sep{color:var(--text-muted);font-size:.8rem}.inv-filter-end{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.inv-filter-count-badge{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.inv-filter-count-badge--active{color:var(--brand-primary, var(--primary));font-weight:600}.inv-filter-clear-btn{font-size:.75rem;color:var(--text-secondary);background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 10px;cursor:pointer;transition:border-color .15s,color .15s}.inv-filter-clear-btn:hover{border-color:var(--brand-primary, var(--primary));color:var(--brand-primary, var(--primary))}.inv-filter-status-row{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.inv-filter-status-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:2px;white-space:nowrap}.inv-status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid var(--border-color);border-radius:var(--radius-full, 9999px);background:none;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:border-color .12s,background .12s,color .12s;white-space:nowrap;-webkit-user-select:none;user-select:none}.inv-status-pill:hover{border-color:var(--pc, var(--brand-primary, var(--primary)));color:var(--pc, var(--brand-primary, var(--primary)))}.inv-status-pill--all{background:var(--bg-surface);border-color:var(--text-secondary);color:var(--text-primary);font-weight:600}.inv-status-pill--on{background:var(--pb);border-color:var(--pc);color:var(--pc);font-weight:600}.inv-status-pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}@media (max-width: 768px){.inv-filter-bar{padding:var(--space-xs) var(--space-sm)}.inv-filter-search-wrap{max-width:none;flex:1}.inv-filter-floor-range{display:none}}@media (max-width: 480px){.inv-filter-status-label{display:none}}.inv-panel{width:340px;flex-shrink:0;background:var(--unit-panel-bg, var(--bg-card));border-left:1px solid var(--unit-panel-border, var(--border-color));display:flex;flex-direction:column;overflow-y:auto;position:relative}.inv-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--panel-accent, var(--brand-primary, var(--primary)))}.inv-panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-md);padding-top:calc(var(--space-md) + 3px);border-bottom:1px solid var(--unit-panel-border, var(--border-color));gap:var(--space-sm)}.inv-panel-title-group{display:flex;flex-direction:column;gap:var(--space-xs)}.inv-panel-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.inv-panel-status{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full, 9999px);text-transform:uppercase;letter-spacing:.05em}.inv-panel-countdown{font-size:.75rem;color:var(--unit-held);font-weight:600}.inv-panel-close{background:none;border:none;font-size:1rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:var(--space-xs);border-radius:var(--radius-sm);flex-shrink:0}.inv-panel-close:hover{background:var(--bg-surface);color:var(--text-primary)}.inv-panel-conflict-banner{margin:.75rem var(--space-md) 0;padding:var(--space-sm) .75rem;background:var(--unit-held-light);border:1px solid var(--unit-held);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-primary)}.inv-panel-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs) .75rem;padding:.75rem var(--space-md);border-bottom:1px solid var(--unit-panel-border, var(--border-color))}.inv-panel-detail{display:flex;flex-direction:column;gap:2px}.inv-panel-detail--full{grid-column:1 / -1}.inv-panel-detail span{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.inv-panel-detail strong{font-size:.85rem;color:var(--text-primary);font-weight:500}.inv-panel-section{padding:.75rem var(--space-md);border-bottom:1px solid var(--unit-panel-border, var(--border-color))}.inv-panel-section-title{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-sm)}.inv-panel-lead-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:4px}.inv-panel-lead-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:var(--radius-full, 9999px);background:var(--unit-held-light);color:var(--unit-held);border:1px solid var(--unit-held)}.inv-panel-lead-badge--reserved{background:var(--unit-reserved-light);color:var(--unit-reserved);border-color:var(--unit-reserved)}.inv-panel-lead-id{font-size:.85rem;font-weight:600;color:var(--text-primary)}.inv-panel-inputs{display:flex;flex-direction:column;gap:var(--space-sm)}.inv-panel-input-wrap{display:flex;flex-direction:column;gap:3px}.inv-panel-input-label{font-size:.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.inv-panel-input{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.8rem;outline:none;box-sizing:border-box;transition:border-color .15s}.inv-panel-input:focus{border-color:var(--brand-primary, var(--primary))}.inv-panel-actions{padding:.75rem var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);border-bottom:1px solid var(--unit-panel-border, var(--border-color))}.inv-panel-action-btn{width:100%;justify-content:center}.inv-panel-error{margin:var(--space-sm) var(--space-md);padding:var(--space-sm) .75rem;background:var(--unit-blocked-light);border:1px solid var(--unit-blocked);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-primary)}.inv-panel-loading{font-size:.8rem;color:var(--text-muted)}.inv-panel-timeline{flex:1;overflow-y:auto}.inv-timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.inv-timeline-item{display:flex;gap:var(--space-sm);align-items:flex-start}.inv-timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary, var(--primary));flex-shrink:0;margin-top:4px}.inv-timeline-content{display:flex;flex-direction:column;gap:1px}.inv-timeline-action{font-size:.8rem;font-weight:600;color:var(--text-primary);text-transform:capitalize}.inv-timeline-transition,.inv-timeline-actor{font-size:.7rem;color:var(--text-secondary)}.inv-timeline-time{font-size:.65rem;color:var(--text-muted)}.inv-timeline-reason{font-size:.7rem;color:var(--text-secondary);font-style:italic}@media (max-width: 1024px){.inv-panel{width:100%;border-left:none;border-top:1px solid var(--unit-panel-border, var(--border-color));max-height:50vh}}.inv-legend{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--unit-legend-bg, var(--bg-card));border-top:1px solid var(--unit-panel-border, var(--border-color))}.inv-legend-swatches{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.inv-legend-item{display:flex;align-items:center;gap:var(--space-xs)}.inv-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.inv-legend-name{font-size:.75rem;color:var(--text-secondary)}.inv-legend-count{font-size:.75rem;font-weight:600;color:var(--text-primary);min-width:1.5rem;text-align:right}.inv-legend-stats{display:flex;gap:var(--space-md);align-items:center}.inv-legend-total{font-size:.8rem;font-weight:600;color:var(--text-primary)}.inv-legend-absorption{font-size:.8rem;font-weight:600;color:var(--unit-booked);background:var(--unit-booked-light);padding:2px 8px;border-radius:var(--radius-full, 9999px)}@media (max-width: 768px){.inv-legend{padding:var(--space-sm)}.inv-legend-swatches{gap:var(--space-sm)}.inv-legend-name{display:none}}.inv-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay, rgba(0,0,0,.55));z-index:var(--z-modal-backdrop, 1300);display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.inv-modal{background:var(--unit-panel-bg, var(--bg-card));border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl);width:100%;max-width:480px;display:flex;flex-direction:column;z-index:var(--z-modal, 1310)}.inv-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--unit-panel-border, var(--border-color))}.inv-modal-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.inv-modal-close{background:none;border:none;font-size:1rem;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm)}.inv-modal-close:hover{background:var(--bg-surface)}.inv-modal-form{padding:var(--space-md);display:flex;flex-direction:column;gap:.75rem}.inv-modal-row{display:flex;flex-direction:column;gap:var(--space-xs)}.inv-modal-row label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.inv-modal-input{padding:var(--space-sm) .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card, var(--bg-card));color:var(--text-primary);font-size:.85rem;outline:none}.inv-modal-input:focus{border-color:var(--brand-primary, var(--primary))}.inv-modal-preview{background:var(--bg-surface);border-radius:var(--radius-sm);padding:var(--space-sm) .75rem;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.inv-modal-error{background:var(--unit-blocked-light);border:1px solid var(--unit-blocked);border-radius:var(--radius-sm);padding:var(--space-sm) .75rem;font-size:.8rem;color:var(--text-primary)}.inv-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-sm)}.inv-modal-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--text-primary);font-size:.9rem}.inv-modal-result-icon{font-size:2rem;color:var(--unit-available)}.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-mobile-footer{display:none}.lead-detail-modal-shell{background:var(--bg-card)!important;border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}.lead-detail-modal-shell .project-form-modal-header{background:var(--bg-card);border-bottom:1px solid var(--border-color)}.lead-detail-modal-shell .project-form-close-btn{background:transparent;color:var(--text-secondary)}.lead-detail-modal-shell .project-form-close-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.lead-detail-modal-shell .lead-detail-tabs{border-bottom:1px solid var(--border-color);background:var(--bg-card);box-shadow:none}.lead-phone-link{color:var(--brand-primary);text-decoration:none;font-weight:500}.lead-phone-link:hover{text-decoration:underline}.lead-detail-modal-shell .lead-detail-tabs .tab{color:var(--text-secondary)}.lead-detail-modal-shell .lead-detail-tabs .tab:hover{color:var(--brand-primary, var(--primary));background:var(--bg-surface)}.lead-detail-modal-shell .lead-detail-tabs .tab.active{color:var(--brand-primary, var(--primary));background:transparent;box-shadow:none}.lead-detail-modal-shell .lead-detail-actions{border-top:1px solid var(--border-color);background:transparent}.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-tabs{display:flex;border-bottom:2px solid var(--gray-200);padding:12px 24px 0 32px!important;gap:8px;background:linear-gradient(to bottom,var(--bg-primary) 0%,var(--gray-50) 100%);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000000a}.lead-detail-tabs::-webkit-scrollbar{display:none}.lead-detail-tabs .tab{flex:0 0 auto;min-width:auto;padding:0 16px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-base);height:44px;position:relative;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1.2;border-radius:8px 8px 0 0}.lead-detail-tabs .tab:after{content:"";position:absolute;bottom:-2px;left:8px;right:8px;height:3px;background:var(--brand-primary, var(--primary));transform:scaleX(0);transform-origin:center;transition:transform var(--transition-base);border-radius:2px}.lead-detail-tabs .tab:hover{color:var(--brand-primary, var(--primary));background:var(--brand-primary-alpha, rgba(99, 102, 241, .08))}.lead-detail-tabs .tab.active{color:var(--brand-primary, var(--primary));background:var(--bg-primary);font-weight:600;box-shadow:0 -2px 8px var(--brand-primary-alpha, rgba(99, 102, 241, .1))}.lead-detail-tabs .tab.active:after{transform:scaleX(1)}.lead-detail-tabs .tab .tab-text-full{display:inline!important}.lead-detail-tabs .tab .tab-text-short{display:none!important}.inline-input,.inline-select{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary)}.inline-input:focus,.inline-select:focus{outline:none;border-color:var(--brand-primary, var(--primary));box-shadow:0 0 0 3px var(--brand-primary-alpha, rgba(99, 102, 241, .1))}.inline-title{font-size:1.25rem;font-weight:700}.project-form-modal-header .header-actions{display:flex;align-items:center;gap:10px}.project-form-modal-header .header-actions .button{padding:8px 16px;font-size:.875rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.project-form-modal-header .header-actions .button-primary{background:var(--brand-primary, var(--primary));color:var(--text-on-brand, #fff);border:none}.project-form-modal-header .header-actions .button-primary:hover{filter:brightness(.9)}.project-form-modal-header .header-actions .button-secondary{background:var(--bg-surface, #e5e7eb);color:var(--text-primary, #374151);border:1px solid var(--border-color, #d1d5db)}.project-form-modal-header .header-actions .button-secondary:hover{background:var(--bg-card, #d1d5db)}.project-form-modal-header .header-actions .btn-sm{padding:6px 14px;font-size:.8125rem}.lead-detail-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 20px 20px;margin-top:auto;border-top:1px solid var(--gray-200);background:transparent}.lead-detail-actions .button{padding:10px 20px;font-size:.875rem;border-radius:8px}@media (max-width: 768px){.lead-detail-actions{padding:12px 16px 16px;gap:10px}.lead-detail-actions .button{padding:8px 14px;font-size:.8125rem}}@media (max-width: 480px){.lead-detail-actions{padding:10px 12px 14px;gap:8px}.lead-detail-actions .button{padding:8px 12px;font-size:.75rem}.lead-detail-actions .button-secondary{min-width:auto}}@media (max-width: 768px){.project-form-modal-overlay{padding:0;align-items:stretch;justify-content:flex-end}.project-form-modal{max-width:100%!important;width:100%;max-height:95vh;height:95vh;border-radius:16px 16px 0 0;margin:0;display:flex;flex-direction:column;position:fixed;bottom:0;left:0;right:0}.project-form-modal-header{padding:20px 50px 20px 16px;border-radius:16px 16px 0 0;position:relative!important;background:var(--bg-primary);border-bottom:1px solid var(--gray-200);flex-shrink:0;min-height:44px;display:flex;align-items:center}.project-form-modal-header h2{font-size:1rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 40px);line-height:1.3}.project-form-modal-header .project-form-close-btn{position:absolute!important;top:50%!important;right:12px!important;left:auto!important;transform:translateY(-50%);width:32px;height:32px;background:#f1f5f9!important;border:none!important;border-radius:8px!important;font-size:1.2rem!important;color:#64748b!important;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0!important;z-index:100}.lead-detail-tabs{padding:0 8px!important;gap:8px;background:var(--bg-primary);border-bottom:1px solid var(--gray-200);display:flex;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;flex-shrink:0}.lead-detail-tabs::-webkit-scrollbar{display:none}.lead-detail-tabs{-ms-overflow-style:none;scrollbar-width:none}.lead-detail-tabs .tab{flex:1 1 0;min-width:0;padding:10px 45px;font-size:.95rem;min-height:40px;height:auto;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#64748b;font-weight:500;transition:all .2s ease;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center}.lead-detail-tabs .tab:hover{color:#6366f1;background:#6366f10d}.lead-detail-tabs .tab.active{color:#6366f1;border-bottom-color:#6366f1;background:transparent;font-weight:600;box-shadow:none}.lead-detail-tabs .tab.active:after{display:none!important}.lead-detail-tabs .tab .tab-text-full{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;position:absolute!important}.lead-detail-tabs .tab .tab-text-short{display:inline!important;visibility:visible!important}.project-form-modal-body{flex:1;overflow-y:auto;padding:10px;-webkit-overflow-scrolling:touch;min-height:0}.mobile-header-actions{position:absolute!important;top:50%!important;right:10px!important;left:auto!important;transform:translateY(-50%);display:flex!important;flex-direction:row!important;align-items:center;gap:6px;z-index:100}.overview-tab,.activity-tab,.notes-tab,.timeline-tab,.visits-tab,.files-tab,.email-templates-tab{display:flex;flex-direction:column;min-height:auto;height:auto}.lead-detail-modal .modal-footer,.project-form-modal-footer,.modal-footer,.lead-detail-footer,footer:not(.lead-detail-mobile-footer){display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;visibility:hidden!important;overflow:hidden!important}.lead-detail-mobile-footer{display:flex!important;gap:12px;padding:16px;background:var(--bg-primary);border-top:1px solid var(--gray-200);position:relative;z-index:10}.lead-detail-mobile-footer .button{flex:1;padding:12px 16px;font-size:.9375rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.lead-detail-mobile-footer .button-primary{background:var(--primary);color:#fff;border:none}.lead-detail-mobile-footer .button-primary:hover{background:var(--primary-dark)}.lead-detail-mobile-footer .button-secondary{background:var(--gray-100);color:var(--text-primary);border:1px solid var(--gray-300)}.lead-detail-mobile-footer .button-secondary:hover{background:var(--gray-50)}.project-form-modal-body{flex:1 1 auto;overflow-y:auto;padding:12px;-webkit-overflow-scrolling:touch;min-height:0;margin-bottom:0!important;padding-bottom:16px!important}}@media (max-width: 480px){.project-form-modal-header h2{font-size:.9rem;max-width:calc(100% - 50px)}.lead-detail-tabs{padding:0 4px!important;gap:2px}.lead-detail-tabs .tab{min-width:80px;padding:10px 8px;font-size:.75rem;min-height:40px;height:auto}.project-form-modal-body{padding:20px}.lead-detail-tabs .tab .tab-text-full{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;position:absolute!important}.lead-detail-tabs .tab .tab-text-short{display:inline!important;visibility:visible!important}}.lead-detail-modal .modal-tabs{display:flex;border-bottom:2px solid var(--gray-200);padding:8px var(--space-xl) 0 calc(var(--space-xl) + 24px);gap:var(--space-sm);background:linear-gradient(to bottom,var(--bg-primary) 0%,var(--gray-50) 100%);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000000a}.lead-detail-modal .modal-tabs::-webkit-scrollbar{display:none}.lead-detail-modal .modal-tabs .tab{flex:0 0 auto;min-width:110px;padding:0 var(--space-lg);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-base);height:44px;position:relative;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1.2;border-radius:var(--radius-md) var(--radius-md) 0 0}.lead-detail-modal .modal-tabs .tab:after{content:"";position:absolute;bottom:-2px;left:8px;right:8px;height:3px;background:var(--primary);transform:scaleX(0);transform-origin:center;transition:transform var(--transition-base);border-radius:var(--radius-sm)}.lead-detail-modal .modal-tabs .tab:hover{color:var(--primary);background:#6366f114}.lead-detail-modal .modal-tabs .tab.active{color:var(--primary);background:var(--bg-primary);font-weight:600;box-shadow:0 -2px 8px #6366f11a}.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);min-height:500px}.overview-tab,.email-templates-tab{display:flex;flex-direction:column;gap:var(--space-xl)}.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(2,1fr);gap:var(--space-lg)}.info-item{display:flex;flex-direction:column;gap:var(--space-xs);background:var(--bg-primary);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--gray-200);align-items:flex-start!important}.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;align-self:flex-start!important}.info-item input,.info-item select,.info-item textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;min-height:38px}.info-item input:focus,.info-item select:focus,.info-item textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.info-item textarea{min-height:80px;resize:vertical}.source-badge{margin-left:var(--space-xs);padding:.125rem .5rem;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-dark);font-size:.6875rem;font-weight:600;text-transform:uppercase}.info-item .status-badge{display:inline-block!important;padding:8px 10px!important;border-radius:12px!important;color:#fff!important;font-size:.6875rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.02em!important;height:auto!important;min-height:22px!important;white-space:nowrap!important;text-align:center!important;align-self:flex-start!important;margin-left:0!important;margin-right:auto!important;float:none!important;width:auto!important;max-width:fit-content!important}.status-badge-small{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:10px;color:#fff;font-size:.625rem;font-weight:500;margin-right:var(--space-sm);height:auto;min-height:20px;width:fit-content;white-space:nowrap}.temperature-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;height:auto;min-height:22px;white-space:nowrap;text-align:center}.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,.visits-tab,.files-tab,.activity-tab,.overview-tab{width:100%;min-height:500px;height:500px;display:flex;flex-direction:column;overflow-y:auto}.timeline-tab{padding-left:40px;padding-right:16px}.visits-tab:has(.no-data),.timeline-tab:has(.no-timeline),.files-tab:has(.no-data){justify-content:flex-start;height:500px;min-height:500px}.timeline-tab h3{margin:0;font-size:1.125rem;color:var(--text-primary);font-weight:500}.timeline-header-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:var(--space-lg);flex-wrap:wrap}.timeline-filters{display:flex;align-items:center;gap:0;border:1px solid var(--gray-300);border-radius:8px;overflow:hidden;background:var(--bg-primary);box-shadow:0 1px 2px #0000000a}.timeline-filter-btn{padding:7px 16px;border:none;border-right:1px solid var(--gray-200);background:var(--bg-primary);border-radius:0;font-size:.8125rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);font-weight:600;white-space:nowrap}.timeline-filter-btn:last-of-type{border-right:none}.timeline-filter-btn:hover:not(.active){background:var(--gray-50);color:var(--text-primary)}.timeline-filter-btn.active{background:var(--brand-primary, var(--primary));color:var(--text-on-brand, #fff);box-shadow:inset 0 1px 3px #0000001a}.timeline-date-input{padding:6px 12px;border:none;border-left:1px solid var(--gray-300);background:var(--bg-primary);border-radius:0;font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-weight:500;outline:none;min-width:130px}.timeline-date-input:hover{background:var(--gray-100)}.timeline-date-input:focus{background:var(--gray-100)}.timeline-container{position:relative;padding-left:40px;width:100%;margin:0}.timeline-container:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--gray-300) 0%,var(--gray-200) 100%);z-index:0}.timeline-date-group{margin-bottom:32px;animation:fadeIn var(--transition-base)}.timeline-date-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);margin-bottom:20px;margin-left:0;padding:12px 0;font-weight:700;font-size:1.05rem;color:var(--text-primary);position:relative;letter-spacing:-.01em}.timeline-date-header:hover{color:var(--brand-primary, var(--primary))}.timeline-date-header:before{content:"";position:absolute;left:-32px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:var(--brand-primary, #6366f1);border:3px solid var(--bg-primary);box-shadow:0 2px 8px #0000001f;z-index:3;transition:all var(--transition-fast)}.timeline-date-group:has(.timeline-items-wrapper) .timeline-date-header:before{background:var(--brand-primary, #6366f1);border-color:var(--bg-primary);box-shadow:0 3px 12px #6366f14d}.timeline-date-highlight{animation:highlightPulse 1.5s ease-in-out}@keyframes highlightPulse{0%,to{background:var(--bg-surface)}50%{background:var(--brand-primary-alpha, rgba(99, 102, 241, .15))}}.timeline-date-label{display:flex;align-items:center;gap:12px;font-size:1.05rem;margin-left:0}.timeline-chevron{font-size:1.1rem;color:var(--text-tertiary);transition:transform var(--transition-fast);display:inline-block;font-weight:600;opacity:.6}.timeline-activity-count{background:var(--brand-primary, var(--primary));color:var(--text-on-brand, #fff);padding:3px 12px;border-radius:14px;font-size:.75rem;font-weight:700;min-width:28px;text-align:center;box-shadow:0 2px 6px #6366f140}.timeline-items-wrapper{animation:slideDown .3s ease-out;padding-left:0;margin-left:0}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:5000px;transform:translateY(0)}}.timeline-item{position:relative;margin-bottom:20px;padding-left:40px;animation:fadeIn var(--transition-base);cursor:pointer;transition:all var(--transition-fast)}.timeline-item.expanded,.timeline-item:hover{transform:translate(2px)}.timeline-item:before{display:none}.timeline-marker{position:absolute;left:-32px;top:16px;width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-primary);background:var(--brand-primary, #6366f1);z-index:2;box-shadow:0 2px 6px #00000026;transition:all var(--transition-fast)}.timeline-item:hover .timeline-marker{transform:scale(1.15);box-shadow:0 3px 8px #0003}.timeline-marker.status-change,.timeline-marker.note,.timeline-marker.call,.timeline-marker.visit,.timeline-marker.communication{background:var(--brand-primary, #6366f1);border-color:var(--bg-primary)}.timeline-content-compact{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:10px;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;width:100%;max-width:100%}.timeline-item:hover .timeline-content-compact{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;border-color:var(--gray-300)}.timeline-item.expanded .timeline-content-compact{box-shadow:0 4px 16px #0000001a,0 2px 6px #0000000f;border-color:var(--brand-primary, var(--primary));background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(99,102,241,.02) 100%)}.timeline-compact-header{display:flex;flex-direction:column;gap:4px}.timeline-icon{display:none}.timeline-compact-info{flex:1;min-width:0}.timeline-compact-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.timeline-type-compact{font-weight:700;font-size:.6875rem;color:var(--text-on-brand, #fff);text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px;background:var(--brand-primary, var(--primary));display:inline-flex;align-items:center;gap:5px;white-space:nowrap;box-shadow:0 1px 3px #6366f140}.timeline-type-compact:before{font-size:.85rem}.timeline-type-compact[data-type=NOTE]:before{content:"📝"}.timeline-type-compact[data-type=CALL]:before{content:"📞"}.timeline-type-compact[data-type=MEETING]:before{content:"🤝"}.timeline-type-compact[data-type=FOLLOWUP]:before{content:"⏰"}.timeline-type-compact[data-type="SITE VISIT"]:before{content:"📍"}.timeline-type-compact[data-type="STATUS CHANGE"]:before{content:"🔄"}.timeline-time-compact{color:var(--text-tertiary);font-size:.8125rem;white-space:nowrap;font-weight:500;opacity:.8}.timeline-summary{color:var(--text-primary);font-size:.9375rem;line-height:1.5;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:400}.timeline-meta{color:var(--text-secondary);font-size:.8125rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-badge-mini{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600;color:#fff;text-transform:uppercase}.timeline-expanded-content{margin-top:14px;padding-top:14px;border-top:1px solid var(--gray-200);animation:expandContent .25s ease-out}@keyframes expandContent{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.timeline-detail-row{margin-top:8px;padding:8px 12px;background:var(--gray-50);border-radius:6px;font-size:.8125rem;color:var(--text-secondary);border:1px solid var(--gray-100)}.timeline-detail-row strong{color:var(--text-primary);margin-right:6px;font-weight:600}.timeline-detail-row a{color:#0284c7;text-decoration:none;word-break:break-all}.timeline-detail-row a:hover{text-decoration:underline}.status-from,.status-to{padding:2px 8px;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.status-from{background:var(--gray-100);color:var(--text-secondary)}.status-to{background:var(--brand-primary, var(--primary));color:var(--text-on-brand, var(--text-inverse))}.arrow{color:var(--text-tertiary);font-weight:500;font-size:.875rem}.timeline-author{color:var(--text-tertiary);font-size:.75rem;margin-left:auto;font-style:italic}.timeline-scheduled-info{margin-top:4px;padding:4px 8px;background:var(--gray-100);border-radius:4px;color:var(--text-secondary);font-size:.75rem}.timeline-scheduled-info strong{color:var(--brand-primary, var(--primary));margin-right:4px;font-weight:500}.timeline-meeting-link{margin-top:4px;padding:4px 8px;background:#0284c71a;border-radius:4px;color:var(--text-secondary);font-size:.75rem}.timeline-meeting-link strong{color:#0284c7;margin-right:4px;font-weight:500}.timeline-meeting-link a{color:#0284c7;text-decoration:none;word-break:break-all}.timeline-meeting-link a:hover{text-decoration:underline}.timeline-notes{color:var(--text-primary);line-height:1.5;margin-top:8px;font-size:.875rem;white-space:pre-wrap}.no-timeline{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary);min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--gray-300);max-width:480px;margin:0 auto}.no-timeline:before{content:"🕒";font-size:3rem;display:block;margin-bottom:12px;opacity:.5}.no-timeline p{margin:0 0 8px;font-size:1rem;font-weight:500;color:var(--text-secondary)}.no-timeline:after{content:"Add a note, call, or schedule a visit to track activities";display:block;font-size:.875rem;color:var(--text-tertiary);margin-top:4px}.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 8px;gap:8px;display:flex;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:var(--bg-primary);border-bottom:1px solid var(--gray-200);flex-shrink:0}.lead-detail-modal .modal-tabs::-webkit-scrollbar{display:none}.lead-detail-modal .modal-tabs{-ms-overflow-style:none;scrollbar-width:none}.lead-detail-modal .tab{flex:1 1 0;min-width:0;padding:10px 12px;font-size:.95rem;min-height:40px;white-space:nowrap;border-radius:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font-weight:500;text-align:center}.lead-detail-modal .tab.active{border-bottom-color:var(--brand-primary, #6366f1);color:var(--brand-primary, #6366f1);background:transparent;font-weight:600;box-shadow:none}.lead-detail-modal .tab.active:after{display:none!important;transform:none}.lead-detail-modal .modal-tabs .tab .tab-text-full,.lead-detail-modal .tab .tab-text-full,.tab .tab-text-full{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;position:absolute!important}.lead-detail-modal .modal-tabs .tab .tab-text-short,.lead-detail-modal .tab .tab-text-short,.tab .tab-text-short{display:inline!important;visibility:visible!important}.info-grid{grid-template-columns:1fr;gap:var(--space-md)}.lead-detail-modal .modal-body{padding:var(--space-md)}.overview-tab{display:flex;flex-direction:column;gap:var(--space-md)}.notes-tab,.timeline-tab,.visits-tab,.files-tab,.activity-tab{display:flex;flex-direction:column}.timeline-tab{padding-left:16px;padding-right:12px}.no-data,.no-timeline{min-height:200px;flex:1}.timeline-filters{gap:6px;padding:10px;flex-direction:column;align-items:stretch}.timeline-filters-left{gap:6px}.timeline-filter-btn{font-size:.8rem;padding:5px 12px}.timeline-date-input{width:100%;min-width:unset}.timeline-container{padding-left:28px;max-width:100%}.timeline-container:before{left:12px}.timeline-date-header{padding:10px 0;font-size:.95rem}.timeline-date-header:before{left:-22px;width:10px;height:10px;border:2px solid var(--bg-primary);background:var(--brand-primary, #6366f1)}.timeline-date-group:has(.timeline-items-wrapper) .timeline-date-header:before{background:var(--brand-primary, #6366f1);border-color:var(--bg-primary)}.timeline-date-label{gap:8px;font-size:.9rem}.timeline-items-wrapper{padding-left:0}.timeline-item{margin-bottom:16px;padding-left:28px}.timeline-marker{left:-22px;width:8px;height:8px;border:2px solid var(--bg-primary);background:var(--brand-primary, #6366f1)}.timeline-content-compact{padding:12px 14px;border-radius:8px}.timeline-type-compact{font-size:.65rem;padding:3px 8px}.timeline-time-compact{font-size:.75rem}.timeline-summary{font-size:.875rem}.no-timeline{min-height:180px}}@media (max-width: 800px) and (min-width: 491px){.timeline-container{padding-left:24px!important}.timeline-container:before{left:10px!important}.timeline-date-header:before{left:-15px!important;width:10px!important;height:10px!important;border:2px solid var(--bg-primary)!important;background:var(--brand-primary, #6366f1)!important}.timeline-marker{left:-15px!important;width:8px!important;height:8px!important;border:2px solid var(--bg-primary)!important;background:var(--brand-primary, #6366f1)!important}.timeline-item{padding-left:24px!important}}@media (max-width: 800px) and (min-width: 750px){.timeline-container:before{left:11px!important}}@media (max-width: 749px) and (min-width: 700px){.timeline-container:before{left:10px!important}}@media (max-width: 699px) and (min-width: 650px){.timeline-container:before{left:9px!important}}@media (max-width: 649px) and (min-width: 600px){.timeline-container:before{left:8px!important}}@media (max-width: 599px) and (min-width: 550px){.timeline-container:before{left:7px!important}}@media (max-width: 549px) and (min-width: 491px){.timeline-container:before{left:6px!important}}@media (max-width: 480px){.lead-detail-modal .modal-tabs{padding:0 var(--space-xs);gap:2px}.lead-detail-modal .tab{min-width:55px;padding:var(--space-sm) var(--space-xs);font-size:.75rem;min-height:40px}.lead-detail-modal .modal-body{padding:var(--space-sm)}.lead-detail-modal .modal-header h2{font-size:1rem}.no-data,.no-timeline{min-height:180px;flex:1}.timeline-filters{gap:4px;padding:8px;flex-wrap:wrap}.timeline-filter-btn{font-size:.75rem;padding:4px 10px}.timeline-tab{padding-left:30px;padding-right:10px}.timeline-container{padding-left:24px;max-width:100%}.timeline-container:before{left:10px}.timeline-date-header{padding:8px 0;font-size:.85rem}.timeline-date-header:before{left:-19px;width:12px;height:12px;border:2px solid var(--bg-primary);background:var(--brand-primary, #6366f1)}.timeline-date-group:has(.timeline-items-wrapper) .timeline-date-header:before{background:var(--brand-primary, #6366f1);border-color:var(--bg-primary)}.timeline-date-label{gap:6px;font-size:.85rem}.timeline-activity-count{font-size:.7rem;padding:2px 8px}.timeline-items-wrapper{padding-left:0}.timeline-item{padding-left:25px;margin-bottom:12px}.timeline-marker{left:-20px;width:12px;height:12px;border:2px solid var(--bg-primary);background:var(--brand-primary, #6366f1)}.timeline-content-compact{padding:10px 12px}.timeline-type-compact{font-size:.625rem;padding:3px 7px}.timeline-time-compact{font-size:.7rem}.timeline-summary{font-size:.8125rem}.timeline-notes{font-size:.8rem;margin-top:4px}.timeline-scheduled-info,.timeline-meeting-link{font-size:.7rem;padding:3px 6px}.timeline-files{margin-top:6px;padding:6px 8px}.timeline-files-label{font-size:.7rem;margin-bottom:4px}.timeline-file-thumbnail{width:36px;height:36px}.file-thumbnail-icon{font-size:.9rem}.no-timeline{min-height:150px;padding:var(--space-lg)}.lead-detail-modal .modal-footer{flex-direction:column;padding:var(--space-md);align-items:stretch}}.timeline-files{margin-top:10px;padding:8px 10px;background:var(--gray-50);border-radius:8px}.timeline-files-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;display:flex;align-items:center;gap:4px}.timeline-files-label:before{content:"📎";font-size:.875rem}.timeline-files-grid{display:flex;flex-wrap:wrap;gap:6px}.timeline-file-thumbnail{position:relative;width:48px;height:48px;border-radius:6px;overflow:hidden;cursor:pointer;transition:all var(--transition-base);border:1px solid var(--gray-200);background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.timeline-file-thumbnail:hover{border-color:var(--primary);transform:scale(1.08);box-shadow:0 2px 8px #0000001f}.file-thumbnail-img{width:100%;height:100%;object-fit:cover}.file-thumbnail-icon{font-size:1.25rem;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,.85),transparent);padding:3px;opacity:0;transition:opacity var(--transition-base)}.timeline-file-thumbnail:hover .file-thumbnail-overlay{opacity:1}.file-thumbnail-name{color:#fff;font-size:.625rem;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,.activity-tab{animation:fadeIn var(--transition-base)}.activity-tab h3{margin:0 0 var(--space-lg) 0;font-size:1.125rem;color:var(--text-primary);font-weight:500}.activity-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.activity-list-card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:12px;padding:16px;transition:all .2s ease}.activity-list-card:hover{box-shadow:0 4px 12px #00000014;border-color:var(--primary-light)}.activity-list-card.interaction-card{background:linear-gradient(135deg,var(--gray-50) 0%,var(--bg-primary) 100%)}.activity-list-card.contact-card{grid-column:1 / -1;background:linear-gradient(135deg,#f0fdf4 0%,var(--bg-primary) 100%);border-color:#bbf7d0}.activity-list-card.contact-card:hover{border-color:#86efac}.card-header-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--gray-200)}.header-title{font-size:.875rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.card-list-items{display:flex;flex-direction:column;gap:10px}.list-item-row{display:flex;align-items:center;gap:10px;padding:8px 0}.row-label{flex:1;font-size:.875rem;color:var(--text-secondary);font-weight:500}.row-value{font-size:.9375rem;font-weight:600;color:var(--text-primary);text-align:right;min-width:50px}.row-value.total,.row-value.highlight{color:var(--primary);font-weight:700}.row-value.verified{color:#10b981}.row-value.not-verified{color:var(--text-secondary)}.card-divider{height:1px;background:var(--gray-200);margin:12px 0}.total-row{padding-top:0}@media (max-width: 768px){.activity-cards-grid{grid-template-columns:1fr;gap:12px}.activity-list-card{padding:14px}.card-header-row{margin-bottom:12px;padding-bottom:10px}.list-item-row{gap:8px;padding:6px 0}.row-label{font-size:.8125rem}.row-value{font-size:.875rem}}@media (max-width: 480px){.activity-tab h3,.timeline-tab h3,.calls-tab h3,.visits-tab h3{font-size:1rem;margin-bottom:0}.activity-list-card{padding:12px}.header-title,.row-label{font-size:.75rem}.row-value{font-size:.8125rem;min-width:40px}.interaction-value{font-size:.75rem}}.calls-tab{animation:fadeIn var(--transition-base)}.calls-tab h3,.visits-tab h3{margin:0 0 var(--space-lg) 0;font-size:1.125rem;color:var(--text-primary);font-weight:500}.calls-list,.visits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;animation:fadeIn .3s ease}.visit-card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;box-shadow:0 2px 8px #0000000f;animation:slideUp .3s ease both}.visit-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-light)}.visit-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.visit-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.visit-status-badge.scheduled{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border:1px solid #fbbf2433}.visit-status-badge.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:1px solid #10b98133}.visit-status-badge.cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #ef444433}.visit-verified-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#d1fae5;color:#059669;border-radius:6px;font-size:.75rem;font-weight:600}.visit-card-title{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin:0}.visit-card-info{display:flex;flex-direction:column;gap:8px}.visit-info-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.visit-info-item .icon{color:var(--text-tertiary);flex-shrink:0}.visit-info-item .lead-info-icon{flex-shrink:0;width:14px;height:14px;color:var(--text-secondary);opacity:.7}.visit-info-text{color:var(--text-secondary);font-size:.875rem}.visit-remarks{display:flex;align-items:flex-start;gap:8px;padding:8px;background:var(--gray-50);border-radius:6px;font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin-top:4px}.visit-remarks .icon{flex-shrink:0;margin-top:2px}.visit-remarks .lead-info-icon{flex-shrink:0;width:14px;height:14px;color:var(--text-secondary);opacity:.7;margin-top:2px}.visit-card-actions{display:flex;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid var(--gray-200)}.visit-card-actions .btn{flex:1;min-width:0}@media (max-width: 768px){.visits-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.visit-card{padding:14px}}@media (max-width: 640px){.visits-grid{grid-template-columns:1fr;gap:12px}.visit-card{padding:16px}.visit-card-actions{flex-direction:column}.visit-card-actions .btn{width:100%}}.visits-list{display:flex;flex-direction:column;gap:var(--space-lg)}.call-item,.visit-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.call-item:hover,.visit-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.call-header,.visit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);gap:var(--space-sm);flex-wrap:wrap}.call-type{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:.8125rem;font-weight:600}.call-type.outgoing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.call-type.incoming{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.call-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase}.call-status.answered{background:#d1fae5;color:#059669}.call-status.not_answered,.call-status.missed{background:#fee2e2;color:#dc2626}.call-details,.visit-details{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.call-details p,.visit-details p{margin:var(--space-xs) 0}.call-time,.call-by{font-size:.8125rem;color:var(--text-secondary)}.no-data{text-align:center;padding:var(--space-3xl);color:var(--text-secondary);font-size:.9375rem;min-height:300px;display:flex;align-items:center;justify-content:center;flex:1;width:100%}.visits-tab{animation:fadeIn var(--transition-base)}.visit-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;text-transform:uppercase}.visit-status.scheduled{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.visit-status.conducted{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.visit-status.did_not_visit,.visit-status.not_interested{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.visit-status.cancelled{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#6b7280}.visit-verified{font-size:.75rem;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.activity-stats-grid,.contact-info-grid{grid-template-columns:1fr}.timeline-header-row{flex-direction:column;align-items:flex-start;gap:10px}.timeline-filters{display:flex;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:8px;border:none;border-radius:0;overflow:visible;background:transparent}.timeline-filter-btn{display:inline-flex;padding:6px 12px;border:1px solid #d1d5db!important;background:var(--bg-primary);border-radius:16px!important;font-size:.75rem;cursor:pointer;color:var(--text-secondary);font-weight:500;white-space:nowrap}.timeline-filter-btn:last-of-type{border-right:1px solid #d1d5db!important}.timeline-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)!important}.timeline-date-input{padding:6px 10px;font-size:.75rem;border-radius:16px;border:1px solid #d1d5db;min-width:120px;margin-top:0}.timeline-container{padding-left:32px}.timeline-container:before{left:12px}.timeline-date-header:before{width:10px;height:10px}.timeline-marker{width:8px;height:8px}.timeline-item:after{left:-23px;width:15px}.timeline-date-label{font-size:.9rem}.timeline-chevron{font-size:1.125rem}}.lead-phone-actions{display:inline-flex;align-items:center;gap:var(--space-sm)}.lead-cti-link{font-size:.8rem;color:var(--brand-primary)}.lead-sms-send-row{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}@media (min-width: 480px){.lead-sms-send-row{flex-direction:row;align-items:flex-end}.lead-sms-send-row textarea{flex:1}}.ldv-unit-browse-btn{margin-left:auto;font-size:.78rem;padding:3px 10px}.ldv-unit-empty{color:var(--text-muted);font-size:.85rem;margin:0}.ldv-unit-list{display:flex;flex-direction:column;gap:8px}.ldv-unit-chip{display:flex;align-items:center;gap:8px;border-left:4px solid transparent;border-radius:6px;padding:6px 10px;flex-wrap:wrap}.ldv-unit-label{font-weight:600;font-size:.85rem;color:var(--text-primary)}.ldv-unit-badge{font-size:.7rem;font-weight:700;border-radius:10px;padding:2px 8px;letter-spacing:.03em;text-transform:uppercase}.ldv-unit-countdown{font-size:.75rem;color:var(--unit-held);font-weight:600}.ldv-unit-project{font-size:.75rem;color:var(--text-muted);margin-left:auto}.ldv-inventory-modal{max-width:1200px!important;width:95vw;max-height:90vh;display:flex;flex-direction:column}.ldv-inventory-canvas-wrap{flex:1;overflow:auto;padding:var(--space-md)}.qal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn var(--transition-fast)}.qal-modal{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);animation:slideUp var(--transition-base);overflow:hidden}.qal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-lg) var(--space-lg) 0;gap:var(--space-md)}.qal-header-text{flex:1}.qal-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.qal-subtitle{font-size:.8rem;color:var(--text-secondary);margin:0}.qal-close-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.qal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.qal-form{padding:var(--space-lg);display:flex;flex-direction:column;gap:20px}.qal-duplicate-warn{display:flex;align-items:center;gap:6px;padding:var(--space-sm) var(--space-md);background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--radius-md);color:var(--warning-dark);font-size:.8125rem;line-height:1.4;margin-top:6px}.qal-duplicate-warn svg{flex-shrink:0}.qal-error{padding:var(--space-sm) var(--space-md);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error-dark);font-size:.8125rem}.qal-footer{display:flex;gap:var(--space-sm);justify-content:flex-end;padding-top:var(--space-sm)}.qal-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg) var(--space-md);text-align:center}.qal-success-icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--success-light);color:var(--success);display:flex;align-items:center;justify-content:center}.qal-success-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.qal-success-name{font-size:.9375rem;color:var(--text-secondary);margin:0}.qal-add-another{display:block;width:calc(100% - var(--space-lg) * 2);margin:0 var(--space-lg) var(--space-lg);padding:var(--space-sm);border:1.5px dashed var(--border-color);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:.875rem;font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);text-align:center}.qal-add-another:hover{border-color:var(--brand-primary);color:var(--brand-primary)}@media (max-width: 480px){.qal-modal{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:fixed;bottom:0;left:0;right:0}.qal-backdrop{align-items:flex-end;padding:0}}.followup-form-wrapper{position:relative}.modal-close-btn{position:absolute;top:-8px;right:-8px;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.modal-close-btn:hover{background:#fee2e2;color:#dc2626}.followup-form{background:var(--bg-card);padding:0;max-width:480px}.form-header-compact{margin-bottom:16px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.form-header-compact h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.lead-name-inline{font-size:14px;color:var(--brand-primary, var(--primary));font-weight:500}.error-banner{background:#fee2e2;color:#dc2626;padding:10px 12px;border-radius:6px;margin-bottom:12px;font-size:13px}.followup-form .form-group{margin-bottom:14px}.followup-form .form-group>.form-label:first-child{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-primary)}.category-options{display:flex;gap:8px;flex-wrap:wrap}.category-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;flex:1;min-width:120px}.category-option:hover{border-color:var(--brand-primary, var(--primary));background:var(--bg-surface)}.category-option.selected{border-color:var(--brand-primary, var(--primary));background:var(--brand-primary-alpha, rgba(37, 99, 235, .12))}.category-option input{display:none}.category-content{display:flex;flex-direction:column;gap:1px}.category-label{font-weight:600;color:var(--text-primary);font-size:13px}.category-desc{font-size:10px;color:var(--text-secondary)}.datetime-section{margin-bottom:14px}.datetime-section .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.datetime-section .form-group{margin-bottom:0}.quick-dates{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.quick-label{font-size:11px;color:var(--text-secondary);font-weight:500}.quick-dates button{padding:4px 10px;border:1px solid var(--border-color);background:var(--bg-card);border-radius:4px;font-size:11px;cursor:pointer;transition:all .15s;color:var(--text-primary)}.quick-dates button:hover{background:var(--brand-primary, var(--primary));color:var(--text-on-brand);border-color:var(--brand-primary, var(--primary))}.followup-form .form-textarea{resize:vertical;min-height:60px}.followup-form .btn-cancel{min-width:100px}.followup-form .btn-primary{min-width:150px}.followup-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .category-option.selected{background:#6366f133}@media (max-width: 480px){.category-options{flex-direction:column}.category-option{min-width:100%}.datetime-row{flex-direction:column}.quick-dates{justify-content:flex-start}.form-header-compact{flex-direction:column;gap:4px}.form-header-compact h2{font-size:16px}}.ar-wrap{max-width:860px;margin:0 auto;padding:0 0 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#111827}.ar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 0 20px;flex-wrap:wrap}.ar-title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px}.ar-subtitle{font-size:14px;color:#64748b;margin:0;line-height:1.5}.ar-sections{display:flex;flex-direction:column;gap:16px}.ar-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px}.ar-card-hd{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ar-card-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ar-card-title{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 2px}.ar-card-desc{font-size:13px;color:#64748b;margin:0}.ar-badge{margin-left:auto;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#f3f4f6;color:#374151}.ar-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ar-role-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px;border:2px solid #e5e7eb;border-radius:10px;background:#fafafa;cursor:pointer;transition:all .18s ease;text-align:center;gap:4px}.ar-role-card:hover,.ar-role-card--on{border-color:#6366f1;background:#eef2ff}.ar-role-check{position:absolute;top:8px;right:8px;width:18px;height:18px;background:#6366f1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.ar-role-label{font-size:13px;font-weight:600;color:#1e293b}.ar-role-sub{font-size:12px;color:#64748b}.ar-strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ar-strat-card{display:flex;flex-direction:column;align-items:center;padding:18px 14px 14px;border:2px solid #e5e7eb;border-radius:12px;background:#fafafa;cursor:pointer;transition:all .18s ease;text-align:center;gap:8px;position:relative}.ar-strat-card:hover{border-color:#93c5fd;background:#f8faff;transform:translateY(-1px)}.ar-strat-card--on{transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.ar-strat-ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .18s}.ar-strat-label{font-size:14px;font-weight:700;color:#1e293b}.ar-strat-desc{font-size:12px;color:#64748b;line-height:1.45}.ar-strat-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;margin-top:2px}.ar-rr-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ar-rr-tile{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;background:#fafafa;cursor:pointer;transition:all .18s;text-align:left;flex-wrap:wrap}.ar-rr-tile:hover{border-color:#6366f1;background:#f5f3ff}.ar-rr-tile--on{border-color:#6366f1;background:#eef2ff}.ar-rr-tile--over{border-color:#fca5a5;background:#fff5f5}.ar-rr-info{flex:1;min-width:0}.ar-rr-name{display:block;font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-rr-meta{display:block;font-size:11px;color:#64748b;margin-top:1px}.ar-chk{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.ar-chk--on{background:#6366f1;border-color:#6366f1;color:#fff}.ar-over-pill{width:100%;padding:3px 8px;background:#fee2e2;color:#dc2626;border-radius:4px;font-size:11px;font-weight:600;text-align:center}.ar-empty{grid-column:1/-1;text-align:center;padding:32px;color:#94a3b8;font-size:14px}.ar-divider{height:1px;background:#f1f5f9;margin:16px 0}.ar-group-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}.ar-thresh-list{display:flex;flex-direction:column}.ar-stepper{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;flex-wrap:wrap}.ar-stepper-info{flex:1;min-width:180px}.ar-stepper-label{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:2px}.ar-stepper-help{display:block;font-size:12px;color:#64748b;line-height:1.45}.ar-stepper-control{display:flex;align-items:center;gap:0;border:1.5px solid #d1d5db;border-radius:8px;overflow:hidden;flex-shrink:0}.ar-stepper-btn{width:36px;height:36px;background:#f8fafc;border:none;font-size:18px;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.ar-stepper-btn:hover{background:#e2e8f0}.ar-stepper-input{width:64px;height:36px;border:none;border-left:1.5px solid #d1d5db;border-right:1.5px solid #d1d5db;text-align:center;font-size:14px;font-weight:600;color:#1e293b;outline:none;-moz-appearance:textfield}.ar-stepper-input::-webkit-inner-spin-button,.ar-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none}.ar-toggle-list{display:flex;flex-direction:column}.ar-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}.ar-tgl-info{flex:1}.ar-tgl-label{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:2px}.ar-tgl-desc{display:block;font-size:12px;color:#64748b;line-height:1.45}.ar-toggle{width:44px;height:24px;border-radius:12px;background:#d1d5db;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;padding:0}.ar-toggle--on{background:#6366f1}.ar-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s}.ar-toggle--on .ar-toggle-thumb{transform:translate(20px)}.ar-tbl-wrap{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.ar-tbl{width:100%;border-collapse:collapse;font-size:13px}.ar-tbl thead th{padding:10px 14px;background:#f8fafc;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.ar-tbl tbody td{padding:12px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.ar-tbl tbody tr:last-child td{border-bottom:none}.ar-tbl tbody tr:hover td{background:#f9fafb}.ar-row-over td{background:#fff5f5!important}.ar-tbl-user{display:flex;align-items:center;gap:8px;font-weight:600;color:#1e293b}.ar-num{font-weight:600;color:#374151}.ar-num--hw{color:#ea580c}.ar-muted{color:#9ca3af}.ar-bar-wrap{display:flex;align-items:center;gap:8px;min-width:100px}.ar-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;min-width:50px}.ar-bar-fill{height:100%;border-radius:3px;transition:width .3s}.ar-bar-pct{font-size:11px;font-weight:600;color:#64748b;white-space:nowrap}.ar-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.ar-pill--ok{background:#dcfce7;color:#16a34a}.ar-pill--over{background:#fee2e2;color:#dc2626}.ar-cap-cell{display:flex;align-items:center;gap:6px}.ar-cap-in{width:80px;padding:7px 10px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13px;text-align:center;color:#1e293b;outline:none;transition:border-color .15s;-moz-appearance:textfield}.ar-cap-in::-webkit-inner-spin-button,.ar-cap-in::-webkit-outer-spin-button{-webkit-appearance:none}.ar-cap-in:focus{border-color:#6366f1}.ar-cap-in--wide{width:130px;text-align:left}.ar-cap-spin{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:ar-spin .7s linear infinite;flex-shrink:0}.ar-mob-caps{display:none}.ar-mob-cap{padding:16px;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px}.ar-mob-cap--over{border-color:#fca5a5;background:#fff5f5}.ar-mob-cap-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ar-mob-cap-info{flex:1;min-width:0}.ar-mob-cap-name{display:block;font-size:14px;font-weight:600;color:#1e293b}.ar-mob-cap-meta{display:block;font-size:12px;color:#64748b;margin-top:2px}.ar-mob-cap-bar{margin-bottom:12px}.ar-mob-cap-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ar-mob-cap-lbl{font-size:13px;font-weight:500;color:#374151}.ar-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:20px 0 0;border-top:1px solid #e5e7eb;margin-top:8px;flex-wrap:wrap}.ar-footer-hint{font-size:13px;color:#94a3b8}.ar-readonly-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:13px;color:#92400e;margin-bottom:4px}.ar-btn-primary{display:inline-flex;align-items:center;gap:7px;padding:0 22px;white-space:nowrap}.ar-btn-primary:hover:not(:disabled){transform:translateY(-1px)}.ar-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.ar-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ar-spin .7s linear infinite;display:inline-block}@keyframes ar-spin{to{transform:rotate(360deg)}}.ar-toast{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;box-shadow:0 8px 24px #00000024;animation:ar-toast-in .25s ease;max-width:340px}.ar-toast--success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.ar-toast--error{background:#fff1f2;color:#dc2626;border:1px solid #fecdd3}.ar-toast-close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:0;display:flex;align-items:center}.ar-toast-close:hover{opacity:1}@keyframes ar-toast-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ar-skeleton-card{padding:20px 24px}.ar-skel{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;animation:ar-shimmer 1.4s infinite;margin-bottom:12px}.ar-skel--title{height:18px;width:45%}.ar-skel--line{height:13px;width:80%}.ar-skel--short{height:13px;width:55%}@keyframes ar-shimmer{to{background-position:-200% 0}}.ar-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:#64748b;text-align:center}.ar-wrap,.ar-title,.ar-card-title,.ar-strat-label,.ar-stepper-label,.ar-tgl-label,.ar-tbl-user,.ar-mob-cap-name,.ar-num{color:var(--text-primary)}.ar-subtitle,.ar-card-desc,.ar-role-sub,.ar-rr-meta,.ar-stepper-help,.ar-tgl-desc,.ar-bar-pct,.ar-footer-hint,.ar-mob-cap-meta,.ar-mob-cap-lbl{color:var(--text-secondary)}.ar-card{background:var(--bg-card);border-color:var(--border-color)}.ar-divider{background:var(--divider)}.ar-badge{background:var(--bg-surface);color:var(--text-secondary)}.ar-role-card,.ar-strat-card,.ar-rr-tile,.ar-mob-cap{background:var(--bg-surface);border-color:var(--border-color)}.ar-role-card:hover,.ar-role-card--on,.ar-rr-tile:hover,.ar-rr-tile--on{border-color:var(--brand-primary, var(--primary));background:var(--brand-primary-alpha, rgba(37, 99, 235, .12))}.ar-chk{border-color:var(--border-strong);background:var(--bg-card)}.ar-chk--on{background:var(--brand-primary, var(--primary));border-color:var(--brand-primary, var(--primary))}.ar-stepper-control{border-color:var(--border-color);background:var(--bg-card)}.ar-stepper-btn{background:var(--bg-surface);color:var(--text-primary)}.ar-stepper-btn:hover{background:var(--bg-surface-raised)}.ar-stepper-input{background:var(--bg-card);color:var(--text-primary);border-left-color:var(--border-color);border-right-color:var(--border-color)}.ar-toggle{background:var(--border-strong)}.ar-toggle--on{background:var(--brand-primary, var(--primary))}.ar-toggle-thumb{background:var(--bg-card)}.ar-tbl-wrap,.ar-tbl thead th,.ar-tbl tbody td,.ar-footer{border-color:var(--border-color)}.ar-tbl thead th{background:var(--bg-surface);color:var(--text-secondary)}.ar-tbl tbody td{background:var(--bg-card)}.ar-tbl tbody tr:hover td{background:var(--bg-surface)}.ar-bar{background:var(--border-color)}.ar-cap-in{background:var(--bg-input);border-color:var(--border-color);color:var(--text-primary)}.ar-cap-in:focus{border-color:var(--brand-primary, var(--primary));box-shadow:0 0 0 3px var(--brand-primary-alpha, rgba(37, 99, 235, .12))}.ar-cap-spin{border-color:var(--border-color);border-top-color:var(--brand-primary, var(--primary))}.ar-btn-primary{min-width:150px}@media (max-width: 700px){.ar-wrap{padding:0 0 60px}.ar-card{padding:16px}.ar-header{padding:16px 0 12px}.ar-role-grid,.ar-strategy-grid{grid-template-columns:1fr}.ar-strat-card{flex-direction:row;text-align:left;align-items:flex-start;padding:14px}.ar-strat-ico{width:40px;height:40px;flex-shrink:0}.ar-strat-label{font-size:14px}.ar-strat-badge{display:none}.ar-rr-grid{grid-template-columns:1fr}.ar-stepper{flex-direction:column;align-items:flex-start;gap:10px}.ar-tbl-wrap{display:none}.ar-mob-caps{display:block}.ar-footer{flex-direction:column-reverse;align-items:stretch}.ar-btn-primary{justify-content:center}.ar-footer-hint{text-align:center}.ar-toast{top:auto;bottom:16px;right:12px;left:12px;max-width:none}}@media (max-width: 480px){.ar-title{font-size:18px}.ar-card-hd{gap:10px}.ar-badge{margin-left:0}}.lifecycle-flowchart{background:var(--bg-primary);border-radius:var(--radius-lg);padding:12px 16px;position:relative;isolation:isolate}.lifecycle-flowchart.change-modal-open .timeline-container,.lifecycle-flowchart.change-modal-open .timeline-track,.lifecycle-flowchart.change-modal-open .timeline-stage{z-index:0}.flowchart-header{margin-bottom:8px;position:relative;z-index:5;background:var(--bg-primary)}.flowchart-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 2px}.flowchart-description{color:var(--text-muted);font-size:.8125rem;margin:0}.timeline-container{padding:16px 0;border:none;position:relative;z-index:5;background:var(--bg-primary)}.timeline-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:-1}.timeline-track{display:flex;align-items:center;justify-content:center;gap:0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:4px 0;border:none;position:relative;z-index:5;background:var(--bg-primary)}.timeline-stage{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;background:var(--bg-secondary);border:2px solid var(--gray-200);border-radius:12px;width:130px;min-width:130px;position:relative;transition:all .2s ease;z-index:5}.timeline-stage.clickable{cursor:pointer}.timeline-stage.clickable:hover{border-color:var(--primary);background:var(--brand-primary-alpha, rgba(37, 99, 235, .12));transform:translateY(-2px);box-shadow:0 4px 12px var(--brand-primary-alpha, rgba(37, 99, 235, .18))}.timeline-stage.completed{border-color:#22c55e;background:#f0fdf4}.timeline-stage.current{border-color:var(--primary);background:var(--brand-primary-alpha, rgba(37, 99, 235, .12));box-shadow:0 0 0 3px var(--brand-primary-alpha, rgba(37, 99, 235, .18))}.timeline-stage.dimmed{opacity:.5}.timeline-stage.dimmed.clickable{opacity:1}.timeline-stage:first-child{margin-left:0;border-left:2px solid var(--gray-200)}.timeline-stage:first-child.current{border-left:2px solid var(--primary)}.timeline-stage:first-child.completed{border-left:2px solid #22c55e}.stage-icon-wrapper{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:50%;box-shadow:0 1px 3px #0000001a}.stage-icon{font-size:1.25rem;line-height:1}.complete-check{position:absolute;top:-4px;right:-4px;background:#22c55e;color:#fff;font-size:.6rem;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.stage-label{font-size:.75rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2}.current-badge{position:absolute;top:-8px;right:-8px;background:var(--primary);color:#fff;font-size:.5625rem;font-weight:600;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.timeline-arrow{display:flex;align-items:center;justify-content:center;padding:0 4px;color:var(--gray-300);flex-shrink:0}.timeline-arrow svg{display:block}.timeline-arrow.active{color:#22c55e}.on-hold-banner{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--brand-primary-alpha, rgba(37, 99, 235, .12));border:1px solid color-mix(in srgb,var(--brand-primary, var(--primary)) 35%,transparent);border-radius:10px;margin-top:12px;position:relative;z-index:5}.on-hold-banner-content{display:flex;align-items:center;gap:10px}.on-hold-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border-radius:50%;color:var(--brand-primary, var(--primary));flex-shrink:0}.on-hold-text{display:flex;flex-direction:column;gap:2px}.on-hold-text strong{font-size:.875rem;font-weight:600;color:var(--text-primary)}.on-hold-text span{font-size:.75rem;color:var(--text-secondary)}.resume-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;width:100%}.resume-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.resume-btn:hover{background:var(--brand-primary, var(--primary));color:var(--text-on-brand, #fff);border-color:var(--brand-primary, var(--primary))}.resume-icon{font-size:.875rem}.put-on-hold-section{display:flex;justify-content:center;margin-top:12px;position:relative;z-index:5;background:transparent}.put-on-hold-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px dashed var(--gray-300);padding:8px 16px;border-radius:8px;font-size:.8125rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.put-on-hold-btn:hover{border-color:var(--primary);background:var(--brand-primary-alpha, rgba(37, 99, 235, .12));color:var(--primary)}.put-on-hold-btn svg{color:currentColor}.lifecycle-history{margin-top:20px;padding-top:16px;border-top:1px solid var(--gray-200);position:relative;z-index:1}.lifecycle-history h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.history-timeline{display:flex;flex-direction:column;gap:8px;padding-left:12px;position:relative;z-index:1;clip-path:inset(0 0 0 0)}.history-item{display:flex;gap:12px;position:relative;z-index:1}.history-item:before{content:none}.history-item:not(:last-child):after{content:"";position:absolute;left:3px;top:14px;bottom:-12px;width:2px;background:var(--gray-200);z-index:0}.history-marker{width:8px;height:8px;background:var(--primary);border-radius:50%;flex-shrink:0;margin-top:5px;position:relative;z-index:1}.history-content{flex:1;padding-bottom:8px}.history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.history-change{display:flex;align-items:center;gap:6px;font-size:.8125rem}.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:.6875rem;color:var(--text-muted)}.history-notes{font-size:.75rem;color:var(--text-secondary);margin-top:4px;padding:6px 10px;background:var(--bg-secondary);border-radius:6px}.history-author{font-size:.6875rem;color:var(--text-muted);margin-top:4px}.change-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100000;padding:16px;isolation:isolate;transform:translateZ(0)}.change-modal{background:var(--bg-primary);border-radius:12px;width:100%;max-width:420px;max-height:calc(100vh - 32px);box-shadow:0 20px 40px #00000040;animation:slideUp .2s ease-out;position:relative;z-index:100001;isolation:isolate;transform:translateZ(0);display:flex;flex-direction:column;overflow:hidden}.change-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--gray-200)}.change-modal-header h4{margin:0;font-size:.9375rem;font-weight:600}.change-modal-header .close-btn{background:none;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1}.change-modal-body{padding:20px;display:flex;flex-direction:column;gap:0;flex:1;min-height:0;overflow-y:auto}.stage-preview-box{flex-shrink:0;padding:16px;background:var(--bg-secondary, #f3f4f6);border:1px solid var(--gray-200, #e5e7eb);border-radius:10px;margin-bottom:20px}.stage-preview-heading{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #6b7280);margin-bottom:10px}.stage-preview-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px}.stage-preview-cell{min-width:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}.stage-preview-cell-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted, #6b7280);flex-shrink:0}.stage-preview-cell-value{display:flex;align-items:center;gap:8px;min-height:28px;line-height:1.35;overflow:hidden}.stage-preview-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;line-height:1;background:#fffc;border-radius:6px;border:1px solid rgba(0,0,0,.06)}.stage-preview-text{flex:1;min-width:0;font-size:.875rem;font-weight:600;color:var(--text-primary, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.stage-preview-arrow{flex-shrink:0;align-self:center;font-size:1.25rem;color:var(--gray-400, #9ca3af);padding:0 2px}.change-modal-notes{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid var(--gray-200, #e5e7eb);margin-top:4px}.change-modal-notes-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary, #374151);display:block}.change-modal-notes-input{width:100%;min-height:72px;padding:10px 12px;border:1px solid var(--gray-300, #d1d5db);border-radius:8px;font-size:.8125rem;font-family:inherit;resize:vertical;box-sizing:border-box}.change-modal-notes-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.change-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 12px 12px}@media (max-width: 768px){.lifecycle-flowchart{padding:10px 12px}.mobile-current-stage{display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:12px;padding:14px 16px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000f}.mobile-current-stage:active{background:var(--bg-secondary);transform:scale(.99)}.mobile-stage-info{display:flex;align-items:center;gap:12px}.mobile-stage-icon{font-size:1.5rem}.mobile-stage-details{display:flex;flex-direction:column;gap:2px}.mobile-stage-label{font-weight:600;font-size:1rem;color:var(--text-primary)}.mobile-stage-hint{font-size:.75rem;color:var(--text-muted)}.expand-icon,.collapse-icon{color:var(--gray-400);transition:transform .2s ease}.mobile-current-stage:hover .expand-icon{color:var(--gray-600)}.mobile-timeline-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-bottom:8px;cursor:pointer;font-weight:600;font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--gray-200)}.mobile-timeline-header:hover{color:var(--text-primary)}.timeline-container.mobile-hidden{display:none}.timeline-container{padding:12px 0}.timeline-track{flex-direction:column;gap:0;align-items:stretch}.timeline-stage{width:100%;min-width:100%;flex-direction:row;justify-content:flex-start;padding:10px 14px;gap:10px}.stage-icon-wrapper{width:36px;height:36px}.stage-icon{font-size:1rem}.stage-label{text-align:left;font-size:.8125rem}.current-badge{top:50%;transform:translateY(-50%);right:10px}.complete-check{top:-2px;right:-2px;width:14px;height:14px;font-size:.5rem}.timeline-arrow{transform:rotate(90deg);padding:4px 0;justify-content:center;margin:0 auto;width:100%}.timeline-arrow svg{width:20px;height:20px}.on-hold-banner{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.on-hold-banner-content{justify-content:flex-start}.resume-buttons{flex-direction:column;width:100%}.resume-btn{width:100%;justify-content:center;padding:10px 12px;font-size:.8125rem}.history-header{flex-direction:column;gap:4px}.stage-preview-row{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:8px}.stage-preview-arrow{transform:rotate(90deg);justify-self:center}.stage-preview-text{white-space:normal;overflow:visible;text-overflow:clip}.put-on-hold-btn{width:100%;justify-content:center;margin-top:8px}.change-stage-floating-btn{position:fixed;bottom:80px;right:16px;background:var(--primary);color:#fff;border:none;border-radius:28px;padding:14px 20px;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #6366f159;z-index:100;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.change-stage-floating-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}}@media (min-width: 769px){.mobile-current-stage,.mobile-timeline-header,.change-stage-floating-btn{display:none!important}}.construction-progress{display:flex;flex-direction:column;gap:24px;max-width:100%}.progress-overview{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:12px;padding:20px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.progress-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.edit-progress-btn{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-progress-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.edit-progress-btn svg{flex-shrink:0}.progress-display{display:flex;gap:24px;align-items:flex-start}.progress-summary{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.progress-circle{position:relative;width:120px;height:120px}.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:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.percentage-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.current-stage-badge{display:flex;align-items:center;gap:10px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:10px 14px;min-width:140px}.badge-icon{font-size:1.25rem}.badge-content{display:flex;flex-direction:column;gap:1px}.badge-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.badge-value{font-size:.8125rem;font-weight:600;color:var(--text-primary);text-transform:capitalize}.progress-stepper-container{flex:1;position:relative;min-width:0;max-height:320px;overflow:hidden}.progress-stepper{display:flex;flex-direction:column;gap:0;max-height:320px;overflow-y:auto;padding-right:8px;padding-bottom:24px}.progress-stepper::-webkit-scrollbar{width:4px}.progress-stepper::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.progress-stepper::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.progress-stepper::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.stepper-fade-bottom{position:absolute;bottom:0;left:0;right:8px;height:40px;background:linear-gradient(to top,var(--bg-primary) 0%,transparent 100%);pointer-events:none}.stepper-item{display:flex;align-items:flex-start;gap:12px;min-height:36px;transition:all .3s ease}.stepper-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.stepper-dot{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.stepper-item.current .stepper-dot{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stepper-line{width:2px;height:20px;margin-top:2px;transition:background-color .3s ease}.stepper-content{display:flex;align-items:center;justify-content:space-between;flex:1;padding:2px 0;min-width:0}.stepper-label{font-size:.8125rem;color:var(--text-secondary);transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper-item.completed .stepper-label{color:var(--text-muted)}.stepper-item.current .stepper-label{color:var(--text-primary);font-weight:600}.stepper-percent{font-size:.6875rem;color:var(--text-muted);flex-shrink:0;margin-left:8px}.stepper-item.current .stepper-percent{color:var(--primary);font-weight:600}.milestones-section{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:12px;padding:20px;overflow:visible}.milestones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.milestones-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.add-milestone-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--gray-300);padding:8px 14px;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-milestone-btn svg{flex-shrink:0}.add-milestone-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.milestones-compact-list{display:flex;flex-direction:column;gap:8px}.milestone-compact-card{background:var(--bg-secondary);border:1px solid var(--gray-200);border-radius:10px;transition:all .2s ease}.milestone-compact-card:hover{border-color:var(--gray-300)}.milestone-compact-card.expanded{border-color:var(--primary);box-shadow:0 2px 12px #6366f11a}.milestone-compact-row{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:background .15s ease}.milestone-compact-row:hover{background:var(--gray-50)}.milestone-status-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.milestone-status-icon[data-status=completed]{background:#dcfce7;color:#16a34a}.milestone-status-icon[data-status=in_progress]{background:#dbeafe;color:#2563eb}.milestone-status-icon[data-status=pending]{background:var(--gray-100);color:var(--gray-500)}.milestone-status-icon[data-status=delayed]{background:#fee2e2;color:#dc2626}.milestone-compact-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.milestone-compact-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.milestone-compact-stage{font-size:.6875rem;color:var(--text-muted);text-transform:capitalize}.milestone-compact-status{flex-shrink:0}.status-pill{display:inline-flex;padding:3px 8px;border-radius:12px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.status-pill.status-completed{background:#dcfce7;color:#16a34a}.status-pill.status-in_progress{background:#dbeafe;color:#2563eb}.status-pill.status-pending{background:var(--gray-100);color:var(--gray-600)}.status-pill.status-delayed{background:#fee2e2;color:#dc2626}.milestone-compact-progress{display:flex;align-items:center;gap:8px;flex-shrink:0;width:100px}.mini-progress-bar{flex:1;height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden}.mini-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.mini-progress-text{font-size:.75rem;font-weight:600;color:var(--text-primary);min-width:32px;text-align:right}.expand-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);border-radius:4px;transition:all .15s ease}.expand-btn:hover{background:var(--gray-200);color:var(--text-primary)}.milestone-expanded-details{padding:0 14px 14px;border-top:1px solid var(--gray-200);background:var(--gray-50);animation:expandDown .2s ease-out}@keyframes expandDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 0}.expanded-section{display:flex;flex-direction:column;gap:8px}.expanded-section-title{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.expanded-section-title svg{color:var(--gray-400)}.expanded-progress{display:flex;align-items:center;gap:10px}.expanded-progress-bar{flex:1;height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}.expanded-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.expanded-progress-value{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.expanded-dates{display:flex;flex-direction:column;gap:6px}.date-item{display:flex;align-items:center;justify-content:space-between;gap:8px}.date-label{font-size:.75rem;color:var(--text-muted)}.date-value{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.expanded-description{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:8px;margin-bottom:10px}.expanded-description p{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.expanded-notes{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:10px;font-size:.8125rem;color:#92400e}.notes-icon{flex-shrink:0}.expanded-actions{display:flex;justify-content:flex-start;gap:10px;padding:12px 0 4px;border-top:1px solid var(--gray-200);margin-top:4px}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:8px;cursor:pointer;border:none;transition:all .2s ease;width:40px;height:40px}.action-btn svg{flex-shrink:0;width:18px;height:18px}.action-btn-primary{background:var(--primary);color:#fff}.action-btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.action-btn-danger{background:transparent;color:#6b7280;border:1px solid #e5e7eb}.action-btn-danger:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626;transform:translateY(-1px)}.empty-icon{font-size:2rem;margin-bottom:8px}.empty-milestones p{margin:0 0 4px;font-size:.9375rem;font-weight:500;color:var(--text-primary)}.empty-subtext{display:block;font-size:.8125rem;color:var(--text-muted);margin-bottom:16px}.milestones-list{display:flex;flex-direction:column;gap:12px}.milestone-card{background:var(--bg-secondary);border-radius:10px;padding:16px;border-left:4px solid var(--gray-300);transition:all .2s ease}.milestone-card:hover{box-shadow:0 2px 8px #0000000f}.milestone-card.status-pending{border-left-color:#94a3b8}.milestone-card.status-in_progress{border-left-color:#3b82f6}.milestone-card.status-completed{border-left-color:#10b981}.milestone-card.status-delayed{border-left-color:#ef4444}.milestone-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.milestone-info{display:flex;flex-direction:column;gap:2px}.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:4px}.milestone-action-btn{background:none;border:none;font-size:.875rem;cursor:pointer;padding:6px;border-radius:6px;opacity:.6;transition:all .2s ease}.milestone-action-btn:hover{opacity:1;background:var(--gray-200)}.milestone-body{margin-bottom:10px}.milestone-description{font-size:.8125rem;color:var(--text-secondary);margin:0 0 10px;line-height:1.5}.milestone-meta{display:flex;gap:20px;flex-wrap:wrap}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.meta-value{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.milestone-progress-bar{height:4px;background:var(--gray-200);border-radius:2px;margin-top:10px;overflow:hidden}.milestone-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.milestone-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--gray-200)}.status-badge{display:inline-flex;padding:3px 8px;border-radius:20px;font-size:.625rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.03em}.milestone-notes{font-size:.75rem;color:var(--text-muted)}.empty-milestones{text-align:center;padding:32px 16px;color:var(--text-muted)}.empty-milestones p{margin:0 0 16px;font-size:.875rem}.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:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.construction-progress-modal-portal .modal-overlay{z-index:99999}.construction-progress-modal-portal .modal-content{background:var(--bg-primary);border-radius:12px;width:100%;max-width:480px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026;animation:modalSlideUp .25s ease-out}.construction-progress-modal-portal .progress-modal-compact{max-width:340px}.construction-progress-modal-portal .modal-content.milestone-modal{max-width:540px;max-height:90vh!important}.construction-progress-modal-portal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--gray-200);flex-shrink:0}.construction-progress-modal-portal .modal-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.construction-progress-modal-portal .close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:4px 8px;line-height:1;border-radius:6px;transition:all .2s ease}.construction-progress-modal-portal .close-btn:hover{background:var(--gray-100);color:var(--text-primary)}.construction-progress-modal-portal .modal-body{padding:20px;flex:1;overflow-y:auto}.construction-progress-modal-portal .modal-body .form-group{margin-bottom:12px}.construction-progress-modal-portal .modal-body .form-grid .form-group{margin-bottom:0}.construction-progress-modal-portal .modal-body .form-grid{gap:12px 16px;margin-bottom:12px}.construction-progress-modal-portal .compact-body{padding:12px 16px 8px}.construction-progress-modal-portal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px;border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 12px 12px;flex-shrink:0}.construction-progress-modal-portal .modal-footer .button{padding:10px 16px;font-size:.875rem}.construction-progress .modal-content{background:var(--bg-primary);border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 40px #00000026;animation:modalSlideUp .25s ease-out}.construction-progress .progress-modal-compact{max-width:340px}.construction-progress .compact-body{padding:12px 16px 8px}.construction-progress .compact-group{margin-bottom:8px}.construction-progress .compact-group:last-child{margin-bottom:0}.progress-input-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-input-row label{margin-bottom:0}.progress-value-badge{font-size:.9375rem;font-weight:700;color:var(--primary);background:#6366f11a;padding:2px 10px;border-radius:12px}.simple-slider{position:relative}.progress-slider-simple{width:100%;height:6px;-webkit-appearance:none;background:var(--gray-200);border-radius:3px;outline:none;cursor:pointer}.progress-slider-simple::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--primary);border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0000004d;margin-top:-4px}.progress-slider-simple::-moz-range-thumb{width:24px;height:24px;background:var(--primary);border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0000004d}.construction-progress .milestone-modal{max-width:540px}.construction-progress .modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--gray-200)}.construction-progress .modal-header h4{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.construction-progress .close-btn{background:none;border:none;font-size:1.375rem;color:var(--text-muted);cursor:pointer;padding:4px 8px;line-height:1;border-radius:6px;transition:all .2s ease}.construction-progress .close-btn:hover{background:var(--gray-100);color:var(--text-primary)}.construction-progress .modal-body{padding:20px}.construction-progress .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 12px 12px}.construction-progress .modal-footer .button{padding:8px 14px;font-size:.8125rem}.progress-preview{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px;background:var(--gray-50);border-radius:10px;margin-bottom:20px}.preview-circle{position:relative;width:64px;height:64px}.circular-chart-mini{display:block;width:100%;height:100%}.circular-chart-mini .circle-bg{fill:none;stroke:var(--gray-200);stroke-width:4}.circular-chart-mini .circle-progress{fill:none;stroke:var(--primary);stroke-width:4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dasharray .3s ease}.preview-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--text-primary)}.preview-stage{display:flex;align-items:center;gap:8px}.preview-icon{font-size:1.5rem}.preview-label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.slider-container-enhanced{display:flex;flex-direction:column;gap:8px}.slider-track{position:relative;height:8px;background:var(--gray-200);border-radius:4px}.slider-fill{position:absolute;top:0;left:0;height:100%;background:var(--primary);border-radius:4px;transition:width .15s ease;pointer-events:none}.slider-container-enhanced .progress-slider{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;background:transparent;cursor:pointer;margin:0}.slider-container-enhanced .progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003;transition:transform .15s ease}.slider-container-enhanced .progress-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-markers{display:flex;justify-content:space-between;font-size:.625rem;color:var(--text-muted)}.slider-container{display:flex;align-items:center;gap:16px}.progress-slider{flex:1;-webkit-appearance:none;height:8px;background:var(--gray-200);border-radius:4px;outline:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;transition:all .15s ease}.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}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.button-primary{background:var(--primary);color:#fff}.button-primary:hover:not(:disabled){background:var(--primary-dark)}.button-primary:disabled{opacity:.6;cursor:not-allowed}.button-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--gray-300)}.button-secondary:hover{background:var(--gray-100)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 481px) and (max-width: 768px){.progress-display{flex-direction:column-reverse}.progress-summary{flex-direction:row;justify-content:space-between;width:100%}.progress-circle{width:100px;height:100px}.percentage-value{font-size:1.5rem}.progress-stepper-container,.progress-stepper{max-height:240px}.milestone-meta{gap:14px}.form-row{grid-template-columns:1fr}.milestone-header{flex-direction:column;gap:8px}.milestone-actions{align-self:flex-end}.progress-preview{flex-direction:column;gap:12px}}@media (max-width: 480px){.construction-progress{gap:16px;overflow:visible}.progress-overview,.milestones-section{padding:16px;border-radius:10px}.progress-header,.milestones-header{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.progress-header h3,.milestones-header h3{font-size:1rem}.edit-progress-btn{width:auto;padding:6px 10px;border-radius:16px;font-size:0;gap:0}.edit-progress-btn svg{width:14px;height:14px}.add-milestone-btn{width:auto;padding:6px 12px;font-size:.75rem;justify-content:center}.progress-display{flex-direction:row;gap:16px;align-items:flex-start}.progress-summary{flex-direction:column;align-items:center;flex-shrink:0;gap:12px;min-width:90px}.progress-circle{width:72px;height:72px}.percentage-value{font-size:1.125rem}.percentage-label{font-size:.5625rem}.current-stage-badge{flex-direction:column;align-items:center;text-align:center;padding:8px 10px;min-width:auto;width:100%}.badge-icon{font-size:1rem}.badge-content{align-items:center}.badge-label{font-size:.5rem}.badge-value{font-size:.625rem}.progress-stepper-container{flex:1;max-height:200px}.progress-stepper{max-height:200px}.stepper-item{min-height:28px}.stepper-label{font-size:.6875rem}.stepper-percent{font-size:.5625rem}.stepper-dot{width:12px;height:12px}.stepper-line{height:16px}.milestone-card{padding:14px}.milestone-footer{flex-direction:column;align-items:flex-start;gap:8px}.milestone-compact-row{flex-wrap:wrap;gap:8px;padding:10px 12px}.milestone-compact-info{flex-basis:calc(100% - 36px)}.milestone-compact-status{order:3}.milestone-compact-progress{order:4;width:auto;flex:1}.expand-btn{order:5}.expanded-grid{grid-template-columns:1fr;gap:12px}.expanded-actions{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start}.action-btn{width:36px;height:36px;padding:8px}.action-btn svg{width:16px;height:16px}.construction-progress-modal-portal .modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;padding:12px;z-index:99999;display:flex;align-items:center;justify-content:center;background:#00000080}.construction-progress-modal-portal .modal-content{position:relative;max-width:calc(100vw - 24px);width:100%;max-height:85vh;height:auto;display:flex;flex-direction:column;border-radius:16px;background:var(--bg-primary);box-shadow:0 25px 50px #00000040;overflow:hidden}.construction-progress-modal-portal .milestone-modal{max-height:85vh}.construction-progress-modal-portal .modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 20px;flex-shrink:0;border-bottom:1px solid var(--gray-200);position:relative;min-height:56px;max-height:56px;background:var(--bg-primary);border-radius:16px 16px 0 0}.construction-progress-modal-portal .modal-header h4{flex:1;margin:0;font-size:1.1rem;font-weight:600;padding-right:40px}.construction-progress-modal-portal .close-btn{position:absolute;top:50%;right:16px;transform:translateY(-50%);padding:8px;font-size:1.75rem;line-height:1;background:none;border:none;cursor:pointer;color:var(--text-muted);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.construction-progress-modal-portal .modal-body{padding:16px 20px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--bg-primary)}.construction-progress-modal-portal .modal-footer{display:flex!important;visibility:visible!important;padding:16px 20px;flex-direction:row;gap:12px;justify-content:flex-end;flex-shrink:0;background:#f8fafc;border-top:1px solid var(--gray-200);border-radius:0 0 16px 16px;height:72px}.construction-progress-modal-portal .modal-footer .button{padding:12px 20px;font-size:.9375rem;min-height:48px}.construction-progress,.milestones-section,.milestones-compact-list,.milestone-compact-card,.milestone-compact-card.expanded,.milestone-expanded-details{overflow:visible!important}.preview-circle{width:56px;height:56px}.preview-icon{font-size:1.25rem}.preview-label{font-size:.875rem}}@media (max-width: 360px){.progress-overview,.milestones-section{padding:12px}.progress-circle{width:60px;height:60px}.percentage-value{font-size:1rem}.percentage-label{font-size:.5rem}.current-stage-badge{padding:6px 8px}.badge-icon{font-size:.875rem}.badge-value{font-size:.5625rem}.stepper-content{flex-direction:column;align-items:flex-start;gap:0}.stepper-percent{margin-left:0}.stepper-label{font-size:.625rem}.stepper-dot{width:10px;height:10px}.stepper-line{height:14px}.milestone-compact-progress{display:none}.construction-progress-modal-portal .modal-overlay{padding:8px}.construction-progress-modal-portal .modal-content{max-height:calc(100vh - 16px);border-radius:12px}.construction-progress-modal-portal .modal-header{padding:14px 16px;border-radius:12px 12px 0 0}.construction-progress-modal-portal .modal-body{padding:14px 16px}.construction-progress-modal-portal .modal-footer{flex-direction:column-reverse;gap:10px;padding:14px 16px;border-radius:0 0 12px 12px;min-height:auto}.construction-progress-modal-portal .modal-footer .button{min-height:48px}.milestones-section,.milestones-compact-list,.milestone-compact-card,.milestone-expanded-details{overflow:visible}}.media-gallery{display:flex;flex-direction:column;gap:var(--space-md)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.media-thumb{border:none;padding:0;border-radius:var(--radius-md);overflow:hidden;background:var(--gray-100);cursor:pointer;aspect-ratio:4 / 3}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.media-lightbox-content{position:relative;max-width:90vw;max-height:90vh;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.media-lightbox-content img{max-width:80vw;max-height:70vh;border-radius:var(--radius-md)}.lightbox-close{position:absolute;top:var(--space-sm);right:var(--space-sm);background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-primary);border:none;font-size:2rem;padding:.25rem .75rem;cursor:pointer;color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.lightbox-nav.prev{left:-2.5rem}.lightbox-nav.next{right:-2.5rem}.lightbox-caption{font-size:.875rem;color:var(--text-secondary)}@media (max-width: 768px){.lightbox-nav.prev,.lightbox-nav.next{left:var(--space-sm);right:var(--space-sm)}}.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:900px;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:center;padding:10px 16px;border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--gray-50) 0%,var(--bg-primary) 100%);flex-shrink:0;gap:12px;flex-wrap:nowrap}.header-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.header-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.project-detail-modal .modal-header h2,.project-detail-modal .modal-header .project-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:38px;display:flex;align-items:center;flex-shrink:1;max-width:400px}.address-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#10b9811f;border:1px solid rgba(16,185,129,.35);border-radius:var(--radius-full);font-size:.75rem;color:var(--text-primary);width:fit-content}.address-pill .location-icon{flex-shrink:0;color:#ef4444}.header-badges{display:flex;gap:8px;flex-shrink:0;flex-wrap:nowrap}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:fit-content}.header-actions .btn-sm{padding:6px 12px;font-size:.75rem;border-radius:6px}.header-actions .desktop-actions{display:flex;align-items:center;gap:8px}.header-actions .desktop-actions .button,.header-actions .desktop-actions .btn-sm{padding:8px 16px;font-size:.875rem;min-height:36px;height:auto;border-radius:6px}.header-actions .mobile-menu-wrapper{display:none!important;position:relative}.mobile-badges{display:none!important}.project-detail-modal .tab .tab-text-full{display:inline!important}.project-detail-modal .tab .tab-text-short{display:none!important}.units-mobile-cards{display:none}.header-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.inline-input{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);box-sizing:border-box}.inline-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.inline-title{font-size:1.25rem;font-weight:700;line-height:1.2;margin:0;padding:.25rem .75rem;min-height:38px;max-width:400px;flex-shrink:1;width:auto!important}.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,.project-detail-modal .project-detail-tabs{display:flex;border-bottom:2px solid var(--gray-200);padding:12px 24px 0;gap:8px;background:linear-gradient(to bottom,var(--bg-primary) 0%,var(--gray-50) 100%);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000000a}.project-detail-modal .modal-tabs::-webkit-scrollbar,.project-detail-modal .project-detail-tabs::-webkit-scrollbar{display:none}.project-detail-modal .tab{flex:0 0 auto;min-width:auto;padding:0 16px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-base);height:44px;position:relative;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1.2;border-radius:8px 8px 0 0}.project-detail-modal .tab:after{content:"";position:absolute;bottom:-2px;left:8px;right:8px;height:3px;background:var(--primary);transform:scaleX(0);transform-origin:center;transition:transform var(--transition-base);border-radius:2px}.project-detail-modal .tab:hover{color:var(--primary);background:#6366f114}.project-detail-modal .tab.active{color:var(--primary);background:var(--bg-primary);font-weight:600;box-shadow:0 -2px 8px #6366f11a}.project-detail-modal .tab.active:after{transform:scaleX(1)}.project-detail-modal .modal-body{flex:1;overflow-y:auto;padding:16px 24px}.overview-tab{display:flex;flex-direction:column;gap:16px}.project-detail-modal .metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.project-detail-modal .metric-card{background:var(--bg-secondary);padding:16px;border-radius:var(--radius-lg);text-align:center;height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--gray-100)}.project-detail-modal .metric-value,.project-detail-modal .metric-value-sm{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.project-detail-modal .metric-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-weight:500}.project-detail-modal .metric-card-progress{padding:14px 16px 16px;justify-content:flex-start}.project-detail-modal .metric-card-progress .metric-value-sm{margin-bottom:0}.project-detail-modal .metric-card-progress .metric-label{margin-top:2px;margin-bottom:6px}.project-detail-modal .progress-bar-container{width:100%;height:6px;background-color:#d1d5db;border-radius:3px;overflow:hidden;margin-top:auto}.project-detail-modal .progress-bar-fill{height:6px;background-color:#6366f1;border-radius:3px;min-width:4px}.project-detail-modal .modal-body{flex:1;overflow-y:auto;padding:16px 24px;min-height:450px;max-height:calc(100vh - 280px)}.project-detail-modal .tab-content-wrapper,.project-detail-modal .overview-tab,.project-detail-modal .lifecycle-tab,.project-detail-modal .construction-tab,.project-detail-modal .units-tab,.project-detail-modal .leads-tab,.project-detail-modal .media-tab,.project-detail-modal .share-tab{min-height:400px}.info-section{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:16px}.info-section h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--gray-200)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--gray-100)}.info-item label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.info-item span{font-size:.875rem;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}.text-muted{color:var(--text-muted);font-size:.875rem}.amenities-grid{display:flex;flex-wrap:wrap;gap:6px}.amenity-tag{background:var(--primary-light);color:var(--primary-dark);padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500}.amenities-edit-section{display:flex;flex-direction:column;gap:8px}.amenity-editable{display:inline-flex;align-items:center;gap:4px;padding-right:4px}.amenity-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#00000026;border:none;border-radius:50%;color:var(--primary-dark);font-size:12px;font-weight:600;cursor:pointer;line-height:1;transition:all .15s ease}.amenity-remove:hover{background:#dc2626;color:#fff}.amenity-input{margin-top:4px}.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-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);gap:var(--space-md)}.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:#dc262614;border:1px solid rgba(220,38,38,.15)}.lead-stat-card.warm{background:#ea580c14;border:1px solid rgba(234,88,12,.15)}.lead-stat-card.cold{background:#2563eb14;border:1px solid rgba(37,99,235,.15)}.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:var(--brand-primary, var(--primary));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-item-clickable{cursor:pointer;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.lead-item-clickable:hover{background:var(--bg-surface);box-shadow:0 2px 8px var(--brand-primary-alpha, rgba(99, 102, 241, .08))}.lead-item-clickable:focus{outline:2px solid var(--brand-primary, var(--primary));outline-offset:2px}.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:#dc26261f;color:#dc2626;border:1px solid rgba(220,38,38,.25)}.badge.temp-warm{background:#ea580c1f;color:#ea580c;border:1px solid rgba(234,88,12,.25)}.badge.temp-cold{background:#2563eb1f;color:#2563eb;border:1px solid rgba(37,99,235,.25)}.stage-badge{background:var(--bg-tertiary, var(--gray-100));color:var(--text-secondary);border:1px solid var(--border-color)}.lead-followup{font-size:.75rem;color:var(--text-muted)}.media-tab,.share-tab{display:flex;flex-direction:column;gap:var(--space-xl)}.share-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--bg-primary)}.share-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.share-subtitle{margin:var(--space-xs) 0 0 0;color:var(--text-secondary);font-size:.875rem}.share-link-row{display:flex;gap:var(--space-sm);align-items:center;margin:var(--space-md) 0}.share-link-section{margin:var(--space-md) 0;padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.share-link-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.share-link-header h4{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.share-link-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.custom-url-section{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.customization-note{margin:var(--space-xs) 0 var(--space-md) 0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.share-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.share-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.share-stat-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.share-message{padding:var(--space-sm) var(--space-md);background:var(--gray-100);border-radius:var(--radius-md);color:var(--text-secondary);margin-bottom:var(--space-md)}.share-customization{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.share-customization h4{margin:0 0 var(--space-lg) 0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.share-customization h5{margin:0 0 var(--space-md) 0;font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.customization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.customization-field{display:flex;flex-direction:column;gap:var(--space-sm)}.customization-field label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.color-picker-group{display:flex;gap:var(--space-sm);align-items:center}.color-input{width:60px;height:40px;border:2px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.color-input:hover{border-color:var(--primary);transform:scale(1.05)}.color-text-input{flex:1;font-family:Monaco,Courier New,monospace;text-transform:uppercase}.customization-toggles{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--gray-200)}.toggle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.toggle-label{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.toggle-label:hover{border-color:var(--primary);background:var(--gray-50)}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.toggle-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.toggle-label span{flex:1}.media-section h3{font-size:1rem;font-weight:600;margin:0 0 var(--space-md) 0}.brochure-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.brochure-card:hover{border-color:var(--border-strong, var(--border-color));box-shadow:0 2px 8px #0000000f}.brochure-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--brand-primary-alpha, rgba(37, 99, 235, .12));color:var(--brand-primary, var(--primary));border-radius:8px;padding:8px}.brochure-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.brochure-title{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brochure-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brochure-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary)}.brochure-meta-item svg{opacity:.7}.brochure-actions{display:flex;gap:8px;flex-shrink:0}.brochure-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-width:110px}.brochure-btn.outline{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.brochure-btn.outline:hover{background:var(--bg-secondary);border-color:var(--border-strong, var(--border-color))}.brochure-btn svg{flex-shrink:0}@media (max-width: 640px){.brochure-card{flex-direction:column;align-items:flex-start;gap:12px}.brochure-actions{width:100%;justify-content:stretch}.brochure-btn{flex:1;justify-content:center}}.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:none;border-radius:var(--radius-sm);text-decoration:none;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.floor-plan-download:hover{background:var(--primary-dark)}.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:12px 100px 12px 16px;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;position:relative!important;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0}.project-detail-modal .modal-header .header-info{order:1;width:100%}.project-detail-modal .modal-header .header-title-row{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px}.project-detail-modal .modal-header h2,.project-detail-modal .modal-header .project-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-detail-modal .modal-header .header-title-row .header-badges{display:none}.project-detail-modal .modal-header .address-pill{order:2;margin-top:2px;background:#d4edda;border:1px solid #b8dfc4;color:#155724;font-size:.8rem;padding:4px 10px;width:fit-content;border-radius:20px}.project-detail-modal .modal-header .address-pill svg{color:#dc2626;width:14px;height:14px}.project-detail-modal .modal-header .mobile-badges{display:flex!important;flex-wrap:nowrap;gap:4px;margin-top:4px;order:3}.project-detail-modal .modal-header .mobile-badges .badge{font-size:.7rem;padding:3px 8px;white-space:nowrap}.project-detail-modal .modal-header .header-actions{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;display:flex!important;align-items:center;gap:8px;flex-direction:row;z-index:100}.project-detail-modal .header-actions .desktop-actions{display:flex!important;gap:6px}.project-detail-modal .header-actions .desktop-actions .button:not(.btn-icon-sm),.project-detail-modal .header-actions .desktop-actions .btn-sm:not(.btn-icon-sm){padding:6px 10px!important;font-size:.7rem!important;min-height:auto!important;height:32px!important;border-radius:8px!important}.project-detail-modal .header-actions .mobile-menu-wrapper{display:none!important}.project-detail-modal .modal-header .close-button{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;background:#f1f5f9;color:#64748b;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;padding:0;flex-shrink:0;z-index:200}.mobile-menu-btn{background:#f1f5f9;border:none;border-radius:8px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;width:32px;height:32px}.mobile-menu-btn:hover,.mobile-menu-btn:active{background:#e2e8f0}.mobile-menu-btn svg{color:#64748b}.mobile-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:160px;z-index:1000;overflow:hidden}.mobile-menu-dropdown button{width:100%;padding:12px 16px;background:transparent;border:none;text-align:left;font-size:.875rem;color:#1e293b;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s ease}.mobile-menu-dropdown button:hover,.mobile-menu-dropdown button:active{background:#f8fafc}.mobile-menu-dropdown button svg{color:#64748b}.mobile-menu-dropdown button.save-btn{color:#059669}.mobile-menu-dropdown button.save-btn svg{color:#059669}.mobile-menu-dropdown button.cancel-btn{color:#ef4444;border-top:1px solid #e2e8f0}.mobile-menu-dropdown button.cancel-btn svg{color:#ef4444}.project-detail-modal .modal-tabs{padding:0 8px;gap:8px;display:flex;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;flex-shrink:0}.project-detail-modal .modal-tabs::-webkit-scrollbar{display:none}.project-detail-modal .modal-tabs{-ms-overflow-style:none;scrollbar-width:none}.project-detail-modal .tab{flex:1 1 0;min-width:0;padding:10px 12px;font-size:.95rem;min-height:40px;white-space:nowrap;border-radius:0;border-bottom:2px solid transparent;background:transparent;color:#64748b;font-weight:500;text-align:center}.project-detail-modal .tab.active{border-bottom-color:#6366f1;color:#6366f1;background:transparent;font-weight:600;box-shadow:none}.project-detail-modal .tab.active:after{display:none!important;transform:none}.project-detail-modal .modal-tabs .tab .tab-text-full,.project-detail-modal .tab .tab-text-full,.tab .tab-text-full{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;position:absolute!important}.project-detail-modal .modal-tabs .tab .tab-text-short,.project-detail-modal .tab .tab-text-short,.tab .tab-text-short{display:inline!important;visibility:visible!important}.project-detail-modal .modal-body{padding:var(--space-md)}.overview-tab{display:flex;flex-direction:column;gap:var(--space-md)}.metrics-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;gap:var(--space-sm)}.metric-card{padding:var(--space-sm)}.metric-value{font-size:1.25rem}.info-grid{grid-template-columns:1fr;gap:var(--space-sm)}.info-item{padding:var(--space-sm) 0;border-bottom:1px solid #f1f5f9}.info-item:last-child{border-bottom:none}.info-item label{font-size:.75rem;color:#64748b;display:block;margin-bottom:2px}.info-item span{font-size:.875rem;color:#1e293b}.info-section{background:var(--bg-primary);border-radius:12px;padding:14px;margin-bottom:12px;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.info-section h3{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.statistics-section{background:var(--bg-primary);border-radius:12px;padding:14px;margin-bottom:80px;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.statistics-section h3{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.lead-stats-section{background:var(--bg-primary);border-radius:12px;padding:14px;margin-bottom:80px;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.lead-stats-summary{flex-direction:column}.project-detail-modal .modal-body{padding:12px 12px 40px;overflow-y:auto}.share-tab{gap:var(--space-md)}.share-card{padding:14px;border-radius:12px}.share-header-row{flex-direction:column;align-items:stretch;gap:12px}.share-header-row h3{font-size:1rem;margin:0}.share-header-row p{font-size:.8125rem;margin:4px 0 0;color:#64748b}.share-header-row button{width:fit-content;align-self:flex-start}.share-link-row{flex-direction:column;align-items:stretch;gap:8px}.share-link-row input{width:100%;font-size:.75rem;padding:10px 12px}.share-link-row button{width:fit-content;align-self:flex-start;padding:10px 16px}.share-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.share-actions button,.share-actions a{width:fit-content;white-space:nowrap;padding:10px 16px}.share-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.share-stat-card{padding:12px}.share-stat-card .stat-value{font-size:1.25rem;font-weight:700;color:#1e293b}.share-stat-card .stat-label{font-size:.6875rem;color:#64748b}.share-message{font-size:.8125rem;padding:10px 12px}.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}.units-container{padding:0}.units-table-wrapper{display:none}.units-mobile-cards{display:flex!important;flex-direction:column;gap:var(--space-md)}.unit-mobile-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.unit-mobile-card .unit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.unit-mobile-card .unit-type{font-weight:600;color:#1e293b}.unit-mobile-card .unit-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);font-size:.8125rem;color:#64748b}.media-gallery-section .images-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.leads-section .lead-item{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-sm);box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}}@media (max-width: 480px){.project-detail-modal .modal-tabs{padding:0 var(--space-xs);gap:2px}.project-detail-modal .tab{min-width:55px;padding:var(--space-sm) var(--space-xs);font-size:.75rem;min-height:40px}.project-detail-modal .modal-body{padding:var(--space-sm)}.project-detail-modal .modal-header h2,.project-detail-modal .modal-header .project-title{font-size:1rem}.header-badges{gap:2px}.badge{font-size:.5rem;padding:1px 4px}.metrics-grid{grid-template-columns:1fr 1fr;gap:var(--space-xs)}.metric-card{padding:var(--space-xs)}.metric-value{font-size:1rem}.metric-label{font-size:.625rem}.info-grid{grid-template-columns:1fr;gap:0}.project-detail-modal .modal-footer{flex-direction:column;padding:var(--space-sm);align-items:stretch}.mobile-menu-dropdown{min-width:140px}.mobile-menu-dropdown button{padding:12px 14px;font-size:.875rem}.project-detail-modal .modal-body .construction-progress{padding-bottom:20px}.project-detail-modal .modal-body .milestones-section{margin-bottom:20px}.project-detail-modal .modal-body .milestones-compact-list{padding-bottom:10px}.project-detail-modal .modal-body .milestone-compact-card{margin-bottom:8px}.project-detail-modal .modal-body .milestone-expanded-details{padding-bottom:16px}.custom-url-section{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.custom-url-section .btn{width:fit-content;align-self:flex-end}}.upload-field{margin-bottom:20px}.upload-field label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-primary);font-size:.875rem}.file-input{display:block;width:100%;padding:10px;border:2px dashed var(--gray-300);border-radius:var(--radius-md);background:var(--gray-50);cursor:pointer;transition:all .2s;font-size:.875rem}.file-input:hover{border-color:var(--primary-500);background:var(--primary-50)}.file-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.file-preview{margin-top:12px;padding:12px;background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.file-preview p{margin:0 0 8px;font-size:.875rem;color:var(--text-secondary);font-weight:500}.file-preview ul{margin:0;padding-left:20px;list-style:none}.file-preview li{padding:4px 0;font-size:.8125rem;color:var(--text-tertiary);position:relative}.file-preview li:before{content:"📎";position:absolute;left:-20px}.new-images-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:12px}.new-image-item{position:relative;display:flex;flex-direction:column;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease}.new-image-item:hover{box-shadow:0 2px 8px #0000001a;border-color:#d1d5db}.new-image-thumbnail{width:100%;height:140px;object-fit:cover;background:#e5e7eb}.new-image-info{padding:10px;display:flex;flex-direction:column;gap:4px}.new-image-filename{font-size:13px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-image-size{font-size:11px;color:#6b7280}.new-image-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#6b7280e6;color:#fff;border:none;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.new-image-remove:hover{background:#dc2626;transform:scale(1.1)}.new-brochure-item{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-top:12px;background:#fffbeb;border:1px dashed #fbbf24;border-radius:8px;transition:all .2s ease}.new-brochure-item:hover{background:#fef3c7;border-color:#f59e0b}.new-brochure-icon{flex-shrink:0}.new-brochure-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.new-brochure-filename{font-size:14px;font-weight:500;color:#1f2937;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pending-badge{font-size:11px;color:#f59e0b;font-weight:500}.new-brochure-size{font-size:12px;color:#6b7280}.new-brochure-remove{width:32px;height:32px;border-radius:4px;background:transparent;border:1px solid #d1d5db;color:#dc2626;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1;flex-shrink:0}.new-brochure-remove:hover{background:#fef2f2;border-color:#dc2626}.new-floor-plans-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.floor-plan-new-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fffbeb;border:1px dashed #fbbf24;border-radius:8px}.floor-plan-new-item .floor-plan-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.floor-plan-new-item .floor-plan-filename{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.floor-plan-new-item .floor-plan-filename .file-icon{color:#6b7280}.floor-plan-new-item .floor-plan-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.floor-plan-new-item .floor-plan-meta-item{display:flex;align-items:center;gap:6px}.floor-plan-new-item .floor-plan-meta-item>span{font-weight:500;color:var(--text-secondary);font-size:12px}.floor-plan-new-item .floor-plan-inline-input{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;min-width:140px;background:var(--bg-primary)}.floor-plan-new-item .floor-plan-inline-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.floor-plan-new-item .floor-plan-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0}.floor-plan-new-item .floor-plan-badge{display:inline-flex!important;align-items:center;gap:4px;padding:4px 10px;border-radius:5px;font-size:12px;font-weight:500;border:1px solid #e5e7eb;background:#f9fafb;color:#9ca3af;cursor:pointer;transition:all .15s ease;margin-bottom:0!important}.floor-plan-new-item .floor-plan-badge input[type=checkbox]{width:12px;height:12px;margin:0;cursor:inherit}.floor-plan-new-item .floor-plan-badge.popular.active{background:#fef3c7;color:#92400e;border-color:#fcd34d}.floor-plan-new-item .floor-plan-badge.new.active{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.floor-plan-new-item .floor-plan-badge.best-value.active{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.floor-plan-new-item .floor-plan-actions{flex-shrink:0;align-self:center;display:flex;gap:6px}.floor-plan-new-item .floor-plan-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:4px;background:transparent;color:#dc2626;cursor:pointer;font-size:18px;font-weight:700;padding:0;transition:all .15s ease}.floor-plan-new-item .floor-plan-action-btn:hover{background:#fef2f2;border-color:#dc2626}.floor-plans-list{display:flex;flex-direction:column;gap:12px}.floor-plan-row{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;transition:all .15s ease}.floor-plan-row:hover{border-color:var(--border-strong, var(--border-color));background:color-mix(in srgb,var(--bg-secondary) 80%,var(--bg-primary))}.floor-plan-row.editing{border-color:var(--brand-primary, var(--primary));background:var(--brand-primary-alpha, rgba(37, 99, 235, .12))}.floor-plan-info{flex:1;min-width:0}.floor-plan-filename{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.floor-plan-filename .file-icon{color:#6b7280}.floor-plan-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.floor-plan-meta-item{display:flex;align-items:center;gap:6px}.floor-plan-meta-item strong{color:var(--text-primary);font-weight:500}.floor-plan-inline-input{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;font-size:13px;width:120px;background:var(--bg-primary);color:var(--text-primary)}.floor-plan-inline-input:focus{outline:none;border-color:var(--brand-primary, var(--primary));box-shadow:0 0 0 2px var(--brand-primary-alpha, rgba(37, 99, 235, .12))}.floor-plan-badges{display:flex;gap:8px;flex-wrap:wrap}.floor-plan-badge{display:inline-flex!important;align-items:center;gap:6px;padding:5px 12px;border-radius:4px;font-size:13px;font-weight:500;line-height:1;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;margin-bottom:0!important}.floor-plan-badge input[type=checkbox]{width:13px;height:13px;margin:0;cursor:inherit}.floor-plan-badge.popular.active{background:#fef3c7;color:#92400e;border-color:#fcd34d}.floor-plan-badge.new.active{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.floor-plan-badge.best-value.active{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.floor-plan-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.floor-plan-action-btn.save{background:var(--brand-primary, var(--primary));color:#fff;border-color:var(--brand-primary, var(--primary));padding:0 12px;width:auto;gap:4px;font-size:12px;font-weight:500}.floor-plan-action-btn.save svg{width:12px;height:12px}.floor-plan-action-btn.save:hover{filter:brightness(1.08);border-color:var(--brand-primary, var(--primary))}.floor-plan-action-btn:disabled{opacity:.5;cursor:not-allowed}.units-tab{display:flex;flex-direction:column;gap:var(--space-md);min-height:0}.units-config-editor{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md)}.units-section-title{font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0}.units-config-summary{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) 0}.units-config-badge{display:inline-flex;align-items:center;gap:4px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:3px 12px;font-size:.78rem;color:var(--text-secondary)}.units-config-badge strong{color:var(--text-primary);font-weight:700}.units-canvas-wrap{flex:1;min-height:480px;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.units-canvas-wrap .inv-canvas{flex:1;height:100%}.customize-section{margin-top:1.5rem}.customize-header{margin-bottom:1.5rem}.customize-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .375rem}.customize-field{margin-bottom:1.25rem}.customize-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.color-picker-container{display:flex;align-items:center;gap:.75rem;position:relative}.color-preview{width:40px;height:40px;border-radius:50%;border:3px solid var(--border-color);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.color-preview:hover{transform:scale(1.1);border-color:var(--primary)}.color-input{flex:1;padding:.625rem .875rem;border:1px solid var(--border-color, var(--gray-300));border-radius:var(--radius-md);font-size:.875rem;font-family:Courier New,monospace;background:var(--bg-input, var(--bg-primary));color:var(--text-primary)}.color-picker-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-lg);z-index:1000;min-width:280px}.color-picker-close{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;color:var(--text-muted);border-radius:50%;transition:all .2s ease}.color-picker-close:hover{background:var(--gray-100);color:var(--text-primary)}.color-picker-native{width:100%;height:150px;border:none;border-radius:var(--radius-md);cursor:pointer;margin-bottom:.75rem}.rgb-inputs{display:flex;align-items:center;gap:.5rem}.rgb-inputs label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.rgb-inputs input{flex:1;padding:.5rem;border:1px solid var(--border-color, var(--gray-300));border-radius:var(--radius-sm);font-size:.8125rem;font-family:Courier New,monospace;background:var(--bg-input, var(--bg-primary));color:var(--text-primary)}.customize-select{width:100%;padding:.625rem .875rem;border:1px solid var(--border-color, var(--gray-300));border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-input, var(--bg-primary));color:var(--text-primary);cursor:pointer}.customize-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, var(--gray-300));border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;background:var(--bg-input, var(--bg-primary));color:var(--text-primary)}.toggle-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.toggle-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:var(--bg-surface, var(--gray-50));border:1px solid var(--border-color, var(--gray-200));border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.toggle-item:hover{background:var(--bg-card, var(--gray-100));border-color:var(--brand-primary, var(--primary))}.toggle-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-primary, var(--primary));flex-shrink:0}.toggle-item span{font-size:.875rem;color:var(--text-secondary);font-weight:500}.customize-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.customize-actions .button{width:100%;justify-content:center}.modal-header-rel{position:relative}.mobile-header-actions{position:absolute;top:10px;right:10px;z-index:100}.pending-upload-text{font-size:11px;color:var(--warning);margin-left:6px}.color-picker-control{width:60px;height:40px;cursor:pointer;border:1px solid var(--border-color);border-radius:6px}.color-picker-control:disabled{cursor:not-allowed;opacity:.6}.hero-settings-group{margin-bottom:1rem}.toggle-item-spaced{margin-bottom:.5rem}.hero-overlay-settings{margin-top:.5rem;padding-left:1.5rem}.hero-overlay-label{font-size:.875rem;color:var(--text-secondary);display:block;margin-bottom:.25rem}.hero-overlay-slider{width:100%}.hero-overlay-slider:disabled{cursor:not-allowed}.hero-overlay-slider:not(:disabled){cursor:pointer}.carousel-speed-label{font-size:.875rem;color:var(--text-primary);display:block;margin-bottom:.5rem;font-weight:500}.carousel-speed-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.customize-field-divider{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.custom-url-title{margin:0 0 .5rem;font-size:1rem;font-weight:600}.custom-url-description{margin:0;font-size:.875rem;color:var(--text-secondary)}.custom-link-btn{white-space:nowrap}.page-container.leads-page{max-width:none!important;margin:0 auto;padding:16px 20px 100px;animation:fadeIn var(--transition-base)}.leads-title-section{margin-bottom:12px}.leads-page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.025em}.leads-page-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.4}.leads-success-message{color:#10b981;font-size:.9375rem;margin-top:6px;padding:8px 14px;background:#ecfdf5;border-radius:6px;display:inline-block}.leads-toolbar{display:flex;align-items:center;gap:12px;padding:10px 14px;width:100%!important;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:10px;margin-bottom:16px;box-shadow:0 1px 3px #0000000a}.toolbar-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.toolbar-center{flex:1 1 auto!important;min-width:200px;display:flex}.toolbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.toolbar-actions-secondary,.toolbar-actions-primary{display:flex;align-items:center;gap:8px}.toolbar-actions-primary{padding-left:8px;border-left:1px solid var(--gray-200)}.toolbar-extras{display:flex;align-items:center;gap:8px;padding-left:8px;border-left:1px solid var(--gray-200)}.toolbar-mobile-more,.toolbar-mobile-search{display:none}.view-toggle{display:flex;background:var(--gray-100);border-radius:6px;padding:2px}.toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .15s ease;color:var(--text-tertiary)}.toggle-btn:hover:not(.active){color:var(--text-primary)}.btn-select-mode{display:flex;align-items:center;height:36px;padding:0 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-select-mode:hover{border-color:var(--primary);color:var(--primary)}.btn-select-mode.active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.table-options-wrap{position:relative}.btn-table-options{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-table-options:hover,.btn-table-options.active{border-color:var(--primary);color:var(--primary)}.btn-columns{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-columns:hover{border-color:var(--primary);color:var(--primary)}.btn-columns.active{background:var(--primary);border-color:var(--primary);color:#fff}.columns-menu-wrap{position:relative}.columns-menu-wrap .columns-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:6px 0;box-shadow:0 8px 24px #0000001f;z-index:200}.table-options-icon{flex-shrink:0}.table-options-dropdown{position:absolute;top:calc(100% + 4px);right:0;top:calc(100% + 6px);min-width:220px;background:#374151;border-radius:10px;padding:6px 0;box-shadow:0 10px 25px #0003;z-index:150}.table-options-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;color:#f3f4f6;font-size:.875rem;text-align:left;cursor:pointer;transition:background .15s}.table-options-item:hover{background:#ffffff14}.table-options-item-icon{font-size:1rem;opacity:.9}.table-options-item-with-submenu{position:relative;justify-content:space-between}.table-options-item-value{color:#9ca3af;font-size:.8125rem}.table-options-item-arrow{color:#9ca3af;font-size:1rem}.table-options-submenu{position:absolute;left:100%;top:0;margin-left:4px;min-width:100px;background:#374151;border-radius:8px;padding:6px 0;box-shadow:0 10px 25px #0003;z-index:151}.table-options-submenu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:none;border:none;color:#f3f4f6;font-size:.875rem;text-align:left;cursor:pointer;transition:background .15s}.table-options-submenu-item:hover{background:#ffffff14}.table-options-submenu-item.selected{color:#60a5fa}.submenu-check{font-size:.875rem;color:#60a5fa}.manage-columns-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.manage-columns-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 50px #0003;width:100%;max-width:420px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.manage-columns-modal-title{margin:0;padding:20px 20px 12px;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.manage-columns-search-wrap{display:flex;align-items:center;gap:10px;margin:0 20px 12px;padding:10px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px}.manage-columns-search-wrap:focus-within{border-color:var(--primary);background:#fff}.manage-columns-search-icon{font-size:1rem;opacity:.7}.manage-columns-search-input{flex:1;border:none;background:none;font-size:.9375rem;color:var(--text-primary);outline:none}.manage-columns-search-input::placeholder{color:var(--text-tertiary)}.manage-columns-list{list-style:none;margin:0;padding:8px 20px 16px;overflow-y:auto;max-height:320px}.manage-columns-list-item{margin:0}.manage-columns-label{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:.9375rem;color:var(--text-primary)}.manage-columns-label:hover{background:var(--gray-50)}.manage-columns-label input{position:absolute;opacity:0;width:18px;height:18px;margin:0;cursor:pointer}.manage-columns-label input:disabled{cursor:default}.manage-columns-checkbox-mark{flex-shrink:0;width:18px;height:18px;border:2px solid var(--gray-300);border-radius:4px;background:#fff;position:relative}.manage-columns-label input:checked+.manage-columns-checkbox-mark{background:var(--primary);border-color:var(--primary)}.manage-columns-label input:checked+.manage-columns-checkbox-mark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.manage-columns-label input:disabled+.manage-columns-checkbox-mark{opacity:.7;background:var(--gray-100);border-color:var(--gray-300)}.manage-columns-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px 20px;border-top:1px solid var(--gray-200);background:var(--gray-50)}.btn-manage-columns-cancel{padding:8px 18px;background:#fff;border:1px solid var(--gray-300);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-manage-columns-cancel:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-manage-columns-save{padding:8px 18px;background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-manage-columns-save:hover{background:var(--primary-dark, #1d4ed8)}.search-box-modern{display:flex;align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:0 12px;height:38px;transition:all .15s ease;flex:1!important;min-width:300px}.search-box-modern:focus-within{border-color:var(--gray-300);background:var(--bg-primary)}.search-box-modern .icon{margin-right:10px;flex-shrink:0}.search-input-modern:focus{outline:none;border:none;box-shadow:none}.search-clear{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;margin-left:4px}.btn-filter.has-filters{border-color:var(--primary);color:var(--primary);background:var(--gray-50)}.btn-filter.active.has-filters{background:var(--primary);color:#fff}.btn-filter.active .filter-count{background:var(--bg-card);color:var(--primary)}.btn-add-lead{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-add-lead:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-quick-add{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-quick-add:hover{background:var(--bg-card);border-color:var(--brand-primary);color:var(--brand-primary)}.btn-assignment-rules{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:8px;color:var(--text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-assignment-rules:hover{background:var(--gray-200);border-color:var(--gray-400)}.assignment-rules-modal{max-width:1000px;max-height:90vh;overflow-y:auto}.assignment-rules-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--gray-200)}.assignment-rules-modal .modal-header h2{margin:0;font-size:1.5rem}.assignment-rules-modal .close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.assignment-rules-modal .close-btn:hover{background:var(--gray-100);color:var(--text-primary)}@media (max-width: 900px){.page-container.leads-page{padding:14px 16px}.leads-toolbar{gap:10px;padding:10px 12px}.toolbar-center{order:3;flex:1 1 100%;max-width:none;margin-top:8px}.btn-add-lead{padding:8px 12px}}.search-box-mobile{display:none!important}.btn-more{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-more:hover,.btn-more.active{background:var(--gray-100);border-color:var(--gray-300);color:var(--text-primary)}.mobile-more-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.mobile-more-dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:background .15s ease}.mobile-more-dropdown button:last-child{border-bottom:none}.mobile-more-dropdown button:hover{background:var(--bg-secondary)}.mobile-more-dropdown button svg{flex-shrink:0;color:var(--text-secondary)}.mobile-more-divider{height:1px;background:var(--border-color);margin:4px 0}@media (max-width: 768px){.leads-toolbar{flex-wrap:wrap;padding:8px 10px;gap:8px}.toolbar-center{display:none}.toolbar-extras{display:none!important}.toolbar-left{order:1;flex:0 0 auto;gap:6px}.toolbar-right{order:1;margin-left:auto;gap:6px}.toolbar-actions-secondary,.toolbar-actions-primary{display:none}.toolbar-mobile-more{display:block;position:relative}.toolbar-mobile-search{display:block;order:2;width:100%;flex-basis:100%;margin-top:4px}.btn-select-mode,.btn-bulk-assign{padding:0 10px;height:38px;font-size:.8125rem}.btn-filter-text{display:none}.btn-filter{padding:8px;font-size:1rem;min-width:38px;width:38px;gap:0;justify-content:center}}@media (max-width: 600px){.page-container.leads-page{padding:12px 12px 100px}.leads-page-title{font-size:1.5rem}.leads-page-subtitle{font-size:.875rem}.btn-bulk-assign{padding:8px 10px;font-size:.8125rem;height:38px}}@media (max-width: 400px){.leads-page-title{font-size:1.375rem}.leads-page-subtitle{font-size:.8125rem}.leads-toolbar{padding:6px 8px;gap:4px}.btn-import-export,.btn-assignment-rules,.btn-filter,.btn-add-lead{padding:7px 8px}.toggle-btn{width:30px;height:30px}}.page-container:not(.leads-page){max-width:1400px;margin:0 auto;padding:var(--space-xl);padding-bottom:calc(var(--space-xl) + 80px);animation:fadeIn var(--transition-base)}.filter-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:999;animation:filterSidebarOverlayIn .2s ease-out}@keyframes filterSidebarOverlayIn{0%{opacity:0}to{opacity:1}}.filter-sidebar{position:fixed;top:0;right:0;width:340px;max-width:95vw;height:100vh;background:#1f2937;box-shadow:-4px 0 24px #0003;z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease-out;overflow:hidden}.filter-sidebar.filter-sidebar-open{transform:translate(0)}.filter-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.filter-sidebar-title{margin:0;font-size:1.125rem;font-weight:700;color:#fff;letter-spacing:-.02em}.filter-sidebar-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#ffffffb3;font-size:1.5rem;line-height:1;cursor:pointer;transition:background .15s,color .15s}.filter-sidebar-close:hover{background:#ffffff1a;color:#fff}.filter-sidebar-search-wrap{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.filter-sidebar-search-icon{font-size:.875rem;opacity:.7}.filter-sidebar-search-input{flex:1;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#374151;color:#fff;font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s}.filter-sidebar-search-input::placeholder{color:#ffffff73}.filter-sidebar-search-input:focus{border-color:var(--primary, #ef4444);box-shadow:0 0 0 2px #ef444440}.filter-sidebar-rows{flex:1;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:16px}.filter-sidebar-row{display:flex;flex-direction:column;gap:8px}.filter-sidebar-row-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.875rem;font-weight:500;color:#ffffffe6;-webkit-user-select:none;user-select:none}.filter-sidebar-checkbox{position:absolute;opacity:0;width:0;height:0}.filter-sidebar-checkbox-mark{width:18px;height:18px;flex-shrink:0;border:2px solid rgba(255,255,255,.4);border-radius:4px;background:transparent;position:relative;transition:border-color .15s,background .15s}.filter-sidebar-row-label input:checked+.filter-sidebar-checkbox-mark{background:var(--primary, #ef4444);border-color:var(--primary, #ef4444)}.filter-sidebar-row-label input:checked+.filter-sidebar-checkbox-mark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.filter-sidebar-condition-select{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#374151;color:#fff;font-size:.875rem;outline:none;cursor:pointer;box-sizing:border-box;margin-bottom:6px}.filter-sidebar-condition-select:focus{border-color:var(--primary, #ef4444)}.filter-sidebar-value-input{padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#374151;color:#fff;font-size:.875rem;outline:none;width:100%;box-sizing:border-box}.filter-sidebar-value-input::placeholder{color:#ffffff73}.filter-sidebar-value-input:focus{border-color:var(--primary, #ef4444)}.filter-sidebar-search-value-wrap{position:relative;width:100%}.filter-sidebar-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;max-height:220px;overflow-y:auto;background:#374151;border:1px solid rgba(255,255,255,.2);border-radius:8px;z-index:10;box-shadow:0 4px 12px #0000004d}.filter-sidebar-suggestion-item{display:block;width:100%;padding:10px 12px;text-align:left;background:transparent;border:none;color:#ffffffe6;font-size:.875rem;cursor:pointer;transition:background .15s}.filter-sidebar-suggestion-item:hover{background:#ffffff1a}.filter-sidebar-date-block{margin-bottom:10px}.filter-sidebar-date-block:last-child{margin-bottom:0}.filter-sidebar-calendar-label{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#ffffffb3;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.filter-sidebar-multi-options{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.filter-sidebar-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.8125rem;color:#ffffffd9}.filter-sidebar-option input{accent-color:var(--primary, #ef4444)}.filter-sidebar-option-text{flex:1}.filter-sidebar-empty{font-size:.8125rem;color:#ffffff80;padding:8px 0}.filter-sidebar-date-wrap,.filter-sidebar-date-wrap .custom-datepicker-wrapper{width:100%}.filter-sidebar-date-wrap .custom-datepicker-input{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#374151;color:#fff;font-size:.875rem;box-sizing:border-box}.filter-sidebar-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.filter-sidebar-btn-clear{flex:1;padding:12px 16px;background:#374151;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffe6;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.filter-sidebar-btn-clear:hover{background:#4b5563;border-color:#ffffff40}.filter-sidebar-btn-apply{flex:1;padding:12px 16px;background:var(--primary, #ef4444);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.filter-sidebar-btn-apply:hover{background:#dc2626;transform:translateY(-1px)}.filter-item-action .btn-clear-filters{padding:10px 16px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-item-action .btn-clear-filters:hover{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;box-shadow:0 4px 12px #ef444466}.filter-select,.filter-input{padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .15s ease;min-height:38px}.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;gap:8px;grid-column:1 / -1}.filter-actions-bottom .button{flex:1;padding:10px 16px;font-size:.875rem}.btn-clear-filters{flex:1;padding:10px 16px;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}@media (max-width: 768px){.filters-panel{padding:12px}.filter-grid{grid-template-columns:1fr 1fr;gap:10px}}@media (max-width: 480px){.filter-grid{grid-template-columns:1fr}}.fab{display:none}@media (max-width: 768px){.fab{display:flex}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-primary);border-radius:8px;padding:0;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-overlay .modal-content.assignment-rules-modal{max-height:90vh!important}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--gray-200)}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#000}.modal-body{padding:20px}.quick-note-modal{width:min(560px,92vw);max-width:560px;max-height:70vh!important;border-radius:14px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}.quick-note-modal .modal-header{padding:4px 14px 10px 6px;background:transparent;border-bottom:1px solid var(--border-color)}.quick-note-modal .modal-header h2{font-size:1.65rem;font-weight:700;color:var(--text-primary)}.quick-note-modal .modal-close{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);font-size:1.35rem;line-height:1}.quick-note-modal .modal-close:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-surface)}.quick-note-form{padding:8px 14px 10px}.quick-note-header-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}.quick-note-lead-name{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-note-input{width:100%;min-height:200px;max-height:350px;resize:vertical;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);padding:12px 14px;font-size:.95rem;line-height:1.5;font-family:inherit;outline:none}.quick-note-input::placeholder{color:var(--text-muted)}.quick-note-input:focus{border-color:var(--brand-primary, var(--primary));box-shadow:0 0 0 3px var(--brand-primary-alpha, rgba(37, 99, 235, .14))}.quick-note-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.quick-note-actions .btn{min-width:120px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0}.file-info{background:#f5f5f5;padding:15px;border-radius:4px;margin-top:15px}.file-info p{margin:5px 0}.import-results{margin-top:20px;padding:15px;background:#f9f9f9;border-radius:4px}.import-results h3{margin-top:0;margin-bottom:15px;font-size:1.2rem}.results-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.results-summary p{margin:5px 0}.errors-list{margin-top:15px}.errors-list h4{margin-bottom:10px;color:#d32f2f}.errors-list ul{max-height:200px;overflow-y:auto;list-style:none;padding:0;margin:0}.errors-list li{padding:5px 0;border-bottom:1px solid #e0e0e0;color:#d32f2f}.form-group{margin-bottom:15px}.form-group .btn{width:auto}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input[type=file]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.form-group small{display:block;margin-top:5px;color:#666;font-size:.875rem}.import-export-modal{max-width:1000px;width:95%;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--gray-200)}.import-export-modal{max-width:700px}.section-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-md)}.form-control-file{padding:var(--space-sm);border:2px dashed var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.form-control-file:hover{border-color:var(--primary);background:var(--gray-50)}.file-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-md);margin-top:var(--space-sm);border-left:3px solid var(--primary)}.file-name{font-weight:500;color:var(--text-primary)}.file-size{color:var(--text-secondary);font-size:.875rem}.form-text-muted{display:block;margin-top:var(--space-xs);font-size:.875rem;color:var(--text-secondary)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.result-stat{background:var(--gray-50);padding:var(--space-lg);border-radius:var(--radius-md);text-align:center;border:1px solid var(--gray-200);transition:all var(--transition-fast)}.result-stat:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.result-number{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.result-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.result-success{background:#10b9811a;border-color:#10b981}.result-success .result-number{color:#059669}.result-info{background:#3b82f61a;border-color:#3b82f6}.result-info .result-number{color:#2563eb}.result-error{background:#ef44441a;border-color:#ef4444}.result-error .result-number{color:#dc2626}.errors-container{margin-top:var(--space-xl);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--space-lg)}.errors-title{margin:0 0 var(--space-md) 0;color:#991b1b;font-size:1rem;font-weight:600}.errors-list{max-height:200px;overflow-y:auto}.error-item{padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);display:flex;gap:var(--space-md);border-left:3px solid #ef4444}.error-item:last-child{margin-bottom:0}.error-row{font-weight:600;color:#dc2626;min-width:60px}.error-message{color:var(--text-primary);flex:1}.project-form-modal-footer{display:flex;justify-content:flex-end;padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.button-card:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.import-export-modal{max-width:95%}.quick-note-modal{width:min(96vw,560px)}.quick-note-modal .modal-header{padding:14px 16px}.quick-note-form{padding:14px 16px 16px}.quick-note-actions{justify-content:stretch}.quick-note-actions .btn{flex:1;min-width:0}.results-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.result-stat{padding:var(--space-md)}.result-number{font-size:1.5rem}.result-label{font-size:.75rem}}@media (max-width: 480px){.import-export-modal .modal-header h2{font-size:1.125rem}.import-export-body{padding:var(--space-md)!important}.import-export-card{padding:var(--space-lg)}.card-icon{font-size:2.5rem}.import-export-card h3{font-size:1.125rem}.card-description{font-size:.875rem}.file-upload-box{padding:var(--space-lg);min-height:100px}.upload-icon{font-size:2rem}.upload-text strong{font-size:.9375rem}.upload-text span{font-size:.8125rem}.button-card{padding:var(--space-sm) var(--space-lg);font-size:.9375rem}.results-grid{grid-template-columns:1fr 1fr;gap:var(--space-xs)}.result-card{padding:var(--space-sm)}.result-number{font-size:1.75rem}.result-label{font-size:.6875rem}.import-results-container{padding:var(--space-md)}.import-results-container h4{font-size:1rem}.import-results-container h4:before{width:28px;height:28px;font-size:1rem}.error-item{flex-direction:column;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.error-row{min-width:auto}.link-button{font-size:.875rem;padding:var(--space-xs) var(--space-lg)}}.mapping-container{margin-top:1rem;animation:fadeIn .3s ease-in-out}.mapping-table-wrapper{overflow-x:auto;margin-bottom:1.5rem;border-radius:var(--radius-md);border:1px solid var(--gray-200);max-height:400px}.mapping-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.mapping-table th{padding:var(--space-md);background:var(--gray-50);border-bottom:2px solid var(--gray-200);border-right:1px solid var(--gray-200);text-align:left;min-width:180px;position:sticky;top:0;z-index:10}.mapping-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--gray-200);border-right:1px solid var(--gray-200);color:var(--text-secondary);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.mapping-header-label{font-weight:600;margin-bottom:var(--space-xs);color:var(--text-primary);display:block}.mapping-select{width:100%;padding:6px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.85rem;background-color:var(--bg-primary);color:var(--text-primary)}.mapping-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px var(--primary-light)}.mapping-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg);border-top:1px solid var(--gray-200);padding-top:var(--space-md)}.table-empty-cell{color:var(--text-tertiary);font-style:italic;font-size:.8rem}.pagination-shell{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px}.pagination-summary{color:var(--text-secondary);font-size:.875rem;display:flex;align-items:center;gap:10px;white-space:nowrap}.pagination-total{color:var(--text-primary);font-weight:600}.entries-control{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.entries-select{height:32px;min-width:68px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface);color:var(--text-primary);padding:0 10px;font-size:.8125rem}.entries-select:focus{outline:none;border-color:var(--brand-primary, var(--primary));box-shadow:0 0 0 3px var(--brand-primary-alpha, rgba(37, 99, 235, .12))}.pagination-controls{display:inline-flex;align-items:center;gap:6px}.page-btn{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface);color:var(--text-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.page-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-surface-raised)}.page-btn.active{background:var(--brand-primary, var(--primary));border-color:var(--brand-primary, var(--primary));color:var(--text-on-brand)}.page-btn.nav{min-width:58px}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-ellipsis{min-width:20px;text-align:center;color:var(--text-secondary);font-size:.95rem}@media (max-width: 900px){.pagination-shell{flex-wrap:wrap;justify-content:center;padding:10px}.pagination-summary{width:100%;justify-content:center;text-align:center}.pagination-controls{order:2;width:100%;justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.quick-note-modal{max-width:500px;width:90%;max-height:70vh!important}.quick-note-modal .modal-header{padding:4px 14px 10px 6px}.quick-note-modal .modal-header h2{font-size:1.125rem}.quick-note-form{display:flex;flex-direction:column;gap:8px}.quick-note-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.quick-note-lead-name{font-size:1rem;font-weight:600;color:var(--text-primary);padding:0;background:transparent;border-radius:0;margin-bottom:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-note-type-wrapper{display:flex;align-items:center;gap:4px;flex-shrink:0}.quick-note-type-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);min-width:5px}.quick-note-type-select{flex:0 0 auto;max-width:180px;padding:10px 12px;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.quick-note-type-select:hover{border-color:var(--gray-400)}.quick-note-type-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.quick-note-type-select:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.quick-note-input{width:100%;padding:12px;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:180px;transition:all .2s ease}.quick-note-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.quick-note-input:disabled{background:var(--gray-100);cursor:not-allowed}.quick-note-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}@media (max-width: 768px){.quick-note-modal{width:95%;max-width:none}.quick-note-header-row{gap:8px}.quick-note-type-label{font-size:.8125rem}.quick-note-type-select{font-size:.8125rem;padding:8px 10px;max-width:140px}.quick-note-actions{flex-direction:column-reverse}.quick-note-actions button{width:100%}}.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:var(--bg-card);border-radius:8px;padding:1rem;box-shadow:var(--shadow-sm);max-width:600px;margin:0 auto}@media (min-width: 768px){.visit-initiate-card{padding:1.5rem}}.visit-initiate-card h2{color:var(--text-primary);margin-bottom:1.5rem}.visit-client-info{background:var(--bg-surface, var(--gray-50));border:1px solid var(--border-color);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.visit-client-info p{margin:.5rem 0;color:var(--text-primary)}.lead-info{background:var(--bg-surface, var(--gray-50));border:1px solid var(--border-color);padding:1rem;border-radius:5px;margin-bottom:1.5rem}.lead-info p{margin:.5rem 0;color:var(--text-primary)}.info-message{margin-top:1rem;padding:1rem;background:var(--brand-primary-alpha, rgba(99,102,241,.08));border:1px solid var(--brand-primary, var(--primary));border-radius:5px}.info-message p{color:var(--brand-primary, var(--primary));margin:0;font-size:.875rem}.location-section{background:var(--brand-primary-alpha, rgba(99,102,241,.06));border:1px solid var(--border-color);padding:1rem;border-radius:5px;margin-bottom:1.5rem}.location-section p{margin:.5rem 0;color:var(--text-primary)}.location-status{font-weight:500;margin:.5rem 0;color:var(--text-primary)}.location-success{color:#10b981}.location-error{color:var(--error, #dc2626)}.location-address{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem;padding:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px}.location-map-container{width:100%;margin-top:1rem;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.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 var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-surface, var(--gray-50))}.form-section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-surface, var(--gray-100));border:none;cursor:pointer;transition:all .2s;text-align:left}.form-section-header:hover{background:var(--bg-card)}.form-section-header:disabled{cursor:not-allowed;opacity:.6}.form-section-header h3{margin:0;color:var(--brand-primary, var(--primary));font-size:1.1rem;font-weight:600}.accordion-icon{color:var(--brand-primary, var(--primary));font-size:.875rem;transition:transform .2s;-webkit-user-select:none;user-select:none}.form-section-content{padding:1rem 1.25rem;background:var(--bg-card);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:var(--bg-primary);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}.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}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform .3s ease-out,opacity .3s ease-in;-moz-transition:-moz-transform .3s ease-out,opacity .3s ease-in;-o-transition:-o-transform .3s ease-out,opacity .3s ease-in;transition:transform .3s ease-out,opacity .3s ease-in}.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset .3s ease-out,-webkit-stroke-opacity .3s ease-in;-moz-transition:-moz-stroke-dashoffset .3s ease-out,-moz-stroke-opacity .3s ease-in;-o-transition:-o-stroke-dashoffset .3s ease-out,-o-stroke-opacity .3s ease-in;transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}.marker-cluster-small{background-color:#b5e28c99}.marker-cluster-small div{background-color:#6ecc3999}.marker-cluster-medium{background-color:#f1d35799}.marker-cluster-medium div{background-color:#f0c20c99}.marker-cluster-large{background-color:#fd9c7399}.marker-cluster-large div{background-color:#f1801799}.leaflet-oldie .marker-cluster-small{background-color:#b5e28c}.leaflet-oldie .marker-cluster-small div{background-color:#6ecc39}.leaflet-oldie .marker-cluster-medium{background-color:#f1d357}.leaflet-oldie .marker-cluster-medium div{background-color:#f0c20c}.leaflet-oldie .marker-cluster-large{background-color:#fd9c73}.leaflet-oldie .marker-cluster-large div{background-color:#f18017}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px Helvetica Neue,Arial,Helvetica,sans-serif}.marker-cluster span{line-height:30px}.map-error-boundary{display:flex;align-items:center;justify-content:center;min-height:600px;background:var(--map-color-bg-secondary);border:1px solid var(--map-color-border);border-radius:var(--map-radius-md);padding:var(--map-spacing-xl);font-family:var(--map-font-family-base)}.map-error-content{max-width:500px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--map-spacing-md)}.map-error-icon{color:#ef4444;animation:mapPulse 2s infinite}.map-error-title{font-family:var(--map-font-family-heading);font-size:var(--map-font-size-2xl);font-weight:var(--map-font-weight-bold);color:var(--map-color-text-primary);margin:0}.map-error-message{font-size:var(--map-font-size-base);color:var(--map-color-text-secondary);line-height:var(--map-line-height-relaxed);margin:0}.map-error-details{width:100%;margin-top:var(--map-spacing-sm)}.map-error-details details{background:var(--map-color-bg-base);border:1px solid var(--map-color-border);border-radius:var(--map-radius-sm);padding:var(--map-spacing-sm);text-align:left}.map-error-details summary{cursor:pointer;font-size:var(--map-font-size-sm);font-weight:var(--map-font-weight-semibold);color:var(--map-color-text-secondary);padding:var(--map-spacing-xs)}.map-error-details pre{margin:var(--map-spacing-sm) 0 0;padding:var(--map-spacing-sm);background:var(--map-color-bg-tertiary);border-radius:var(--map-radius-sm);font-size:var(--map-font-size-xs);color:#ef4444;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.map-error-actions{display:flex;gap:var(--map-spacing-md);margin-top:var(--map-spacing-sm)}.map-error-btn{padding:var(--map-spacing-sm) var(--map-spacing-lg);border:none;border-radius:var(--map-radius-sm);font-size:var(--map-font-size-base);font-weight:var(--map-font-weight-semibold);cursor:pointer;transition:all var(--map-transition-base);font-family:var(--map-font-family-base)}.map-error-btn.primary{background:var(--map-color-primary);color:#fff}.map-error-btn.primary:hover{background:var(--map-color-primary-hover);transform:translateY(-2px);box-shadow:var(--map-shadow-1)}.map-error-btn.secondary{background:var(--map-color-bg-base);color:var(--map-color-text-primary);border:1px solid var(--map-color-border)}.map-error-btn.secondary:hover{background:var(--map-color-bg-hover);border-color:var(--map-color-primary)}.map-error-btn:active{transform:translateY(0)}.map-kpi-stats{display:flex;gap:14px;margin-bottom:14px;flex-wrap:wrap;font-family:var(--map-font-family-base);padding:14px;background:var(--map-color-bg-secondary);border:1px solid var(--map-color-border);border-radius:6px;box-shadow:var(--map-shadow-1)}.map-kpi-card{flex:1;min-width:145px;display:flex;align-items:center;gap:10px;padding:9px 15px;background:var(--map-color-bg-base);border:1px solid var(--map-color-border);border-radius:12px;box-shadow:var(--map-shadow-1);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.map-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent-color) 0%,transparent 60%);opacity:.06;z-index:0;transition:opacity .25s ease}.map-kpi-card.clickable{cursor:pointer}.map-kpi-card.clickable:hover{transform:translateY(-1px);box-shadow:var(--map-shadow-2);border-color:var(--map-color-primary)}.map-kpi-card.clickable:hover:before{opacity:.1}.map-kpi-card.clickable:active{transform:translateY(0);box-shadow:var(--map-shadow-1)}.map-kpi-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--map-color-bg-tertiary);border-radius:6px;box-shadow:var(--map-shadow-1);position:relative;z-index:1}.map-kpi-icon svg{width:15px;height:15px;opacity:.75;stroke-width:2.5}.map-kpi-content{flex:1;display:flex;align-items:baseline;gap:7px;position:relative;z-index:1}.map-kpi-value{font-size:17px;font-weight:700;color:var(--map-color-text-primary);line-height:1;font-family:var(--map-font-family-heading);letter-spacing:-.02em}.map-kpi-label{font-size:11.5px;font-weight:500;color:var(--map-color-text-secondary);line-height:1;white-space:nowrap;letter-spacing:-.01em}@media (max-width: 1024px){.map-kpi-stats{gap:12px;padding:12px}.map-kpi-card{min-width:calc(50% - 6px);padding:8px 14px}.map-kpi-value{font-size:16px}.map-kpi-icon{width:28px;height:28px}.map-kpi-icon svg{width:14px;height:14px}}@media (max-width: 768px){.map-kpi-stats{gap:10px;padding:10px}.map-kpi-card{min-width:calc(50% - 5px);padding:8px 12px;gap:8px}.map-kpi-icon{width:26px;height:26px}.map-kpi-icon svg{width:13px;height:13px}.map-kpi-value{font-size:15px}.map-kpi-label{font-size:10.5px}}.map-filter-chips-container{margin-bottom:var(--map-spacing-md);font-family:var(--map-font-family-base);padding:14px;background:var(--map-color-bg-secondary);border:1px solid var(--map-color-border);border-radius:6px;box-shadow:var(--map-shadow-1)}.map-filter-chips{display:flex;align-items:center;gap:var(--map-spacing-sm);flex-wrap:wrap}.map-filter-chip{display:inline-flex;align-items:center;gap:var(--map-spacing-xs);height:var(--map-filter-chip-height);padding:0 var(--map-spacing-sm);background:var(--map-color-bg-base);border:1px solid var(--map-color-border);border-radius:12px;font-size:var(--map-font-size-sm);font-weight:var(--map-font-weight-medium);color:var(--map-color-text-primary);animation:mapScaleIn var(--map-transition-base);transition:all var(--map-transition-base);box-shadow:var(--map-shadow-1)}.map-filter-chip:hover{background:var(--map-color-bg-hover);box-shadow:var(--map-shadow-2)}.map-filter-chip-label{line-height:1}.map-filter-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:var(--map-radius-full);cursor:pointer;color:var(--map-color-text-secondary);font-size:14px;font-weight:700;transition:all var(--map-transition-fast)}.map-filter-chip-remove:hover{background:var(--map-color-bg-hover);color:var(--map-color-text-primary);transform:scale(1.1)}.map-filter-chip-remove:active{transform:scale(.9)}.map-filter-dropdown{position:relative}.map-filter-add-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--map-filter-chip-height);padding:0 var(--map-spacing-md);background:var(--map-color-primary);color:#fff;border:none;border-radius:12px;font-size:var(--map-font-size-sm);font-weight:var(--map-font-weight-semibold);cursor:pointer;transition:all var(--map-transition-base);font-family:var(--map-font-family-base)}.map-filter-add-btn:hover{background:var(--map-color-primary-hover);transform:scale(1.02)}.map-filter-add-btn:active{background:var(--map-color-primary-active);transform:scale(.98)}.map-filter-dropdown-menu{position:absolute;top:calc(100% + var(--map-spacing-xs));left:0;min-width:180px;background:var(--map-color-bg-base);border:1px solid var(--map-color-border);border-radius:var(--map-radius-sm);box-shadow:var(--map-shadow-2);z-index:1000;overflow:hidden;animation:mapScaleIn var(--map-transition-base)}.map-filter-dropdown-item{display:flex;align-items:center;gap:var(--map-spacing-sm);width:100%;padding:var(--map-spacing-sm) var(--map-spacing-md);background:transparent;border:none;text-align:left;cursor:pointer;font-size:var(--map-font-size-sm);font-weight:var(--map-font-weight-medium);color:var(--map-color-text-primary);transition:background var(--map-transition-fast);font-family:var(--map-font-family-base)}.map-filter-dropdown-item:hover{background:var(--map-color-bg-hover)}.map-filter-dropdown-color{width:12px;height:12px;border-radius:var(--map-radius-full);flex-shrink:0}.map-filter-dropdown-empty{padding:var(--map-spacing-md);text-align:center;font-size:var(--map-font-size-sm);color:var(--map-color-text-tertiary);font-style:italic}@media (max-width: 768px){.map-filter-chips{gap:var(--map-spacing-xs)}.map-filter-chip,.map-filter-add-btn{height:28px;padding:0 var(--map-spacing-sm);font-size:12px}}.map-controls{position:absolute;top:var(--map-spacing-md);right:var(--map-spacing-md);display:flex;flex-direction:column;gap:var(--map-spacing-sm);z-index:1000}.map-control-btn{width:var(--map-controls-size);height:var(--map-controls-size);display:flex;align-items:center;justify-content:center;background:var(--map-color-bg-base);border:1px solid var(--map-color-border);border-radius:var(--map-radius-full);box-shadow:var(--map-shadow-1);cursor:pointer;color:var(--map-color-text-primary);transition:all var(--map-transition-base);padding:0}.map-control-btn:hover{background:var(--map-color-bg-hover);box-shadow:var(--map-shadow-2);transform:scale(1.05);border-color:var(--map-color-primary)}.map-control-btn:active{transform:scale(.95)}.map-control-btn.active{background:var(--map-color-primary);color:#fff;border-color:var(--map-color-primary)}.map-control-btn.rotating{animation:mapRotate .36s linear}.map-control-btn svg{display:block}@media (max-width: 768px){.map-controls{top:var(--map-spacing-sm);right:var(--map-spacing-sm);gap:var(--map-spacing-xs)}.map-control-btn{width:36px;height:36px}.map-control-btn svg{width:18px;height:18px}}.map-legend{position:absolute;bottom:var(--map-spacing-lg);right:var(--map-spacing-md);min-width:180px;background:var(--map-color-bg-base);border:1px solid var(--map-color-border);border-radius:var(--map-radius-sm);box-shadow:var(--map-shadow-2);z-index:1000;overflow:hidden;transition:all var(--map-transition-base);font-family:var(--map-font-family-base)}.map-legend.collapsed{min-width:auto}.map-legend-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--map-spacing-sm) var(--map-spacing-md);background:var(--map-color-bg-secondary);border:none;cursor:pointer;transition:background var(--map-transition-fast)}.map-legend-header:hover{background:var(--map-color-bg-tertiary)}.map-legend-title{font-size:var(--map-font-size-sm);font-weight:var(--map-font-weight-semibold);color:var(--map-color-text-primary);font-family:var(--map-font-family-heading)}.map-legend-chevron{transition:transform var(--map-transition-base);color:var(--map-color-text-secondary)}.map-legend-chevron.collapsed{transform:rotate(-90deg)}.map-legend-content{padding:var(--map-spacing-md);display:flex;flex-direction:column;gap:var(--map-spacing-md);animation:mapFadeIn var(--map-transition-base)}.map-legend-section{display:flex;flex-direction:column;gap:var(--map-spacing-xs)}.map-legend-section-title{font-size:var(--map-font-size-xs);font-weight:var(--map-font-weight-semibold);color:var(--map-color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.map-legend-item{display:flex;align-items:center;gap:var(--map-spacing-sm)}.map-legend-marker{width:16px;height:16px;border-radius:var(--map-radius-full);border:2px solid var(--map-color-bg-base);box-shadow:0 2px 4px #0000001a;flex-shrink:0}.map-legend-marker.project{width:20px;height:20px}.map-legend-label{font-size:var(--map-font-size-sm);color:var(--map-color-text-primary);font-weight:var(--map-font-weight-medium)}@media (max-width: 768px){.map-legend{bottom:var(--map-spacing-md);right:var(--map-spacing-sm);min-width:150px}.map-legend-content{padding:var(--map-spacing-sm);gap:var(--map-spacing-sm)}.map-legend-marker{width:14px;height:14px}.map-legend-marker.project{width:18px;height:18px}.map-legend-label{font-size:12px}}.lead-panel-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;animation:mapFadeIn var(--map-transition-base);display:flex;justify-content:flex-end}.lead-panel{width:var(--map-panel-width);max-width:100%;height:100%;background:var(--map-color-bg-base);box-shadow:var(--map-shadow-panel);display:flex;flex-direction:column;animation:mapSlideInRight var(--map-transition-base);font-family:var(--map-font-family-base);overflow:hidden}.lead-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--map-spacing-lg);border-bottom:1px solid var(--map-color-border);background:var(--map-color-bg-secondary);flex-shrink:0}.lead-panel-title{font-family:var(--map-font-family-heading);font-size:var(--map-font-size-xl);font-weight:var(--map-font-weight-bold);color:var(--map-color-text-primary);margin:0}.lead-panel-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--map-radius-full);cursor:pointer;color:var(--map-color-text-secondary);font-size:20px;font-weight:700;transition:all var(--map-transition-fast)}.lead-panel-close:hover{background:var(--map-color-bg-hover);color:var(--map-color-text-primary);transform:scale(1.1)}.lead-panel-close:active{transform:scale(.9)}.lead-panel-body{flex:1;overflow-y:auto;padding:var(--map-spacing-lg);display:flex;flex-direction:column;gap:var(--map-spacing-lg)}.lead-panel-body::-webkit-scrollbar{width:8px}.lead-panel-body::-webkit-scrollbar-track{background:var(--map-color-bg-secondary)}.lead-panel-body::-webkit-scrollbar-thumb{background:var(--map-color-border-dark);border-radius:var(--map-radius-sm)}.lead-panel-body::-webkit-scrollbar-thumb:hover{background:var(--map-color-text-tertiary)}.lead-panel-section{display:flex;flex-direction:column;gap:var(--map-spacing-md);padding-bottom:var(--map-spacing-md);border-bottom:1px solid var(--map-color-border)}.lead-panel-section:last-child{border-bottom:none;padding-bottom:0}.lead-panel-section-header{display:flex;align-items:center;gap:var(--map-spacing-sm);font-size:var(--map-font-size-base);font-weight:var(--map-font-weight-semibold);color:var(--map-color-text-primary);font-family:var(--map-font-family-heading)}.lead-panel-section-header svg{color:var(--map-color-primary);flex-shrink:0}.lead-panel-section-content{display:flex;flex-direction:column;gap:var(--map-spacing-md)}.lead-panel-field{display:flex;flex-direction:column;gap:var(--map-spacing-xs)}.lead-panel-field label{font-size:var(--map-font-size-xs);font-weight:var(--map-font-weight-semibold);color:var(--map-color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.lead-panel-value{font-size:var(--map-font-size-base);font-weight:var(--map-font-weight-medium);color:var(--map-color-text-primary);line-height:var(--map-line-height-normal)}.lead-panel-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--map-spacing-xs) var(--map-spacing-sm);border-radius:var(--map-radius-full);font-size:var(--map-font-size-xs);font-weight:var(--map-font-weight-semibold);color:#fff;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.lead-panel-link{font-size:var(--map-font-size-base);font-weight:var(--map-font-weight-medium);color:var(--map-color-primary);text-decoration:none;transition:color var(--map-transition-fast)}.lead-panel-link:hover{color:var(--map-color-primary-hover);text-decoration:underline}.lead-panel-unassigned{display:flex;flex-direction:column;align-items:center;gap:var(--map-spacing-sm);padding:var(--map-spacing-lg);background:var(--map-color-bg-secondary);border-radius:var(--map-radius-sm);text-align:center}.lead-panel-unassigned svg{color:var(--map-color-text-tertiary)}.lead-panel-unassigned p{margin:0;font-size:var(--map-font-size-sm);color:var(--map-color-text-secondary);font-style:italic}.lead-panel-placeholder{padding:var(--map-spacing-lg);background:var(--map-color-bg-secondary);border-radius:var(--map-radius-sm);text-align:center;font-size:var(--map-font-size-sm);color:var(--map-color-text-tertiary);font-style:italic}.lead-panel-footer{display:flex;flex-direction:column;gap:var(--map-spacing-sm);padding:var(--map-spacing-lg);border-top:1px solid var(--map-color-border);background:var(--map-color-bg-secondary);flex-shrink:0}.lead-panel-hint{margin:0;padding:var(--map-spacing-sm);font-size:var(--map-font-size-sm);color:var(--map-color-text-secondary);text-align:center;background:var(--map-color-bg-hover);border-radius:var(--map-radius-sm);border:1px dashed var(--map-color-border)}.lead-panel-action-btn{width:100%;padding:var(--map-spacing-sm) var(--map-spacing-md);border:none;border-radius:var(--map-radius-sm);font-size:var(--map-font-size-base);font-weight:var(--map-font-weight-semibold);cursor:pointer;transition:all var(--map-transition-base);font-family:var(--map-font-family-base);display:flex;align-items:center;justify-content:center;gap:var(--map-spacing-xs)}.lead-panel-action-btn.primary{background:var(--map-color-primary);color:#fff}.lead-panel-action-btn.primary:hover{background:var(--map-color-primary-hover);transform:translateY(-2px);box-shadow:var(--map-shadow-1)}.lead-panel-action-btn.secondary{background:var(--map-color-bg-base);color:var(--map-color-text-primary);border:1px solid var(--map-color-border)}.lead-panel-action-btn.secondary:hover{background:var(--map-color-bg-hover);border-color:var(--map-color-primary)}.lead-panel-action-btn:active{transform:translateY(0)}.lead-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--map-spacing-md);padding:var(--map-spacing-2xl);text-align:center;color:var(--map-color-text-tertiary)}.lead-panel-empty svg{color:#22c55e}.lead-panel-empty p{margin:0;font-size:var(--map-font-size-base);color:var(--map-color-text-secondary)}.unassigned-leads-list{display:flex;flex-direction:column;gap:var(--map-spacing-sm)}.unassigned-lead-item{display:flex;align-items:center;justify-content:space-between;gap:var(--map-spacing-md);padding:var(--map-spacing-md);background:var(--map-color-bg-base);border:1px solid var(--map-color-border);border-radius:var(--map-radius-sm);cursor:pointer;transition:all var(--map-transition-base);text-align:left;width:100%}.unassigned-lead-item:hover{background:var(--map-color-bg-hover);border-color:var(--map-color-primary);transform:translate(4px);box-shadow:var(--map-shadow-1)}.unassigned-lead-item:active{transform:translate(2px)}.unassigned-lead-info{flex:1;display:flex;flex-direction:column;gap:var(--map-spacing-xs)}.unassigned-lead-name{font-size:var(--map-font-size-base);font-weight:var(--map-font-weight-semibold);color:var(--map-color-text-primary)}.unassigned-lead-phone{font-size:var(--map-font-size-sm);color:var(--map-color-text-secondary)}.unassigned-lead-status{display:inline-flex;align-items:center;justify-content:center;padding:var(--map-spacing-xs) var(--map-spacing-sm);border-radius:var(--map-radius-full);font-size:var(--map-font-size-xs);font-weight:var(--map-font-weight-semibold);color:#fff;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}@media (max-width: 768px){.lead-panel{width:100%}.lead-panel-header{padding:var(--map-spacing-md)}.lead-panel-title{font-size:var(--map-font-size-lg)}.lead-panel-body{padding:var(--map-spacing-md);gap:var(--map-spacing-md)}.lead-panel-footer{padding:var(--map-spacing-md)}.unassigned-lead-item{padding:var(--map-spacing-sm)}.quick-actions-section{grid-template-columns:1fr 1fr}.lead-header-content{padding:12px}}.lead-panel-header-enhanced{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:0;border-bottom:none;flex-shrink:0}.lead-panel-header-enhanced .lead-panel-close{position:absolute;top:12px;right:12px;z-index:10;color:#fff;background:#fff3;width:28px;height:28px}.lead-panel-header-enhanced .lead-panel-close:hover{background:#ffffff4d;color:#fff}.lead-header-content{padding:20px;display:flex;flex-direction:column;gap:8px}.lead-name-large{font-size:20px;font-weight:700;margin:0;color:#1f2937!important;line-height:1.2}.lead-header-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.lead-status-badge-compact{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ffffff40}.lead-header-project{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:#1f2937;margin-top:4px}.lead-header-project svg{flex-shrink:0;opacity:.9}.lead-header-info-row{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}.lead-header-info-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffe6}.lead-header-info-item svg{flex-shrink:0;opacity:.8}.lead-header-info-item strong{font-weight:600;color:#fff}.lead-panel-section-compact{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--map-color-border)}.lead-panel-section-compact:last-child{border-bottom:none;margin-bottom:0}.section-title{font-size:13px;font-weight:600;color:var(--map-color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.section-divider{height:2px;background:linear-gradient(90deg,var(--map-color-border) 0%,transparent 100%);margin-bottom:12px}.contact-row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px}.contact-row svg{color:#667eea;flex-shrink:0}.contact-value{color:var(--map-color-text-primary);font-weight:500;text-decoration:none;transition:color .2s}.contact-value:hover{color:#667eea;text-decoration:underline}.contact-row-empty{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px}.contact-row-empty svg{color:var(--map-color-text-tertiary);flex-shrink:0}.contact-empty{color:var(--map-color-text-tertiary);font-style:italic}.quick-actions-section{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 0}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:var(--bg-primary);border:1.5px solid var(--map-color-border);border-radius:8px;font-size:12px;font-weight:600;color:var(--map-color-text-primary);cursor:pointer;transition:all .2s}.quick-action-btn:hover:not(:disabled){border-color:var(--map-color-primary);color:var(--map-color-primary);background:var(--map-color-bg-hover);transform:translateY(-2px);box-shadow:0 4px 6px #667eea1a}.quick-action-btn:active:not(:disabled){transform:translateY(0)}.quick-action-btn:disabled{opacity:.4;cursor:not-allowed}.quick-action-btn svg{flex-shrink:0}.project-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.project-name-large{font-size:16px;font-weight:600;color:#1f2937;line-height:1.3}.project-location{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--map-color-text-secondary)}.project-location svg{flex-shrink:0;color:var(--map-color-text-tertiary)}.project-stage{font-size:13px;color:var(--map-color-text-secondary)}.project-stage strong{color:var(--map-color-text-primary);font-weight:600}.project-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-start}.project-action-btn{padding:8px 12px;border:1.5px solid #667eea;border-radius:6px;background:#667eea;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;min-width:90px}.project-action-btn:hover{background:#5568d3;border-color:#5568d3;transform:translateY(-1px);box-shadow:0 2px 4px #667eea33}.project-action-btn.secondary{background:var(--bg-primary);color:#667eea}.project-action-btn.secondary:hover{background:#f5f7ff;border-color:#5568d3;color:#5568d3}.activity-timeline{display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto}.activity-timeline-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:#6b7280;font-size:14px}.spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .6s linear infinite}.timeline-item{display:flex;gap:12px;padding:12px 8px;position:relative}.timeline-item:after{content:"";position:absolute;left:-26px;top:40px;bottom:-12px;width:2px;background:linear-gradient(to bottom,#e5e7eb,transparent)}.timeline-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;box-shadow:0 2px 4px #0000001a}.timeline-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.timeline-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.timeline-title{font-size:13px;font-weight:600;color:#1f2937;line-height:1.4;flex:1;min-width:0}.timeline-date{font-size:11px;color:#9ca3af;font-weight:500;white-space:nowrap;flex-shrink:0}.timeline-description{font-size:12px;color:#6b7280;line-height:1.5}.timeline-user{font-size:11px;color:#9ca3af;font-style:italic}.activity-timeline-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px;border-radius:8px;border:2px dashed #e5e7eb}.activity-timeline-empty svg{color:#9ca3af;margin-bottom:12px}.empty-message{margin:0 0 4px;font-size:14px;font-weight:500;color:#6b7280}.empty-hint{margin:0;font-size:12px;color:#9ca3af}.lead-panel-footer-compact{display:flex;flex-direction:column;gap:10px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.footer-action-btn{width:100%;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.footer-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.footer-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.footer-action-btn.primary:active{transform:translateY(0)}.footer-hint{margin:0;padding:8px 12px;font-size:12px;color:#6b7280;text-align:center;background:var(--bg-primary);border-radius:6px;border:1px solid #e5e7eb}@media (max-width: 768px){.timeline-item:after{left:-20px}}@media (max-width: 640px){.timeline-item:after{left:-18px}}@media (max-width: 480px){.timeline-item:after{left:-17px}}.map-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:mapFadeIn .2s ease-out}.map-dialog{background:var(--map-color-bg-base, white);border-radius:var(--map-radius-md, 12px);box-shadow:var(--map-shadow-panel, 0 8px 32px rgba(0, 0, 0, .12));width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:mapScaleIn .3s cubic-bezier(.34,1.56,.64,1);font-family:var(--map-font-family-base, "Inter", sans-serif)}.map-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--map-spacing-lg, 24px);border-bottom:1px solid var(--map-color-border, #e5e7eb);background:var(--map-color-bg-secondary, #f9fafb)}.map-dialog-header h3{margin:0;font-size:var(--map-font-size-lg, 1.125rem);font-weight:var(--map-font-weight-bold, 700);color:var(--map-color-text-primary, #111827);font-family:var(--map-font-family-heading, "Manrope", sans-serif)}.dialog-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--map-color-text-secondary, #6b7280);font-size:24px;line-height:1;transition:all .2s;padding:0}.dialog-close:hover{background:var(--map-color-bg-hover, #f3f4f6);color:var(--map-color-text-primary, #111827)}.map-dialog-body{padding:var(--map-spacing-lg, 24px);overflow-y:auto}.reassignment-info{margin-bottom:var(--map-spacing-lg, 24px);padding:var(--map-spacing-md, 16px);background:var(--map-color-bg-secondary, #f9fafb);border-radius:var(--map-radius-sm, 8px);border:1px solid var(--map-color-border, #e5e7eb)}.info-row{display:flex;justify-content:space-between;padding:var(--map-spacing-sm, 8px) 0;border-bottom:1px solid var(--map-color-border, #e5e7eb)}.info-row:last-child{border-bottom:none}.info-row label{color:var(--map-color-text-secondary, #6b7280);font-size:var(--map-font-size-sm, .875rem);font-weight:var(--map-font-weight-medium, 500)}.info-row strong,.info-row span{color:var(--map-color-text-primary, #111827);font-size:var(--map-font-size-sm, .875rem);font-weight:var(--map-font-weight-semibold, 600);text-align:right}.info-row .new-project{color:var(--map-color-primary, #6366f1)}.form-group{display:flex;flex-direction:column;gap:var(--map-spacing-sm, 8px)}.form-group label{font-size:var(--map-font-size-sm, .875rem);font-weight:var(--map-font-weight-semibold, 600);color:var(--map-color-text-primary, #111827)}.form-group textarea{padding:var(--map-spacing-sm, 8px) var(--map-spacing-md, 16px);border:1px solid var(--map-color-border, #e5e7eb);border-radius:var(--map-radius-sm, 8px);font-size:var(--map-font-size-sm, .875rem);font-family:var(--map-font-family-base, "Inter", sans-serif);resize:vertical;transition:border-color .2s}.form-group textarea:focus{outline:none;border-color:var(--map-color-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.map-dialog-footer{display:flex;gap:var(--map-spacing-md, 16px);padding:var(--map-spacing-lg, 24px);border-top:1px solid var(--map-color-border, #e5e7eb);background:var(--map-color-bg-secondary, #f9fafb)}.btn-cancel,.btn-confirm{flex:1;padding:var(--map-spacing-sm, 8px) var(--map-spacing-md, 16px);border:none;border-radius:var(--map-radius-sm, 8px);font-size:var(--map-font-size-base, 1rem);font-weight:var(--map-font-weight-semibold, 600);font-family:var(--map-font-family-base, "Inter", sans-serif);cursor:pointer;transition:all .2s}.btn-cancel{background:var(--map-color-bg-base, white);color:var(--map-color-text-primary, #111827);border:1px solid var(--map-color-border, #e5e7eb)}.btn-cancel:hover{background:var(--map-color-bg-hover, #f3f4f6)}.btn-confirm{background:var(--map-color-primary, #6366f1);color:#fff}.btn-confirm:hover{background:var(--map-color-primary-hover, #4f46e5);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-confirm:active{transform:translateY(0)}:root{--map-spacing-unit: 8px;--map-spacing-xs: calc(var(--map-spacing-unit) * .5);--map-spacing-sm: var(--map-spacing-unit);--map-spacing-md: calc(var(--map-spacing-unit) * 2);--map-spacing-lg: calc(var(--map-spacing-unit) * 3);--map-spacing-xl: calc(var(--map-spacing-unit) * 4);--map-spacing-2xl: calc(var(--map-spacing-unit) * 6);--map-font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--map-font-family-heading: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--map-font-size-xs: .75rem;--map-font-size-sm: .875rem;--map-font-size-base: 1rem;--map-font-size-lg: 1.125rem;--map-font-size-xl: 1.25rem;--map-font-size-2xl: 1.5rem;--map-font-weight-normal: 400;--map-font-weight-medium: 500;--map-font-weight-semibold: 600;--map-font-weight-bold: 700;--map-font-weight-extrabold: 800;--map-line-height-tight: 1.25;--map-line-height-normal: 1.5;--map-line-height-relaxed: 1.75;--map-color-new: #3b82f6;--map-color-followup: #f59e0b;--map-color-site-visit: #10b981;--map-color-negotiation: #8b5cf6;--map-color-hot-deal: #ef4444;--map-color-closed: #22c55e;--map-color-lost: #6b7280;--map-color-primary: #6366f1;--map-color-primary-hover: #4f46e5;--map-color-primary-active: #4338ca;--map-color-bg-base: #ffffff;--map-color-bg-secondary: #f9fafb;--map-color-bg-tertiary: #f3f4f6;--map-color-bg-hover: #f9fafb;--map-color-bg-active: #f3f4f6;--map-color-text-primary: #111827;--map-color-text-secondary: #6b7280;--map-color-text-tertiary: #9ca3af;--map-color-text-inverse: #ffffff;--map-color-border: #e5e7eb;--map-color-border-dark: #d1d5db;--map-color-project: #f97316}[data-theme=dark]{--map-color-bg-base: #1f2937;--map-color-bg-secondary: #111827;--map-color-bg-tertiary: #374151;--map-color-bg-hover: #374151;--map-color-bg-active: #4b5563;--map-color-text-primary: #f9fafb;--map-color-text-secondary: #d1d5db;--map-color-text-tertiary: #9ca3af;--map-color-border: #374151;--map-color-border-dark: #4b5563}:root{--map-shadow-1: 0 2px 8px rgba(0, 0, 0, .1);--map-shadow-2: 0 4px 16px rgba(0, 0, 0, .15);--map-shadow-marker: 0 4px 12px rgba(0, 0, 0, .15);--map-shadow-marker-hover: 0 8px 20px rgba(0, 0, 0, .2);--map-shadow-panel: 0 8px 32px rgba(0, 0, 0, .12);--map-radius-sm: 8px;--map-radius-md: 12px;--map-radius-lg: 16px;--map-radius-full: 9999px;--map-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--map-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--map-transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--map-panel-width: 350px;--map-controls-size: 40px;--map-marker-size-lead: 36px;--map-marker-size-project: 48px;--map-stats-height: 40px;--map-filter-chip-height: 32px}@keyframes mapFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mapFadeOut{0%{opacity:1}to{opacity:0}}@keyframes mapSlideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes mapSlideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes mapScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes mapPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes mapRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mapRipple{0%{box-shadow:0 0 0 0 currentColor;opacity:.6}to{box-shadow:0 0 0 16px currentColor;opacity:0}}.map-font-base{font-family:var(--map-font-family-base)}.map-font-heading{font-family:var(--map-font-family-heading)}.map-transition-base{transition:all var(--map-transition-base)}.map-transition-fast{transition:all var(--map-transition-fast)}.map-shadow-1{box-shadow:var(--map-shadow-1)}.map-shadow-2{box-shadow:var(--map-shadow-2)}.map-view-container{width:100%;display:flex;flex-direction:column;gap:var(--map-spacing-md);font-family:var(--map-font-family-base)}.map-container-wrapper{position:relative;width:100%;border-radius:var(--map-radius-md);overflow:hidden;box-shadow:var(--map-shadow-1)}.map-container{width:100%;height:600px;border-radius:var(--map-radius-md)}.map-error{padding:var(--map-spacing-2xl);background:var(--map-color-bg-secondary);border:1px solid #ef4444;border-radius:var(--map-radius-md);color:#ef4444;text-align:center;font-weight:var(--map-font-weight-semibold)}.leaflet-popup-content-wrapper{border-radius:var(--map-radius-sm);box-shadow:var(--map-shadow-2);font-family:var(--map-font-family-base)}.leaflet-popup-content{margin:var(--map-spacing-md);font-size:var(--map-font-size-sm)}.lead-popup h4,.project-popup h4{margin:0 0 var(--map-spacing-sm) 0;font-family:var(--map-font-family-heading);font-size:var(--map-font-size-lg);font-weight:var(--map-font-weight-bold);color:#1f2937}.lead-popup p,.project-popup p{margin:var(--map-spacing-xs) 0;font-size:var(--map-font-size-sm);color:var(--map-color-text-secondary);line-height:var(--map-line-height-normal)}.lead-popup strong,.project-popup strong{color:#1f2937;font-weight:var(--map-font-weight-semibold)}.marker-cluster{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:3px solid var(--map-color-bg-base);border-radius:50%;box-shadow:var(--map-shadow-marker);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--map-font-weight-bold);font-family:var(--map-font-family-base);transition:all var(--map-transition-base)}.marker-cluster:hover{transform:scale(1.1);box-shadow:var(--map-shadow-marker-hover)}@media (max-width: 1024px){.map-container{height:500px}}@media (max-width: 768px){.map-view-container{gap:var(--map-spacing-sm)}.map-container{height:70vh;min-height:400px}.map-container-wrapper{border-radius:var(--map-radius-sm)}}.map-view-container.loading{opacity:.6;pointer-events:none}.page-container.site-visit-page{max-width:1400px;margin:0 auto;padding:16px 20px 100px;animation:fadeIn var(--transition-base);overflow-x:hidden}.site-visit-title-section{margin-bottom:12px}.site-visit-page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.025em}.site-visit-page-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.4}.stepper-container{background:linear-gradient(135deg,var(--gray-50) 0%,var(--bg-primary) 100%);border-radius:12px;padding:16px 24px;border:1px solid var(--gray-200);margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.stepper{display:flex;align-items:center;justify-content:center;gap:0;position:relative}.stepper-step{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:50px;background:transparent;transition:all .3s ease;position:relative;z-index:1}.stepper-step.active{background:var(--primary);box-shadow:0 4px 12px #3b82f64d}.stepper-step.completed{background:#10b9811a}.step-circle{width:32px;height:32px;border-radius:50%;background:var(--gray-200);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;transition:all .3s ease;flex-shrink:0;border:2px solid transparent}.step-circle.active{background:var(--bg-card);color:var(--brand-primary, var(--primary));border-color:var(--bg-card)}.step-circle.completed{background:var(--success);color:var(--text-on-brand, #fff);border-color:var(--success)}.step-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:all .3s ease}.stepper-step.active .step-label{color:var(--text-on-brand, #fff);font-weight:600}.stepper-step.completed .step-label{color:var(--success);font-weight:600}.step-connector{width:60px;height:3px;background:var(--gray-200);margin:0 4px;flex-shrink:0;border-radius:2px;position:relative;overflow:hidden}.step-connector:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:var(--success);transition:width .4s ease}.step-connector.completed:after{width:100%}.leads-selection-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:10px;margin-bottom:16px;box-shadow:0 1px 3px #0000000a;flex-wrap:wrap}.leads-selection-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap}.leads-selection-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.site-visit-search{display:flex;align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:0 12px;transition:all .2s ease;min-width:200px}.site-visit-search:focus-within{border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 3px #3b82f61a}.site-visit-search svg{color:var(--text-tertiary);flex-shrink:0}.site-visit-search input{border:none;background:transparent;padding:8px;font-size:.875rem;width:100%;outline:none;color:var(--text-primary)}.site-visit-search input::placeholder{color:var(--text-tertiary)}.filter-wrapper{position:relative}.filter-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.filter-btn:hover{background:var(--gray-100);border-color:var(--gray-300)}.filter-btn.active{background:var(--brand-primary-alpha, rgba(59, 130, 246, .1));border-color:var(--brand-primary, var(--primary));color:var(--brand-primary, var(--primary))}.filter-btn svg{width:16px;height:16px}.filter-badge{background:var(--brand-primary, var(--primary));color:var(--text-on-brand, #fff);font-size:.6875rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.filter-btn.active .filter-badge{background:var(--bg-card);color:var(--brand-primary, var(--primary))}.filters-panel{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:10px;padding:16px;margin-bottom:16px;animation:slideDown .2s ease-out}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;align-items:start}.filter-item{display:flex;flex-direction:column;gap:6px}.filter-item-wide{grid-column:span 2}.filter-item-action{display:flex;align-items:flex-end;justify-content:flex-end}.filter-select,.filter-input{padding:10px 12px;border:1px solid var(--gray-200);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .15s ease;min-height:40px}.filter-select:hover,.filter-input:hover{border-color:var(--gray-300)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.filter-users-list{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;max-height:120px;overflow-y:auto}.filter-user-option{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:.8125rem;color:var(--text-primary)}.filter-user-option:hover{border-color:var(--primary)}.filter-user-option:has(input:checked){background:#3b82f61a;border-color:var(--primary);color:var(--primary)}.filter-user-option input[type=checkbox]{width:14px;height:14px;accent-color:var(--brand-primary, var(--primary));cursor:pointer}.filter-user-option .user-name{white-space:nowrap}.btn-clear-filters{padding:10px 16px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-clear-filters:hover{background:var(--error, var(--danger));border-color:var(--error, var(--danger));color:var(--text-on-brand, #fff)}.filter-item-assigned,.multi-select-dropdown{position:relative}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:.875rem;color:var(--text-primary);text-align:left;min-height:42px}.multi-select-trigger:hover{border-color:var(--gray-300)}.multi-select-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:100;max-height:200px;overflow-y:auto;padding:6px;animation:dropdownFade .15s ease-out}.multi-select-option{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-radius:6px;transition:all .15s ease;font-size:.875rem;color:var(--text-primary)}.multi-select-option:hover{background:var(--gray-50)}.multi-select-options .referral-option{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;padding:8px 10px}.multi-select-options .referral-option .cbx{position:relative;display:block;float:left;width:18px;height:18px;border-radius:4px;background-color:#d1d5db;background-image:linear-gradient(#e5e7eb,#d1d5db);box-shadow:inset 0 1px 1px #ffffff26,inset 0 -1px 1px #00000026;transition:all .15s ease}.multi-select-options .referral-option .cbx+span{float:left;margin-left:8px;font-size:.875rem;color:#374151;line-height:18px}.multi-select-options .referral-option input[type=checkbox]{display:none;visibility:hidden}.multi-select-options .referral-option input[type=checkbox]:checked+.cbx{background-color:#6366f1;background-image:linear-gradient(#7c3aed,#6366f1)}.multi-select-options .referral-option input[type=checkbox]:checked+.cbx svg{stroke-dashoffset:0;transition:all .15s ease}.multi-select-options .referral-option input[type=checkbox]:disabled+.cbx{opacity:.5;cursor:not-allowed}[data-theme=dark] .multi-select-options .referral-option .cbx{background-color:#4b5563;background-image:linear-gradient(#374151,#4b5563)}[data-theme=dark] .multi-select-options .referral-option .cbx+span{color:var(--text-secondary)}[data-theme=dark] .multi-select-options .referral-option input[type=checkbox]:checked+.cbx{background-color:#6366f1;background-image:linear-gradient(#7c3aed,#6366f1)}.site-visit-expected-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:6px 0}.site-visit-expected-time{flex:1;min-width:0}.site-visit-expected-time .lead-info-text{font-size:.8125rem;color:var(--text-secondary)}.visit-countdown-circle{width:72px;height:72px;min-width:72px;min-height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid;font-size:.625rem;font-weight:700;text-align:center;line-height:1.15;padding:4px}.visit-countdown-value{display:block;word-break:break-all}.visit-countdown-future{border-color:#059669;background:#05966914;color:#047857}.visit-countdown-overdue{border-color:#dc2626;background:#dc262614;color:#b91c1c}.site-visit-page .lead-card-footer{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.site-visit-controls{display:none}.leads-selection{animation:fadeIn .2s ease}.leads-table-container{width:100%;overflow-x:auto}.leads-table{width:100%;min-width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.leads-table th,.leads-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--gray-100)}.leads-table th{background:var(--gray-50);font-weight:600;font-size:.8125rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.leads-table td{font-size:.875rem;color:var(--text-primary)}.leads-table tbody tr{cursor:pointer;transition:background .15s ease}.leads-table tbody tr:hover{background:var(--gray-50)}.leads-table .cell-name{font-weight:600;color:var(--text-primary)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state svg{width:48px;height:48px;color:var(--gray-400);margin-bottom:12px}.empty-state p{margin:0;font-size:.9375rem}@media (max-width: 1024px){.page-container.site-visit-page{padding:14px 16px}.filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-container.site-visit-page{padding:12px 14px 80px}.site-visit-title-section{margin-bottom:10px}.site-visit-page-title{font-size:1.375rem}.site-visit-page-subtitle{font-size:.8125rem}.stepper-container{padding:12px 14px;margin-bottom:14px}.stepper{flex-wrap:nowrap;overflow-x:auto;gap:0;justify-content:flex-start;padding-bottom:4px;-webkit-overflow-scrolling:touch}.stepper-step{padding:8px 12px;flex-shrink:0}.step-connector{width:24px;margin:0 2px;flex-shrink:0}.step-circle{width:26px;height:26px;font-size:.75rem}.step-label{font-size:.6875rem;white-space:nowrap}.leads-selection-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.leads-section-title{font-size:.9375rem}.leads-selection-controls{width:100%;flex-wrap:wrap;gap:8px;justify-content:flex-end}.site-visit-search{min-width:unset;flex:1 1 100%;order:1}.filter-wrapper,.filter-btn{flex:0 0 auto;order:2;display:flex!important}.site-visit-page .view-toggle{order:2;margin-left:0;display:flex!important;visibility:visible!important;opacity:1!important;width:11%;flex:0 0 11%}.site-visit-page .view-toggle .toggle-btn:not(:last-child){display:none!important}.site-visit-page .view-toggle .toggle-btn:last-child{display:flex!important;width:31px!important;height:31px!important;visibility:visible!important;opacity:1!important}.filters-panel{padding:12px}.filter-grid{grid-template-columns:1fr;gap:12px}.filter-item-wide{grid-column:span 1}.filter-item-action{justify-content:stretch}.btn-clear-filters{width:100%}.filter-users-list{max-height:100px}.multi-select-options{max-height:180px}.leads-table-container{overflow-x:visible}.leads-table{display:none}.site-visit-page .leads-grid{display:grid!important;grid-template-columns:1fr;gap:12px}.lead-card{padding:14px}.lead-card-header{gap:10px}.lead-card h3{font-size:.9375rem}.lead-card p{font-size:.8125rem}.empty-state{padding:30px 16px}.empty-state p{font-size:.875rem}}@media (max-width: 480px){.page-container.site-visit-page{padding:10px 12px 70px}.site-visit-page-title{font-size:1.25rem}.site-visit-page-subtitle{font-size:.75rem}.stepper-container{padding:10px 12px;margin-bottom:12px}.stepper-step{padding:6px 8px}.step-circle{width:24px;height:24px;font-size:.6875rem}.step-connector{width:16px}.step-label{font-size:.625rem}.leads-section-title{font-size:.875rem}.site-visit-search{padding:6px 10px}.site-visit-search input{font-size:.8125rem}.filter-btn{font-size:.75rem;padding:8px 10px}.filter-btn svg{width:14px;height:14px}.site-visit-page .view-toggle{display:flex!important;visibility:visible!important;opacity:1!important;width:11%;flex:0 0 11%}.site-visit-page .view-toggle .toggle-btn:not(:last-child){display:none!important}.site-visit-page .view-toggle .toggle-btn:last-child{display:flex!important;visibility:visible!important;opacity:1!important}.filter-label{font-size:.6875rem}.filter-select,.filter-input,.multi-select-trigger{padding:8px 10px;font-size:.8125rem;min-height:38px}.multi-select-option{padding:8px 10px;font-size:.8125rem}.checkbox-custom{width:16px;height:16px}.filter-user-option{font-size:.75rem;padding:4px 8px}.lead-card{padding:12px}.lead-card h3{font-size:.875rem}.lead-card p{font-size:.75rem}.status-badge{font-size:.625rem;padding:3px 8px}}.page-container.reports-page{max-width:1400px;margin:0 auto;padding:var(--space-xl);animation:fadeIn var(--transition-base)}.page-description{margin:-45px 0 var(--space-2xl) 0;color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:var(--space-xl) 0 var(--space-md) 0;letter-spacing:-.025em;text-transform:uppercase;font-size:.875rem;color:var(--text-secondary)}.section-title:first-of-type{margin-top:0}.kpi-section{margin-bottom:var(--space-xl)}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-md);margin-top:var(--space-md)}.kpi-card{background:linear-gradient(135deg,var(--bg-primary) 0%,#f8f9fa 100%);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);display:flex;align-items:center;gap:var(--space-md);transition:all var(--transition-base);animation:slideUp var(--transition-base) both}.kpi-card:nth-child(1){animation-delay:50ms}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.15s}.kpi-card:nth-child(4){animation-delay:.2s}.kpi-card:nth-child(5){animation-delay:.25s}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.kpi-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.leads-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.visits-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.sales-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.revenue-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.conversion-icon{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.kpi-content{flex:1}.kpi-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:var(--space-xs);letter-spacing:-.05em}.kpi-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.highlights-section{margin-bottom:var(--space-xl)}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.highlight-card{border-radius:var(--radius-md);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base);animation:slideUp var(--transition-base) both}.highlight-card:nth-child(1){animation-delay:.3s}.highlight-card:nth-child(2){animation-delay:.35s}.highlight-card:nth-child(3){animation-delay:.4s}.highlight-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.success-highlight{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #86efac}.warning-highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24}.danger-highlight{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.highlight-icon{font-size:1.75rem;flex-shrink:0}.highlight-content{flex:1}.highlight-title{font-size:.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.highlight-detail{font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.action-items-section{margin-bottom:var(--space-xl)}.action-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.action-item{border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);border-left:3px solid;box-shadow:var(--shadow-sm);transition:all var(--transition-base);animation:slideUp var(--transition-base) both}.action-item:nth-child(1){animation-delay:.45s}.action-item:nth-child(2){animation-delay:.5s}.action-item:nth-child(3){animation-delay:.55s}.action-item:nth-child(4){animation-delay:.6s}.action-item:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.action-warning{background:#fffbeb;border-left-color:#f59e0b}.action-danger{background:#fef2f2;border-left-color:#ef4444}.action-success{background:#f0fdf4;border-left-color:#10b981}.action-info{background:#eff6ff;border-left-color:#3b82f6}.action-icon{font-size:1.25rem;flex-shrink:0}.action-message{font-size:.875rem;font-weight:600;color:var(--text-primary);flex:1}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.report-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-base);position:relative;overflow:hidden;animation:slideUp var(--transition-base) both;text-align:center}.report-period-tag{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--primary);color:#fff;font-size:.625rem;font-weight:700;padding:2px var(--space-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.report-icon{width:48px;height:48px;margin:0 auto var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.daily-report .report-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.weekly-report .report-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.email-report .report-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.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 .report-icon{transform:scale(1.1) rotate(5deg)}.report-card:hover:before{transform:scaleX(1)}.report-card h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0;letter-spacing:-.025em}.report-card p{color:var(--text-secondary);margin:0 0 var(--space-lg) 0;line-height:1.5;font-size:.8125rem}.report-card .button{width:100%;padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:600;min-height:40px;box-shadow:var(--shadow-sm)}.report-card .button:hover{box-shadow:var(--shadow-lg)}.report-card .button:active{transform:scale(.98)}@media (max-width: 768px){.page-container.reports-page{padding:1rem!important}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.kpi-card{flex-direction:column;text-align:center}.highlights-grid,.action-items-grid,.reports-grid{grid-template-columns:1fr;gap:var(--space-sm)}.report-card{padding:var(--space-md) var(--space-lg)}.report-card h3{font-size:1rem}}@media (max-width: 480px){.page-container.reports-page{padding:.75rem!important}.report-card{padding:var(--space-lg)}.report-card h3{font-size:1.125rem}.report-card p{font-size:.875rem}}.report-actions{display:flex;gap:var(--space-sm);justify-content:center}.report-actions .button{display:flex;align-items:center;justify-content:center;gap:8px}.report-actions .button svg{flex-shrink:0}.report-card .button svg{flex-shrink:0}.button-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;gap:8px}.button-secondary:hover{background:var(--primary-light);color:var(--primary-dark)}.report-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:80px 40px 100px;animation:fadeIn .2s ease}.report-preview-modal{background:#fff;border-radius:16px;width:100%;max-width:1200px;height:calc(100vh - 180px);display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease;overflow:hidden}.report-preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#fff;flex-shrink:0;min-height:60px}.report-preview-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.report-header-actions{display:flex;align-items:center;gap:8px}.report-icon-btn{width:36px;height:36px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.report-icon-btn:hover{background:#e2e8f0;color:#1e293b}.report-close-btn{width:36px;height:36px;border:none;background:#fee2e2;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#dc2626;transition:all .2s}.report-close-btn:hover{background:#fecaca;color:#b91c1c}.report-preview-content{flex:1;min-height:0;padding:0;overflow:hidden;background:#f8fafc}.report-pdf-viewer{width:100%;height:100%;border:none}.report-preview-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:1rem}.report-preview-overlay.fullscreen{padding:0!important}.report-preview-modal.fullscreen{max-width:100vw!important;width:100vw!important;height:100vh!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.report-preview-modal.fullscreen .report-preview-header{flex-shrink:0!important;min-height:60px!important;z-index:1000;border-radius:0;background:#fff!important;box-shadow:0 2px 8px #0000001a;padding:16px 24px;display:flex!important}.report-preview-modal.fullscreen .report-header-actions{display:flex!important;gap:8px}.report-preview-modal.fullscreen .report-close-btn{display:flex!important}.report-preview-modal.fullscreen .report-preview-content{flex:1!important;min-height:0!important;border-radius:0;overflow:hidden}@media (max-width: 768px){.report-preview-overlay{padding:0}.report-preview-modal{height:100vh;border-radius:0;margin-top:0}.report-preview-content{flex:1;min-height:0}.report-preview-header{padding:12px 16px;position:sticky;top:0;background:#fff;z-index:10}.report-preview-header h2{font-size:.95rem}.report-header-actions{gap:6px}.report-icon-btn,.report-close-btn{width:32px;height:32px}.report-icon-btn svg,.report-close-btn svg{width:16px;height:16px}.page-title{margin-bottom:var(--space-xs)}.page-description{margin:-.25rem 0 var(--space-xl) 0}.report-actions{flex-direction:row;gap:var(--space-sm)}.report-actions .button{flex:0;min-width:44px;width:44px;height:44px;padding:0;border-radius:var(--radius-md)}.report-actions .button svg{margin:0}.report-actions .button-text{display:none}}.analytics-page{min-height:100vh;background:var(--bg-primary)}.analytics-container{max-width:1360px;margin:0 auto;padding:28px 24px 48px}.analytics-header{margin-bottom:28px}.analytics-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.analytics-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.025em}.analytics-subtitle{display:block;font-size:.875rem;color:var(--text-secondary);margin-top:2px}.analytics-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px}.analytics-presets{display:flex;gap:6px}.analytics-preset-btn{padding:7px 16px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-card);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.analytics-preset-btn:hover{border-color:#6366f1;color:#6366f1;background:#6366f10f}.analytics-preset-btn.active{background:#6366f1;color:#fff;border-color:#6366f1;font-weight:600;box-shadow:0 2px 8px #6366f14d}.analytics-date-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.analytics-date-range label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.analytics-date-input{padding:7px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-input, var(--bg-card));color:var(--text-primary);font-size:.85rem;outline:none;cursor:pointer;transition:border-color .2s}.analytics-date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.analytics-emp-select{padding:7px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-input, var(--bg-card));color:var(--text-primary);font-size:.85rem;outline:none;cursor:pointer;min-width:160px;transition:border-color .2s}.analytics-emp-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.analytics-error{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:.875rem;font-weight:500}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.analytics-kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.analytics-kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--kpi-color, #6366f1);border-radius:0 3px 3px 0;opacity:0;transition:opacity .25s}.analytics-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:var(--kpi-color, #6366f1)}.analytics-kpi-card:hover:before{opacity:1}.analytics-kpi-card.skeleton{min-height:90px;background:var(--bg-card);position:relative;overflow:hidden}.analytics-kpi-card.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--border-color) 50%,transparent 100%);animation:analytics-shimmer 1.4s infinite}.kpi-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s}.analytics-kpi-card:hover .kpi-icon-wrap{transform:scale(1.08)}.kpi-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.kpi-label{font-size:12px;font-weight:500;color:var(--text-secondary);letter-spacing:.01em;text-transform:uppercase}.kpi-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em}.kpi-sub{font-size:12px;color:var(--text-muted, var(--text-secondary));margin-top:2px}.kpi-trend{font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap;flex-shrink:0}.kpi-trend.up{color:#059669;background:#10b9811a}.kpi-trend.down{color:#dc2626;background:#ef44441a}.analytics-chart-grid,.analytics-skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.analytics-chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:24px 24px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.analytics-chart-card:hover{box-shadow:0 8px 28px #00000012;border-color:var(--border-strong, #94a3b8)}.analytics-chart-card.span-full{grid-column:1 / -1}.chart-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.analytics-chart-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 2px;letter-spacing:-.01em}.analytics-chart-desc{font-size:.8rem;color:var(--text-secondary);margin:0}.chart-card-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:8px;background:#6366f11a;color:#6366f1;white-space:nowrap;flex-shrink:0}.chart-card-badge.green{background:#10b9811a;color:#059669}.chart-card-badge.amber{background:#f59e0b1a;color:#d97706}.chart-card-badge.red{background:#ef44441a;color:#dc2626}.chart-card-badge.purple{background:#8b5cf61a;color:#7c3aed}.analytics-empty{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);font-size:.875rem}.analytics-skeleton{height:340px;background:var(--bg-card);position:relative;overflow:hidden}.analytics-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--border-color) 50%,transparent 100%);animation:analytics-shimmer 1.4s infinite}@keyframes analytics-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 1100px){.analytics-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.analytics-chart-grid,.analytics-skeleton-grid{grid-template-columns:1fr}.analytics-chart-card.span-full{grid-column:1}}@media (max-width: 640px){.analytics-container{padding:16px 12px 32px}.analytics-title{font-size:1.4rem}.analytics-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.analytics-kpi-card{padding:14px;gap:12px}.kpi-value{font-size:22px}.kpi-icon-wrap{width:36px;height:36px}.analytics-filters{padding:10px 12px}.analytics-presets{flex-wrap:wrap}.analytics-date-range{gap:6px}.analytics-chart-card{padding:16px 14px 12px}}@media (max-width: 420px){.analytics-kpi-grid{grid-template-columns:1fr}}.attendance-page{min-height:calc(100vh - 64px);background:linear-gradient(180deg,var(--gray-50) 0%,var(--gray-100) 100%);padding:var(--space-xl) var(--space-md);animation:fadeIn .3s ease}.attendance-content{max-width:1400px;margin:0 auto}.attendance-top-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg);align-items:stretch}.attendance-top-section>*{height:100%;display:flex;flex-direction:column}.attendance-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-md)}.loading-spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--brand-primary, var(--primary));border-radius:50%;animation:spin 1s linear infinite}.attendance-header{text-align:left;margin-bottom:var(--space-xl)}.attendance-title{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-sm);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.title-icon{display:inline-flex;align-items:center;justify-content:center}.attendance-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0}.attendance-toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);font-weight:500;animation:slideDown .3s ease}.attendance-toast.success{background:#10b9811a;color:var(--text-primary);border:1px solid rgba(16,185,129,.3)}.attendance-toast.error{background:#ef44441a;color:var(--text-primary);border:1px solid rgba(239,68,68,.3)}.attendance-toast.warning{background:#f59e0b1a;color:var(--text-primary);border:1px solid rgba(245,158,11,.3)}.attendance-toast-office-warning{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;color:#1e40af;font-weight:500;font-size:.9rem;padding:var(--space-md) var(--space-lg)}.toast-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.status-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:all .3s ease;display:flex;flex-direction:column}.status-card.status-green,.status-card.status-completed{border-color:var(--brand-primary-alpha, rgba(99,102,241,.2));background:var(--bg-primary)}.status-card.status-grey{border-color:var(--gray-300);background:linear-gradient(135deg,#ffffff 0%,var(--gray-50) 100%)}.status-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.status-date{display:flex;align-items:center;gap:var(--space-xs)}.date-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.date-text{font-size:.95rem;font-weight:600;color:var(--text-primary)}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.badge-green{background:rgba(var(--brand-primary-rgb, 99, 102, 241),.12);color:var(--brand-primary, var(--primary))}.badge-green .badge-dot{display:none}.badge-completed{background:rgba(var(--brand-primary-rgb, 99, 102, 241),.1);color:var(--brand-primary, var(--primary))}.badge-completed .badge-dot{display:none}.badge-grey{background:var(--gray-200);color:var(--text-secondary)}.badge-grey .badge-dot{display:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.status-card-body{display:flex;flex-direction:column;gap:var(--space-md)}.status-times{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-md)}.time-block{display:flex;align-items:center;gap:var(--space-sm)}.time-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.time-info{display:flex;flex-direction:column}.time-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.time-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.time-separator{color:var(--gray-400);font-size:1.25rem}.timer-section{display:flex;flex-direction:column;gap:10px}.timer-block{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);position:relative;transition:box-shadow .4s ease,background .4s ease,opacity .4s ease}.work-timer-block.timer-running{background:rgba(var(--brand-primary-rgb, 99, 102, 241),.08);border:1px solid var(--brand-primary-alpha, rgba(99,102,241,.3));animation:workTimerGlow 3s ease-in-out infinite}.work-timer-block.timer-paused{background:var(--bg-secondary);border:1px dashed var(--gray-300);opacity:.82}.break-timer-block.timer-running{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;animation:breakTimerGlow 2s ease-in-out infinite}.timer-block-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.work-timer-block.timer-running .timer-block-icon{animation:timerIconBounce 2s ease-in-out infinite}.break-block-icon{animation:timerIconBounce 1.5s ease-in-out infinite}.timer-block-info{display:flex;flex-direction:column;flex:1;min-width:0}.timer-block-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.work-timer-block.timer-running .timer-block-label{color:var(--brand-primary, var(--primary))}.work-timer-block.timer-paused .timer-block-label,.break-timer-block .timer-block-label{color:var(--text-secondary)}.timer-block-digits{font-size:1.2rem;font-weight:700;font-family:Monaco,Consolas,SF Mono,monospace;font-variant-numeric:tabular-nums;line-height:1.25}.work-timer-block.timer-running .timer-block-digits{color:var(--brand-primary, var(--primary))}.work-timer-block.timer-paused .timer-block-digits{color:var(--text-secondary)}.break-digits{color:var(--text-secondary)!important}.timer-live-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.work-dot{background:var(--brand-primary, var(--primary));animation:workDotPulse 1.6s ease-in-out infinite}.break-dot{background:var(--text-secondary);animation:breakDotPulse 1.6s ease-in-out infinite}@keyframes workTimerGlow{0%,to{box-shadow:0 2px 8px var(--brand-primary-alpha, rgba(99,102,241,.12))}50%{box-shadow:0 4px 18px var(--brand-primary-alpha, rgba(99,102,241,.28))}}@keyframes breakTimerGlow{0%,to{box-shadow:0 2px 8px #0000000f}50%{box-shadow:0 4px 18px #0000001f}}@keyframes timerIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes workDotPulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes breakDotPulse{0%{box-shadow:0 0 #f59e0b99}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.timer-block,.work-timer-block,.break-timer-block,.timer-block-icon,.break-block-icon,.timer-live-dot,.work-dot,.break-dot{animation:none!important;transition:none!important}}.break-summary{display:flex;align-items:center;gap:var(--space-xs);padding:4px 10px;background:transparent;border-radius:var(--radius-md)}.break-summary-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.break-summary-text{font-size:.85rem;color:var(--text-secondary);font-weight:500}.completed-hours{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:var(--brand-primary-alpha, rgba(99,102,241,.08));border-radius:var(--radius-lg)}.hours-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hours-text{font-weight:600;color:var(--brand-primary, var(--primary))}.action-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);text-align:center;display:flex;flex-direction:column;justify-content:center}.action-card.working{background:var(--bg-secondary);border-color:var(--gray-300)}.action-card.completed{background:var(--bg-secondary);border-color:var(--gray-200)}.action-header{margin-bottom:var(--space-md)}.action-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.action-description{font-size:.9rem;color:var(--text-secondary);margin:0}.location-selector{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--gray-50);border-radius:var(--radius-md)}.location-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.location-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color, var(--gray-300));border-radius:var(--radius-md);font-size:.9rem;font-weight:500;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;min-width:150px}.location-select:focus{outline:none;border-color:var(--brand-primary, var(--primary));box-shadow:0 0 0 3px var(--brand-primary-alpha, rgba(99,102,241,.1))}.location-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--gray-100);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-lg)}.att-btn-group{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.att-btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.att-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 22px;border-radius:10px;font-size:.9rem;font-weight:600;letter-spacing:.3px;cursor:pointer;border:1.5px solid var(--gray-300);background:transparent;color:var(--text-primary);transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .15s ease;white-space:nowrap}.att-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.att-btn--checkin{background:var(--brand-primary, var(--primary));border-color:var(--brand-primary, var(--primary));color:var(--text-on-brand, #fff);box-shadow:0 2px 10px var(--brand-primary-alpha, rgba(99,102,241,.25))}.att-btn--checkin:hover:not(:disabled){filter:brightness(.9);box-shadow:0 4px 16px var(--brand-primary-alpha, rgba(99,102,241,.4));transform:translateY(-1px)}.att-btn--checkout{border-color:var(--border-color, var(--gray-300));color:var(--text-primary)}.att-btn--checkout:hover:not(:disabled){background:var(--brand-primary, var(--primary));border-color:var(--brand-primary, var(--primary));color:var(--text-on-brand, #fff);box-shadow:0 4px 14px var(--brand-primary-alpha, rgba(99,102,241,.3));transform:translateY(-1px)}.att-btn--break{border-color:var(--border-color, var(--gray-300));color:var(--text-primary)}.att-btn--break:hover:not(:disabled){background:var(--brand-primary, var(--primary));border-color:var(--brand-primary, var(--primary));color:var(--text-on-brand, #fff);box-shadow:0 4px 14px var(--brand-primary-alpha, rgba(99,102,241,.3));transform:translateY(-1px)}.att-btn--endbreak{border-color:var(--brand-primary, var(--primary));color:var(--brand-primary, var(--primary));background:var(--brand-primary-alpha, rgba(99,102,241,.06))}.att-btn--endbreak:hover:not(:disabled){background:var(--brand-primary, var(--primary));border-color:var(--brand-primary, var(--primary));color:var(--text-on-brand, #fff);box-shadow:0 4px 14px var(--brand-primary-alpha, rgba(99,102,241,.3));transform:translateY(-1px)}.action-btn{width:100%;max-width:280px;padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;cursor:pointer;display:flex!important;align-items:center;justify-content:center;gap:var(--space-sm);transition:transform .2s ease,box-shadow .2s ease;text-transform:uppercase;letter-spacing:.5px;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.day-completed{display:flex;align-items:center;gap:var(--space-xs);padding:6px 12px;background:var(--brand-primary-alpha, rgba(99,102,241,.08));border-radius:var(--radius-md);border:1px solid var(--brand-primary-alpha, rgba(99,102,241,.25))}.completed-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.completed-text{font-weight:500;color:var(--brand-primary, var(--primary));font-size:.85rem}.checkout-warning{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);font-size:.85rem;color:var(--text-secondary)}.weekly-summary-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 45px}.section-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.summary-tile{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);border-radius:var(--radius-md);transition:transform .2s ease}.summary-tile:hover{transform:translateY(-2px)}.tile-present,.tile-absent,.tile-hours,.tile-status,.tile-status.tile-green,.tile-status.tile-blue,.tile-status.tile-orange,.tile-status.tile-red{background:var(--bg-surface, var(--gray-50));border:1px solid var(--border-color, var(--gray-200))}.tile-icon{margin-bottom:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.tile-content{display:flex;flex-direction:column;align-items:center}.tile-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.tile-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-weight:500;text-align:center}.daily-breakdown{border-top:1px solid var(--gray-200);padding-top:var(--space-lg)}.breakdown-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-md) 0}.breakdown-list{display:flex;flex-direction:column;gap:var(--space-sm)}.breakdown-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--gray-50);border-radius:var(--radius-md);font-size:.85rem}.breakdown-item.completed,.breakdown-item.in_progress{background:var(--bg-card)}.breakdown-day{display:flex;flex-direction:column;align-items:center;min-width:50px}.day-name{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.day-date{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.breakdown-times{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:140px}.breakdown-in,.breakdown-out{font-weight:500;color:var(--text-primary)}.breakdown-separator{color:var(--gray-400);font-size:.8rem}.breakdown-hours{font-weight:600;color:var(--text-primary);min-width:50px;text-align:center}.breakdown-status-pill{padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.breakdown-status-pill.present{background:var(--brand-primary-alpha, rgba(99,102,241,.1));color:var(--brand-primary, var(--primary));border:1px solid var(--brand-primary-alpha, rgba(99,102,241,.25))}.breakdown-status-pill.absent{background:#ef44441a;color:var(--text-secondary);border:1px solid rgba(239,68,68,.2)}.breakdown-status-pill.half-day{background:#f59e0b1a;color:var(--text-secondary);border:1px solid rgba(245,158,11,.2)}.location-badge-wrapper{display:flex;justify-content:center;width:100%}.location-tracking{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:.85rem;font-weight:500;margin-top:4px;margin-bottom:var(--space-lg);width:fit-content}.location-tracking.in-office,.location-tracking.remote,.location-tracking.field{background:var(--brand-primary-alpha, rgba(99,102,241,.08));color:var(--brand-primary, var(--primary));border:1px solid var(--brand-primary-alpha, rgba(99,102,241,.25))}@media (max-width: 992px){.attendance-top-section{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.attendance-page{padding:var(--space-md) var(--space-sm)}.attendance-title{font-size:1.5rem}.status-card,.action-card,.weekly-summary-section{padding:var(--space-md)}.status-times{flex-direction:column;gap:var(--space-md)}.time-separator{transform:rotate(90deg)}.summary-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.summary-tile{padding:var(--space-sm)}.tile-value{font-size:1.1rem}.breakdown-item{flex-wrap:wrap;gap:var(--space-sm);font-size:.8rem}.breakdown-day{min-width:45px}.breakdown-times{flex:1;min-width:120px}.breakdown-hours{min-width:45px}.breakdown-status-pill{font-size:.65rem;padding:3px 10px}.live-timer{flex-direction:row;padding:var(--space-sm) var(--space-md)}.timer-block-digits{font-size:1.1rem}.timer-block{padding:10px 12px}}@media (max-width: 480px){.attendance-page{padding:var(--space-sm)}.attendance-header{margin-bottom:var(--space-md)}.attendance-title{font-size:1.25rem}.attendance-subtitle{font-size:.8rem}.status-card-header{flex-direction:column;align-items:flex-start}.status-card,.action-card,.weekly-summary-section{padding:var(--space-sm) var(--space-md)}.summary-grid{grid-template-columns:repeat(2,1fr)}.tile-value{font-size:1.1rem}.tile-label{font-size:.6rem}.status-times{justify-content:flex-start;padding:var(--space-sm)}.time-info{align-items:flex-start}.time-value{font-size:1rem}.breakdown-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs);position:relative;padding-top:var(--space-lg)}.breakdown-day,.breakdown-times,.breakdown-hours{width:100%}.breakdown-day{align-items:flex-start}.breakdown-times{flex-direction:row;justify-content:flex-start}.breakdown-hours{text-align:left}.breakdown-separator{display:inline}.breakdown-status-pill{position:absolute;top:var(--space-sm);right:var(--space-md);margin-top:0}}.break-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.break-modal{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}.break-modal-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.break-modal-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.break-modal-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.break-modal-body{margin-bottom:var(--space-lg)}.break-reason-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.break-reason-select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.9rem;background:var(--bg-card);color:var(--text-primary);cursor:pointer;margin-bottom:var(--space-md)}.break-reason-select:focus{outline:none;border-color:var(--brand-primary, #8b5cf6);box-shadow:0 0 0 3px var(--brand-primary-alpha, rgba(139, 92, 246, .1))}.break-reason-textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.9rem;resize:vertical;min-height:80px;font-family:inherit}.break-reason-textarea:focus{outline:none;border-color:var(--brand-primary, #8b5cf6);box-shadow:0 0 0 3px var(--brand-primary-alpha, rgba(139, 92, 246, .1))}.break-modal-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.break-modal-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.break-modal-btn.cancel{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--text-secondary)}.break-modal-btn.cancel:hover{background:var(--gray-200)}.break-modal-btn.submit{background:var(--brand-primary);border:none;color:var(--text-on-brand, #fff)}.break-modal-btn.submit:hover{box-shadow:0 4px 14px var(--brand-primary-alpha, rgba(139, 92, 246, .4));transform:translateY(-1px)}.break-modal-btn:disabled{opacity:.6;cursor:not-allowed}[data-btn-style=outlined] .att-btn--checkin{background:transparent;border-color:var(--brand-primary, var(--primary));color:var(--brand-primary, var(--primary));box-shadow:none}[data-btn-style=outlined] .att-btn--checkin:hover:not(:disabled){background:var(--brand-primary, var(--primary));color:var(--text-on-brand, #fff);box-shadow:0 4px 16px var(--brand-primary-alpha, rgba(99,102,241,.4))}[data-btn-style=text] .att-btn--checkin{background:transparent;border-color:transparent;color:var(--brand-primary, var(--primary));box-shadow:none}[data-btn-style=text] .att-btn--checkin:hover:not(:disabled){background:var(--brand-primary-alpha, rgba(99,102,241,.08));border-color:transparent;color:var(--brand-primary, var(--primary));box-shadow:none}.page-container.user-management{max-width:1400px;margin:0 auto;padding:var(--space-lg) var(--space-xl);animation:fadeIn var(--transition-base)}.page-header-compact{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs)}.header-content{flex:1}.page-title-compact{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.2}.page-subtitle-compact{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--space-md) 0;line-height:1.4}.btn-add-user-compact{min-width:0;white-space:nowrap}.btn-add-user-compact:hover{transform:translateY(-1px)}.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{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:var(--text-on-brand);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)}.filter-sticky-wrapper{position:sticky;top:60px;z-index:100;background:var(--bg-primary);padding:var(--space-md) 0;margin:0 calc(-1 * var(--space-xl)) var(--space-lg);padding-left:var(--space-xl);padding-right:var(--space-xl);box-shadow:0 2px 8px #0000000d}.users-filter-bar-compact{display:flex;gap:var(--space-sm);align-items:center;background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-sm);box-shadow:0 1px 3px #0000001a}.search-box-compact{display:flex;flex:1;min-width:200px;max-width:400px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;align-items:center;padding:0 var(--space-sm);transition:all var(--transition-fast)}.search-box-compact:focus-within{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px #6366f11a}.search-input-compact{flex:1;padding:var(--space-xs) var(--space-sm);border:none;background:transparent;font-size:.875rem;color:var(--text-primary);outline:none;height:32px}.search-input-compact::placeholder{color:var(--text-secondary)}.search-icon-compact{font-size:1rem;color:var(--text-secondary)}.filter-select-compact{padding:var(--space-xs) var(--space-md);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);height:32px;min-width:100px}.filter-select-compact:hover{border-color:var(--primary);background:var(--gray-50)}.filter-select-compact:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.sort-order-btn-compact{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--text-primary);font-size:1.125rem;cursor:pointer;transition:all var(--transition-fast)}.sort-order-btn-compact:hover{border-color:var(--primary);background:var(--gray-50);color:var(--primary)}.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){.page-container.user-management{padding:var(--space-md)}.users-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.search-box{min-width:unset;max-width:unset;width:100%}.filter-controls{width:100%;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xs)}.filter-select{flex:1;min-width:100px}.filter-tabs{flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.tab{width:100%;padding:var(--space-sm) var(--space-md);font-size:.875rem}.main-users-container{display:block;margin-bottom:var(--space-sm);border-radius:var(--radius-md);overflow:visible}.table-tabs{flex-direction:row;gap:var(--space-xs);padding:var(--space-md);overflow-x:auto}.table-tab{width:auto;min-width:100px;padding:var(--space-sm) var(--space-md);border-bottom:2px solid transparent;border-left:none;margin-bottom:0;text-align:center;white-space:nowrap;flex-shrink:0}.table-tab.active{border-left-color:transparent;border-bottom-color:var(--primary)}.user-management .filters-container{flex-direction:column;gap:var(--space-sm);padding:var(--space-md);margin:0;border-radius:0;border:none;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);position:static;z-index:1}.user-management .filters-container .search-box{max-width:none;min-width:auto;width:100%}.user-management .filters-container .filter-controls{width:100%}.page-header-compact{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xs)}.page-subtitle-compact{margin-bottom:var(--space-md);font-size:.8125rem}.btn-add-user-compact,.btn-add-lead{width:44px;height:44px;min-width:44px;padding:0;margin-top:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px}.btn-add-lead .btn-add-text{display:none}.action-icons{justify-content:center;gap:var(--space-xs)}.action-icon-btn{width:28px;height:28px;font-size:.75rem}.users-table-wrapper{overflow-x:auto}.users-table th,.users-table td{padding:var(--space-xs) var(--space-sm);font-size:.8125rem}}.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}.table-tabs{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-primary);border-bottom:1px solid var(--gray-200)}.table-tab{flex:1;padding:var(--space-md) var(--space-lg);border:1px solid var(--gray-200);background:var(--bg-surface);color:var(--text-secondary);font-size:.9375rem;font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;box-shadow:0 1px 2px #0000000d}.table-tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary);opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-lg)}.table-tab:hover{color:var(--primary);background:var(--gray-50);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px #6366f126}.table-tab.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-on-brand);box-shadow:var(--shadow-md);transform:translateY(-1px)}.table-tab.active:before{opacity:0}.user-management .filters-container{display:flex;gap:var(--space-md);align-items:center;padding:var(--space-md) var(--space-lg);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);margin:var(--space-md) var(--space-lg)}.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}.main-users-container{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;overflow:hidden}.user-management .filters-container{display:flex;gap:var(--space-md);align-items:center;padding:var(--space-md) var(--space-lg);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);margin:var(--space-md)}.user-management .filters-container .search-box{flex:1;max-width:350px;min-width:200px}.user-management .filters-container .filter-controls{display:flex;gap:var(--space-sm);align-items:center}.users-table-wrapper{padding:0;background:var(--bg-card)}.no-users{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.users-table-mobile{display:none}.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);flex-wrap:wrap}.user-card-actions button{flex:0 0 auto;min-width:auto;padding:var(--space-sm) var(--space-md)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--bg-secondary)!important;border-bottom:2px solid var(--gray-200)}.users-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)!important;background:transparent}.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-sm) var(--space-md);font-size:.875rem;color:var(--text-primary)}.users-table td:first-child{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.users-table td:nth-child(2){color:var(--text-secondary);font-size:.8125rem}.users-table td:nth-child(3),.users-table td:nth-child(7){color:var(--text-secondary);font-size:.8125rem}.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.manager{background:#ccfbf1;color:#0f766e}.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,.btn-edit{min-height:32px;width:auto;padding:var(--space-sm) var(--space-md)}.btn-edit{min-width:auto;width:auto}.btn-edit:hover{transform:translateY(-1px)}.btn-approve{background:var(--success);color:var(--text-inverse)}.btn-approve:hover{transform:translateY(-1px)}.btn-reject,.btn-deactivate{background:var(--error);color:var(--text-inverse)}.btn-reject:hover,.btn-deactivate:hover{transform:translateY(-1px)}.btn-activate{background:var(--info);color:var(--text-inverse)}.btn-activate:hover{transform:translateY(-1px)}.btn-small-action,.btn-assign-manager{min-height:32px;width:auto;padding:var(--space-sm) var(--space-md)}.btn-small-action:hover,.btn-assign-manager:hover{transform:translateY(-1px)}.manager-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--brand-primary, var(--primary));border:none;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-on-brand);cursor:pointer;transition:all var(--transition-base);box-shadow:0 1px 3px #6366f14d}.manager-badge:before{content:"👤";font-size:.875rem}.manager-badge:hover{filter:brightness(1.08);box-shadow:0 2px 6px #6366f166;transform:translateY(-1px)}@media (max-width: 768px){.page-container.user-management{padding:var(--space-md)}.header-content{width:auto;flex:1}.page-title-compact{font-size:1.5rem;margin-bottom:2px;text-align:left}.page-subtitle-compact{margin:0 0 var(--space-md) 0;text-align:left}.table-tabs{display:flex;flex-direction:row;gap:8px;padding:16px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg-secondary);border-bottom:1px solid var(--gray-200)}.table-tabs::-webkit-scrollbar{display:none}.table-tab{flex:0 0 auto;min-width:fit-content;padding:10px 20px;border:1px solid var(--gray-200);background:var(--bg-primary);color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:8px;white-space:nowrap}.table-tab.active{color:var(--text-on-brand);background:var(--brand-primary, #6366F1);border-color:var(--brand-primary, #6366F1)}.filter-tabs{flex-direction:column;gap:var(--space-xs)}.tab{width:100%}.users-table-wrapper,.users-table{display:none}.users-table-mobile{display:block;padding:var(--space-md);position:static;width:100%}}@media (min-width: 769px){.users-table-mobile{display:none}}@media (max-width: 480px){.page-container.user-management{padding:var(--space-sm)}.users-table th,.users-table td{padding:var(--space-md);font-size:.875rem}.user-card{padding:var(--space-md)}}.users-table td{padding:var(--space-sm) var(--space-md)!important;font-size:.875rem}.action-icons{display:flex;gap:var(--space-xs);align-items:center;justify-content:flex-end}.action-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:var(--radius-md);background:var(--bg-surface);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative}.action-icon-btn.approve{border-color:var(--success);color:var(--success)}.action-icon-btn.approve:hover{background:var(--success);color:var(--text-on-brand);transform:translateY(-1px);box-shadow:0 2px 4px #22c55e4d}.action-icon-btn.reject{border-color:var(--danger);color:var(--danger)}.action-icon-btn.reject:hover{background:var(--danger);color:var(--text-on-brand);transform:translateY(-1px);box-shadow:0 2px 4px #ef44444d}.action-icon-btn.deactivate{border-color:var(--warning);color:var(--warning)}.action-icon-btn.deactivate:hover{background:var(--warning);color:var(--text-on-brand);transform:translateY(-1px);box-shadow:0 2px 4px #f59e0b4d}.action-icon-btn.edit{border-color:var(--primary);color:var(--primary)}.action-icon-btn.edit:hover{background:var(--primary);color:var(--text-on-brand);transform:translateY(-1px);box-shadow:0 2px 4px #6366f14d}.action-icon-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95);background:var(--text-primary);color:var(--text-on-brand);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);z-index:1000}.action-icon-btn:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--text-primary);opacity:0;pointer-events:none;transition:all var(--transition-fast);z-index:1000}.action-icon-btn:hover:after,.action-icon-btn:hover:before{opacity:1;transform:translate(-50%) scale(1)}.user-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:40px 20px;animation:fadeIn .2s ease-out;overflow-y:auto}.user-edit-modal{background:var(--bg-card);border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:650px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.user-edit-modal-header{padding:16px 20px 14px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10}.user-edit-modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.user-edit-modal-close-btn{background:transparent;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.user-edit-modal-close-btn:hover{background:var(--gray-100);color:var(--text-primary)}.user-edit-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.user-edit-section{background:var(--bg-secondary);border:1px solid var(--gray-200);border-radius:8px;padding:14px 16px;margin-bottom:14px}.user-edit-section:last-child{margin-bottom:0}.user-edit-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 30px;padding-bottom:8px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:8px}.user-edit-section-readonly{background:var(--bg-tertiary, var(--gray-100));border-color:var(--gray-200)}.user-edit-readonly-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px}.user-edit-readonly-item{display:flex;flex-direction:column;gap:2px;min-width:0}.user-edit-readonly-label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.user-edit-readonly-value{font-size:.875rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-edit-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.user-edit-readonly-badge{background:#fef3c7;color:#92400e;font-size:.625rem;font-weight:600;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}.user-edit-input{width:100%;height:38px;padding:0 12px;font-size:.875rem;color:var(--text-primary);background:var(--bg-primary);border:1.5px solid var(--gray-300);border-radius:6px;transition:all .2s ease;outline:none}.user-edit-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.user-edit-input:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;border-color:var(--gray-200)}.user-edit-input::placeholder{color:var(--text-muted, var(--text-secondary))}.user-edit-modal-footer{padding:14px 20px;border-top:1px solid var(--gray-200);display:flex;gap:10px;justify-content:flex-end;background:var(--bg-primary);border-radius:0 0 12px 12px;position:sticky;bottom:0;z-index:10}.user-edit-btn-cancel{min-width:90px}.user-edit-btn-submit{min-width:140px}.user-edit-btn-cancel:disabled,.user-edit-btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 600px){.user-edit-readonly-grid{grid-template-columns:1fr;gap:10px}}@media (max-width: 768px){.user-edit-modal-overlay{padding:12px;align-items:flex-start}.user-edit-modal{max-width:100%;max-height:calc(100vh - 24px);border-radius:10px}.user-edit-modal-header{padding:14px 16px 12px}.user-edit-modal-body{padding:14px 16px}.user-edit-modal-footer{padding:12px 16px;flex-direction:column-reverse;gap:8px}.user-edit-section{padding:12px 14px}.user-edit-modal-footer .btn{width:100%;min-width:0}}@media (max-width: 480px){.user-edit-modal-header h2{font-size:1rem}.user-edit-section-title{font-size:.8125rem}}[data-theme=dark] .user-management .main-users-container,[data-theme=dark] .user-management .users-table-wrapper,[data-theme=dark] .user-management .user-edit-modal{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .user-management .table-tabs{background:var(--bg-surface);border-bottom-color:var(--border-color)}[data-theme=dark] .user-management .table-tab{background:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary);box-shadow:none}[data-theme=dark] .user-management .table-tab:hover{background:var(--bg-surface);border-color:var(--border-strong)}[data-theme=dark] .user-management .table-tab.active{background:var(--brand-primary, var(--primary));border-color:var(--brand-primary, var(--primary));color:var(--text-on-brand)}[data-theme=dark] .user-management .filters-container,[data-theme=dark] .user-management .search-box{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .user-management .filter-select,[data-theme=dark] .user-management .sort-order-btn{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important;color-scheme:dark}[data-theme=dark] .user-management .sort-order-btn:hover,[data-theme=dark] .user-management .users-table thead{background:var(--bg-surface)!important}[data-theme=dark] .user-management .users-table tbody tr:hover{background:var(--bg-surface-raised)}[data-theme=dark] .user-management .action-icon-btn{background:var(--bg-card);border-color:var(--border-color)}.page-container.settings-page{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:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color)}.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;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:auto;min-width:auto}.btn-edit svg{flex-shrink:0;width:16px;height:16px}.btn-edit:hover{background:var(--primary-dark)}.btn-advanced{padding:.4rem .85rem;background:#2563eb;color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-advanced:hover{background:#1d4ed8}.btn-advanced.btn-sm{padding:.35rem .75rem;font-size:.9rem}.flag-checkbox{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid #b0b8c4;border-radius:4px;background:#fff;flex-shrink:0;position:relative;transition:border-color .15s ease}.flag-checkbox.checked{border-color:#6366f1;background:#fff}.flag-checkbox.checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #6366f1;border-width:0 2px 2px 0;transform:rotate(45deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.stat-card{background:var(--bg-surface);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)}.stat-value--success{color:#10b981}.stat-value--warning{color:#f59e0b}.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,.settings-page .form-footer{padding:16px}.settings-page .form-grid{margin-bottom:var(--space-sm)}.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;min-width:120px}.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:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);color:#dc2626;margin-bottom:var(--space-lg);animation:slideDown var(--transition-base)}.success-message{padding:var(--space-md) var(--space-lg);background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-md);color:#059669;margin-bottom:var(--space-lg);animation:slideDown var(--transition-base)}@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}}@media (max-width: 480px){.page-container.settings-page{padding:var(--space-sm)}.section-header{flex-direction:column;align-items:flex-start}.btn-edit{width:auto;min-width:120px}.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:var(--bg-input);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:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.current-time-display{margin-top:.5rem;padding:.75rem;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.setting-info{margin-top:var(--space-sm);padding:.75rem;background:#3b82f612;border-left:3px solid var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;gap:.5rem}.setting-info svg{flex-shrink:0}.setting-info small{color:var(--text-secondary);font-size:.85rem;flex:1}.setting-info.success{background:#10b98112;border-left-color:#10b981}.setting-info.success small{color:var(--text-secondary)}.setting-info.success svg{color:#10b981}.timezone-detect-wrapper{margin-bottom:6px}.timezone-detect-wrapper .btn{display:inline-flex;align-items:center;gap:.5rem}.location-edit-form{display:flex;flex-direction:column;gap:var(--space-md)}.location-info-box{display:flex;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.info-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#3b82f6}.info-text{flex:1}.info-text strong{display:block;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.info-text p{color:var(--text-secondary);font-size:.85rem;margin:0;line-height:1.5}.field-hint{display:block;margin-top:.35rem;color:var(--text-secondary);font-size:.8rem}.btn-detect-location{width:100%;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-detect-location:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98133}.btn-detect-location:disabled{opacity:.6;cursor:not-allowed;transform:none}.location-help-text{margin-top:-.5rem;padding:var(--space-sm);background:#fef3c7;border-left:3px solid #f59e0b;border-radius:var(--radius-sm)}.location-help-text small{color:#92400e;font-size:.85rem;display:block;line-height:1.5}.location-help-text strong{color:#78350f}.btn-danger{padding:var(--space-sm) var(--space-md);background:#ef4444;color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-size:.9rem;min-width:120px}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.location-display{grid-template-columns:1fr}.location-display .setting-item{display:flex;justify-content:space-between;align-items:center}.location-display .setting-value{text-align:right}.location-display .setting-value.mono{font-family:Monaco,Menlo,Courier New,monospace;color:var(--primary);font-weight:600;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm)}.location-map-link{margin-top:var(--space-sm);display:flex;justify-content:center}.btn-map-link{display:inline-flex;align-items:center;gap:.5rem;padding:var(--space-sm) var(--space-md);background:var(--bg-card);color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all var(--transition-base);font-size:.9rem}.btn-map-link:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6366f133}.location-not-configured{display:flex;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:var(--radius-md);align-items:flex-start}.warning-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#f59e0b}.warning-content{flex:1}.warning-content strong{display:block;color:#78350f;margin-bottom:.5rem;font-size:1rem}.warning-content p{color:#92400e;font-size:.9rem;margin:0 0 var(--space-md) 0;line-height:1.5}.warning-content .btn-primary{width:auto;padding:var(--space-sm) var(--space-lg)}@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}.location-display .setting-item{flex-direction:column;align-items:flex-start;gap:.5rem}.location-display .setting-value{text-align:left}.location-info-box,.location-not-configured{flex-direction:column}.info-icon,.warning-icon{font-size:1.8rem}}@media (max-width: 480px){.page-container.settings-page{padding:var(--space-sm)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.btn-edit{width:auto;min-width:120px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.stat-card{padding:var(--space-sm)}.stat-label{font-size:.75rem}.stat-value{font-size:1.1rem}.page-title{font-size:1.4rem}.section-title{font-size:1rem}.settings-display{grid-template-columns:1fr}.location-info-box,.location-not-configured{padding:var(--space-md)}.info-text strong,.warning-content strong{font-size:.9rem}.info-text p,.warning-content p{font-size:.8rem}.form-group input,.timezone-select,.btn-detect-location,.btn-primary,.btn-secondary,.btn-danger{font-size:.85rem}.setting-item{padding:var(--space-sm)}}.settings-section{transition:all var(--transition-base)}.settings-section:hover{box-shadow:0 4px 12px #00000014}.location-edit-form,.location-display{animation:fadeIn .3s ease-out}.attendance-toggles{margin-bottom:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.attendance-toggles .toggle-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:var(--space-sm)}.attendance-toggles .toggle-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary);cursor:pointer}.attendance-toggles .toggle-label input[type=checkbox]{width:1.1rem;height:1.1rem;cursor:pointer}.attendance-toggles .toggle-hint{color:var(--text-secondary);font-size:.8rem;margin-left:1.75rem;display:block}.attendance-advanced-row{margin-top:var(--space-sm)}.attendance-advanced-panel{margin-bottom:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}.attendance-advanced-panel .subsection-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.project-eligibility-list{list-style:none;padding:0;margin:.5rem 0 0;max-height:220px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card)}.project-eligibility-item{padding:.5rem var(--space-sm);border-bottom:1px solid var(--border-color)}.project-eligibility-item:last-child{border-bottom:none}.project-eligibility-item .toggle-label{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.project-meta{color:var(--text-secondary);font-size:.85rem}.loading-hint,.muted-hint{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}.settings-description{color:var(--text-secondary);font-size:.9rem;margin:0 0 var(--space-sm) 0}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.settings-modal{background:var(--bg-primary);border-radius:var(--radius-lg);max-width:420px;width:100%;box-shadow:0 20px 40px #0003}.settings-modal.gps-modal{max-width:520px}.gps-modal-tabs{display:flex;gap:0;padding:0 var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary, #f9fafb)}.gps-modal-tab{padding:var(--space-sm) var(--space-md);background:none;border:none;border-bottom:3px solid transparent;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base);margin-bottom:-1px}.gps-modal-tab:hover{color:var(--text-primary)}.gps-modal-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.gps-modal-body{padding:var(--space-lg);max-height:70vh;overflow-y:auto}.gps-modal-body .location-edit-form,.gps-modal-body .attendance-advanced-panel{margin:0}.gps-modal-body .form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color)}.settings-modal-header h3{margin:0;font-size:1.1rem}.settings-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0 4px;line-height:1}.settings-modal-body{padding:var(--space-lg)}.settings-modal-body .form-group{margin-bottom:var(--space-md)}.settings-modal-body .form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.settings-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:.9rem}.settings-success{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#059669;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:.9rem}.settings-tab-loading{padding:var(--space-lg);color:var(--text-secondary);font-size:.95rem}.settings-subsection-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.smtp-config-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.smtp-config-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}.smtp-config-info{display:flex;flex-direction:column;gap:.25rem}.smtp-config-label{font-weight:600;color:var(--text-primary)}.smtp-config-detail{font-size:.85rem;color:var(--text-secondary)}.smtp-config-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary)}.smtp-config-toggle input{cursor:pointer}.btn-style-option{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.875rem .5rem;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;text-align:center}.btn-style-option:hover:not(:disabled){border-color:var(--primary);background:var(--bg-card)}.btn-style-option--active{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px #6366f11f}.btn-style-option:disabled{opacity:.6;cursor:not-allowed}.color-palette-group{margin-bottom:1.25rem}.color-palette-group-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.75rem}.color-swatches-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.color-swatch-field{display:flex;flex-direction:column;gap:.5rem}.color-swatch-btn{width:100%;height:56px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s;position:relative;overflow:hidden}.color-swatch-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0000002e;border-color:var(--border-strong)}.color-swatch-btn:disabled{cursor:not-allowed;opacity:.6}.color-swatch-btn:after{content:"✏️";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:0;background:#00000040;transition:opacity .15s}.color-swatch-btn:hover:not(:disabled):after{opacity:1}.color-swatch-label{font-size:.8rem;font-weight:600;color:var(--text-primary)}.color-hex-input{width:100%;padding:.4rem .6rem;font-size:.82rem;font-family:Monaco,Menlo,monospace;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);transition:border-color .15s;box-sizing:border-box}.color-hex-input:focus{outline:none;border-color:var(--primary)}.color-swatch-hint{font-size:.75rem;color:var(--text-tertiary)}.branding-preview{padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:1.25rem}.branding-preview-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.75rem}.smart-alerts-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d;overflow:hidden}.smart-alerts-main-header{padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e5e7eb;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.alerts-title-group{display:flex;flex-direction:column;gap:0}.smart-alerts-main-header .alerts-icon{display:none}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.alerts-title-group h3{margin:0;font-size:1.1rem;color:#1f2937;font-weight:700;display:flex;align-items:center;gap:.5rem}.alerts-title-group h3 svg{font-size:1rem;color:#ef4444}.alerts-total-count{background:#f3f4f6;color:#374151;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:700}.alerts-subtitle{font-size:.75rem;color:#6b7280;margin-left:0;font-style:italic;margin-top:.15rem}.alert-category{border-bottom:1px solid #e5e7eb}.alert-category:last-child{border-bottom:none}.category-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.category-header:hover{background:#00000005}.category-title-group{display:flex;align-items:center;gap:.75rem}.category-icon{font-size:1.25rem}.category-title{font-size:.875rem;font-weight:600;color:#1f2937}.category-count{background:#e5e7eb;color:#374151;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:700}.critical-category .category-header{background:#fff;border-left:3px solid #e5e7eb}.critical-category .category-icon{color:#3b82f6}.critical-category .category-count{background:#f3f4f6;color:#374151}.warning-category .category-header{background:#fff;border-left:3px solid #e5e7eb}.warning-category .category-icon{color:#3b82f6}.warning-category .category-count{background:#f3f4f6;color:#374151}.info-category .category-header{background:#fff;border-left:3px solid #e5e7eb}.info-category .category-icon{color:#3b82f6}.info-category .category-count{background:#f3f4f6;color:#374151}.category-alerts{padding:.5rem;background:#fff;animation:expandDown .3s ease-out}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.smart-alert{display:flex;align-items:flex-start;gap:1rem;padding:1rem;margin-bottom:.5rem;border-radius:8px;background:#fff;border:1px solid #e5e7eb;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.smart-alert:last-child{margin-bottom:0}.smart-alert:hover{box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.alert-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.critical-category .alert-icon,.warning-category .alert-icon,.info-category .alert-icon{color:#3b82f6}.alert-content{flex:1}.alert-message{font-size:.95rem;color:#1f2937;font-weight:600;margin-bottom:.25rem;line-height:1.4}.alert-details{font-size:.85rem;color:#6b7280;line-height:1.5}.summary-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:#fff;color:#111827;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 8px #0000001a;border-color:#d1d5db}.summary-card:nth-child(1),.summary-card:nth-child(2),.summary-card:nth-child(3),.summary-card:nth-child(4),.summary-card:nth-child(5),.summary-card:nth-child(6){background:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.summary-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;background:#fff;color:#000;flex-shrink:0;border:1px solid #e5e7eb}.summary-icon svg{filter:none}.summary-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.summary-value{font-size:2rem;font-weight:700;line-height:1;margin:0;color:#111827}.summary-label{font-size:.875rem;color:#374151;font-weight:500;margin-top:.25rem}.controls-section{background:#fff;border:1px solid #ddd;border-radius:8px;padding:.75rem 1.2rem;margin-bottom:1.5rem}.controls-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:.75rem}.controls-header h3{margin:0;font-size:1.1rem;color:#1f2937;font-weight:600}.controls-header svg{color:#3b82f6;font-size:1.2rem;transition:transform .2s ease}.controls-content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;align-items:flex-end;animation:slideDown .3s ease-out}.filter-group{display:flex;flex-direction:column;gap:.4rem}.filter-label{font-weight:600;color:#333;font-size:.8rem;white-space:nowrap}.employee-filter-wrapper,.activity-filter-wrapper{position:relative}.filter-button{display:flex;justify-content:space-between;align-items:center;padding:.65rem .85rem;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:.85rem;min-width:150px;height:38px;transition:all .2s;white-space:nowrap}.filter-button:hover{border-color:#3b82f6}.dropdown-arrow{margin-left:.4rem;color:#666;font-size:.75rem}.filter-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#fff;border:2px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:100;animation:dropdownSlide .2s ease-out}.activity-filter-wrapper .filter-dropdown{right:auto;min-width:200px;width:max-content}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-option{padding:.65rem .85rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:background .2s}.filter-option:hover{background:#f5f5f5}.filter-option input[type=checkbox]{cursor:pointer;width:16px;height:16px}.filter-option label{cursor:pointer;flex:1;font-size:.85rem;display:flex;align-items:center;color:#374151}.filter-option label svg{color:#3b82f6}.filter-icon{margin-right:.5rem}.filter-divider{height:1px;background:#ddd;margin:.5rem 0}.activity-filters{display:flex;gap:.4rem;flex-wrap:wrap}.activity-filter-btn{display:flex;align-items:center;gap:.4rem;padding:.65rem .85rem;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:.8rem;height:38px;transition:all .2s;opacity:.5;white-space:nowrap}.activity-filter-btn.active{opacity:1;background:#667eea0d;font-weight:600}.activity-filter-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.filter-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center}.date-range-buttons{display:flex;gap:.4rem}.range-btn{padding:.65rem 1.1rem;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:.8rem;height:38px;transition:all .2s;white-space:nowrap}.range-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.range-btn:hover:not(.active){border-color:#3b82f6}.view-mode-toggle{display:flex;gap:.4rem}.view-btn{padding:.65rem 1.1rem;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:.8rem;height:38px;transition:all .2s;display:flex;align-items:center;gap:.4rem;justify-content:center;white-space:nowrap}.view-icon{font-size:1.1rem;font-weight:700}.view-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.view-btn:hover:not(.active){border-color:#3b82f6}.heatmap-legend{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.legend-title{font-weight:600;color:#333}.legend-items{display:flex;gap:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.legend-color{width:24px;height:24px;border-radius:4px;border:1px solid #ddd}.heatmap-none{background:#f5f5f5!important}.heatmap-low{background:#eff6ff!important;color:#1e40af!important}.heatmap-medium{background:#93c5fd!important;color:#1e3a8a!important}.heatmap-high{background:#9ca3af!important;color:#fff!important}.heatmap-very-high{background:#6b7280!important;color:#fff!important}.heatmap-overdue{background:#4b5563!important;color:#fff!important}.calendar-container{display:flex;gap:2rem;align-items:flex-start}.calendar-wrapper{flex:1;min-width:300px}.custom-calendar{width:100%;border:1px solid #ddd;border-radius:8px;padding:1rem;background:#fff}.activity-dot{position:absolute;bottom:2px;right:2px;width:20px;height:20px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.activities-panel{flex:1;min-width:300px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;height:580px;overflow-y:auto;display:flex;flex-direction:column}.activities-panel::-webkit-scrollbar{width:6px}.activities-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.activities-panel::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.activities-panel::-webkit-scrollbar-thumb:hover{background:#555}.activities-panel h2{margin-top:0;color:#1f2937;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem;flex-shrink:0;font-weight:600}.status-filter-bar{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap;flex-shrink:0}.status-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb;background:#fff;color:#374151}.status-chip:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.status-chip.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.status-chip.all.active{background:#3b82f6}.status-chip.completed{background:#fff;color:#374151;border-color:#e5e7eb}.status-chip.completed.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.status-chip.overdue{background:#fff;color:#374151;border-color:#e5e7eb}.status-chip.overdue.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.status-chip.pending{background:#fff;color:#374151;border-color:#e5e7eb}.status-chip.pending.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.status-chip-count{background:#ffffff4d;padding:.1rem .4rem;border-radius:10px;font-size:.75rem;font-weight:700}.status-chip.active .status-chip-count{background:#ffffff40}.time-group{margin-bottom:1.5rem}.time-group-header{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#666;margin-bottom:.75rem;padding:.5rem .75rem;background:linear-gradient(to right,#f8f9fa,transparent);border-radius:4px}.time-group-icon{font-size:1.1rem}.view-all-btn{background:none;border:none;color:#667eea;font-size:.9rem;font-weight:600;cursor:pointer;padding:.5rem .75rem;border-radius:4px;transition:background .2s;margin-top:1rem;display:inline-block}.view-all-btn:hover{background:#eff6ff}.activity-section{margin-bottom:2rem}.activity-section h3{color:#333;font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.section-icon{font-size:1.3rem;display:inline-flex;align-items:center;vertical-align:middle}.activity-item{padding:2.25rem 1rem;margin-bottom:2.5rem;border-radius:8px;box-shadow:0 2px 4px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.activity-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.activity-metadata{display:none}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-left:.75rem;gap:.5rem;line-height:1}.activity-header strong{font-size:.95rem;color:#1a1a1a;font-weight:600;line-height:1}.activity-header .name-text{margin-top:1.25rem;display:block}.activity-item p{margin:1.25rem 0;padding-left:.75rem;font-size:.85rem;color:#555;display:flex;align-items:center;gap:.5rem;line-height:1}.activity-item p strong{color:#333;font-weight:600;min-width:80px}.break-info{font-style:italic;color:#374151;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:0}.break-info svg{flex-shrink:0;font-size:1rem}.break-icon{flex-shrink:0;font-size:1rem}.break-info span{line-height:1.2}.remarks{font-style:italic;color:#666;font-size:.85rem;margin:1.25rem 0;padding:.75rem;border-top:1px solid #e0e0e0;background:#fafafa;border-radius:4px}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.25rem .8rem .4rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-left:auto;flex-shrink:0;line-height:1;vertical-align:middle}.status-badge svg{font-size:.9rem}.status-badge.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-badge.warning,.status-badge.late{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.status-badge.pending{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.status-badge.overdue{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.attendance-item{background:#fff!important;border:1px solid #e5e7eb!important;border-left:3px solid #3b82f6!important}.attendance-item .status-badge{margin-top:1.25rem}.visit-item,.followup-item{background:#fff!important;border:1px solid #e5e7eb!important;border-left:3px solid #3b82f6!important}.followup-item .activity-header,.followup-item p{padding-left:1.7rem}.sale-item{background:#fff!important;border:1px solid #e5e7eb!important;border-left:3px solid #3b82f6!important}.alerts-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 1px 3px #0000000d}.alerts-panel h2{margin-top:0;color:#1f2937;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem;display:flex;align-items:center;gap:.5rem;position:relative;-webkit-user-select:none;user-select:none;font-weight:600}.alerts-panel h2:hover{color:#111827}.alerts-icon{font-size:1.5rem;display:flex;align-items:center}.alerts-toggle{margin-left:auto;display:flex;align-items:center;font-size:1.2rem;transition:transform .3s ease}.alerts-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:2000px}}.alert-item{padding:1rem;border-radius:6px;border-left:4px solid #9ca3af;transition:all .2s;display:flex;align-items:center;gap:1rem}.alert-item:hover{transform:translate(5px);box-shadow:0 2px 8px #0000001a}.alert-item.severity-high{background:#f9fafb;border-left-color:#6b7280}.alert-item.severity-medium{background:#f9fafb;border-left-color:#9ca3af}.alert-item.severity-low{background:#f9fafb;border-left-color:#d1d5db}.alert-header{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.alert-icon{font-size:1.2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.alert-title{font-weight:600;color:#333;white-space:nowrap;flex-shrink:0}.alert-date{font-size:.85rem;color:#666;background:#0000000d;padding:.25rem .5rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.alert-message{margin:0;color:#555;font-size:.9rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:.75rem;border-left:1px solid rgba(0,0,0,.1)}.alerts-more{text-align:center;color:#ff6f00;font-weight:600;margin-top:1rem;margin-bottom:0;font-style:italic}@media (max-width: 768px){.summary-dashboard{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.summary-card{padding:1rem}.summary-icon{width:40px;height:40px;font-size:1.25rem}.summary-value{font-size:1.5rem}.summary-label{font-size:.75rem}.controls-section{padding:.75rem}.controls-content{grid-template-columns:1fr 1fr;gap:.75rem;row-gap:1rem}.filter-group{width:100%}.filter-label{font-size:.75rem;margin-bottom:.25rem}.filter-button{min-width:unset;width:100%;padding:.5rem .75rem;font-size:.8rem}.activity-filters{width:100%;grid-column:1 / -1}.activity-filter-btn{flex:1;justify-content:center;padding:.5rem;font-size:.75rem}.filter-text{display:none}.filter-icon{font-size:1.25rem}.date-range-buttons,.view-mode-toggle{width:100%;grid-column:1 / -1}.range-btn,.view-btn{flex:1;padding:.5rem .75rem;font-size:.8rem}.heatmap-legend{padding:1rem;gap:1rem}.legend-items{gap:.75rem}.calendar-container{flex-direction:column;gap:1rem}.calendar-wrapper,.activities-panel{width:100%;min-width:unset;max-width:none}.activities-panel{height:auto;max-height:500px}.time-group-header{font-size:.85rem;padding:.4rem .6rem}.status-filter-bar{gap:.4rem}.status-chip{font-size:.75rem;padding:.4rem .75rem}.status-chip-count{font-size:.7rem}.metadata-icon{width:18px;height:18px;font-size:.6rem}.activity-item{padding:.85rem;overflow:hidden;max-width:100%}.attendance-item{padding:.6rem;margin-bottom:.75rem}.activity-header{padding-right:2.5rem;padding:1rem;margin-top:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.attendance-item .activity-header{padding:0;margin-top:0;margin-bottom:.4rem;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.alerts-panel h2{font-size:1.1rem}.alert-item{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.alert-header{font-size:.9rem;width:100%;flex-wrap:wrap}.alert-message{padding-left:0;border-left:none;white-space:normal;overflow:visible}.alert-icon{align-self:flex-start}.activity-header{font-size:.9rem}.status-badge{font-size:.7rem;padding:.2rem .5rem}}@media (max-width: 480px){.summary-dashboard{grid-template-columns:repeat(2,1fr);gap:.5rem}.summary-card{padding:.75rem .5rem}.summary-icon{width:36px;height:36px;font-size:1.1rem}.summary-value{font-size:1.25rem}.summary-label{font-size:.75rem}.summary-label{font-size:.7rem}.controls-section{padding:.75rem}.controls-content{grid-template-columns:1fr;gap:.75rem}.filter-group{width:100%}.filter-button{padding:.5rem;font-size:.75rem}.activity-filter-btn{padding:.4rem;font-size:.7rem}.filter-icon{font-size:1.1rem}.range-btn,.view-btn{padding:.4rem .5rem;font-size:.75rem}.heatmap-legend{flex-direction:column;align-items:flex-start;gap:.5rem}.legend-items{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.legend-item{font-size:.7rem}.legend-color{width:18px;height:18px}.custom-calendar{padding:.5rem}.react-calendar__tile{padding:.25rem;font-size:.8rem}.activity-item{padding:.75rem;margin-bottom:1rem;overflow:hidden;max-width:100%;box-sizing:border-box}.attendance-item{padding:.5rem;margin-bottom:.6rem;display:block!important}.attendance-item p{display:block!important;width:100%}.activity-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem;padding-left:0;gap:.5rem}.activity-header .name-text{margin-top:0;flex:1;font-size:.85rem;line-height:1.3}.activity-header strong{display:block;font-size:.85rem;margin-bottom:.15rem}.status-badge{margin-left:0;padding:.3rem .6rem;font-size:.7rem;margin-top:0;align-self:flex-start}.attendance-item .status-badge{padding:.25rem .5rem;font-size:.65rem;align-self:center}.attendance-item .activity-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-bottom:.4rem}.attendance-item .name-text{flex:1;margin-right:.5rem}.attendance-item .activity-header strong{display:inline;margin-bottom:0}.activity-item p{font-size:.8rem;margin:.35rem 0;padding-left:1rem;line-height:1.4;overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.attendance-item p{font-size:.75rem;margin:.25rem 0;padding-left:0;line-height:1.3}.activity-item p strong{min-width:70px;font-size:.75rem}.followup-item .activity-header,.followup-item p{padding-left:1rem}.break-info{font-size:.7rem;margin:.25rem 0 0;display:flex!important;flex-wrap:wrap;max-width:100%;gap:.4rem!important}.break-info svg{font-size:.85rem}.break-info .status-badge{font-size:.65rem;padding:.2rem .5rem .3rem;white-space:nowrap}.break-info span:not(.status-badge){font-size:.7rem;white-space:nowrap}.remarks{font-size:.75rem;padding:.5rem;margin:.5rem 0}.activity-section h3{font-size:.95rem}.section-icon{font-size:1rem}}.alert-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.alert-modal-content{background:#fff;border-radius:8px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.alert-modal-header h3{margin:0;font-size:1.25rem;color:#1f2937;font-weight:600}.modal-close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#111827}.alert-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-followups-list,.modal-employees-list{display:flex;flex-direction:column;gap:1rem}.modal-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;transition:all .2s}.modal-item:hover{border-color:#9ca3af;box-shadow:0 2px 8px #0000000d}.modal-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.modal-item-header strong{font-size:1rem;color:#111827}.modal-badge{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.modal-badge.completed{background:#d1fae5;color:#065f46}.modal-badge.pending{background:#fef3c7;color:#92400e}.modal-badge.new,.modal-badge.followup{background:#dbeafe;color:#1e40af}.modal-badge.overdue{background:#fee2e2;color:#991b1b}.modal-badge.warning{background:#fef3c7;color:#92400e}.modal-item-details{display:flex;flex-direction:column;gap:.5rem}.modal-item-details p{margin:0;font-size:.875rem;color:#374151;display:flex;align-items:center;gap:.5rem}.modal-item-details svg{color:#3b82f6;font-size:.875rem}.no-items{text-align:center;color:#6b7280;font-style:italic;padding:2rem}.alert-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem;background:#f9fafb}.modal-close-btn-primary{padding:.625rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.modal-close-btn-primary:hover{background:#2563eb;box-shadow:0 2px 4px #0000001a}.modal-close-btn-primary:active{transform:scale(.98)}@media (max-width: 768px){.alert-modal-content{width:95%;max-height:90vh}.alert-modal-header,.alert-modal-body{padding:1rem}.modal-item{padding:.75rem}.alert-modal-footer{padding:.75rem 1rem}.modal-close-btn-primary{width:100%}}.activity-type-section{margin-bottom:24px;margin-top:8px}.activity-type-heading{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:12px;padding-left:0;display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:2px solid #e5e7eb}.activity-type-heading svg{font-size:1.1rem;color:#6b7280}.activity-cards-grid{display:flex;flex-direction:column;gap:12px}.modern-activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2px 0 16px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.modern-activity-card:hover{box-shadow:0 4px 6px #00000014;transform:translateY(-1px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;margin-top:0;padding:0 16px 0 95px;gap:20px}.card-name{display:flex;align-items:center;gap:0;font-size:.95rem;color:#1f2937;flex:1;margin-left:-1.2em}.card-icon{font-size:.95rem;color:#6b7280;flex-shrink:0;width:1.2em;margin-right:4px;display:inline-block}.modern-status-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.modern-status-badge.pending{background:#eff6ff;color:#1d4ed8}.modern-status-badge.completed{background:#ecfdf5;color:#047857}.modern-status-badge.overdue{background:#fef2f2;color:#b91c1c}.modern-status-badge.forgot-checkout,.modern-status-badge.late{background:#fef3c7;color:#92400e}.modern-status-badge.not-checked{background:#f3f4f6;color:#4b5563}.card-body{display:flex;flex-direction:column;gap:8px;padding:0 16px}.card-info-row{display:flex;align-items:flex-start;gap:0;font-size:.875rem}.info-label{color:#6b7280;min-width:95px;flex-shrink:0;font-size:.875rem;display:inline-flex;align-items:center;gap:.35rem}.info-label svg{flex-shrink:0}.project-row{gap:2px}.project-row .info-label{min-width:auto}.info-value{color:#1f2937;flex:1;font-size:.875rem}.card-remarks{margin-top:4px;padding-top:8px;border-top:1px solid #f3f4f6}.remarks-label{display:inline-flex;align-items:center;gap:.35rem;color:#6b7280;font-size:.75rem;margin-bottom:4px}.remarks-label svg{flex-shrink:0}.remarks-text{color:#6b7280;font-size:.813rem;line-height:1.4;margin:0}@media (max-width: 768px){.modern-activity-card{padding:2px 0 14px}.card-body{padding:0 12px}.card-header{padding:0 12px 0 85px;flex-direction:row;align-items:center;gap:12px}.info-label{min-width:85px}}@media (min-width: 1200px){.activity-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}}.page-container.admin-calendar-page{width:min(100%,1440px);max-width:1440px;margin:0 auto;padding:clamp(1rem,1.6vw,2rem)}.page-container.admin-calendar-page .page-title{margin-bottom:clamp(1.25rem,2vw,2rem)}.page-container.admin-calendar-page .summary-dashboard{width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.page-container.admin-calendar-page .summary-card{min-width:0}.page-container.admin-calendar-page .smart-alerts-section,.page-container.admin-calendar-page .controls-section,.page-container.admin-calendar-page .heatmap-legend,.page-container.admin-calendar-page .calendar-container{width:100%}.page-container.admin-calendar-page .controls-content{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.page-container.admin-calendar-page .filter-group,.page-container.admin-calendar-page .employee-filter-wrapper,.page-container.admin-calendar-page .activity-filter-wrapper,.page-container.admin-calendar-page .filter-button{width:100%;min-width:0}.page-container.admin-calendar-page .filter-button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-container.admin-calendar-page .calendar-container{display:grid;grid-template-columns:minmax(340px,1fr) minmax(380px,1.05fr);gap:1.25rem;align-items:stretch}.page-container.admin-calendar-page .calendar-wrapper,.page-container.admin-calendar-page .activities-panel{width:100%;min-width:0}.page-container.admin-calendar-page .activities-panel{height:clamp(520px,62vh,680px)}@media (max-width: 1280px){.page-container.admin-calendar-page .summary-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.page-container.admin-calendar-page .controls-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 992px){.page-container.admin-calendar-page .calendar-container{grid-template-columns:1fr;gap:1rem}.page-container.admin-calendar-page .activities-panel{height:auto;max-height:620px}}@media (max-width: 768px){.page-container.admin-calendar-page{padding:1rem}.page-container.admin-calendar-page .summary-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.page-container.admin-calendar-page .controls-content{grid-template-columns:1fr;gap:.75rem}}.page-container.admin-calendar-page{color:var(--text-primary)}.page-container.admin-calendar-page .summary-card,.page-container.admin-calendar-page .smart-alerts-section,.page-container.admin-calendar-page .smart-alerts-main-header,.page-container.admin-calendar-page .category-alerts,.page-container.admin-calendar-page .smart-alert,.page-container.admin-calendar-page .controls-section,.page-container.admin-calendar-page .heatmap-legend,.page-container.admin-calendar-page .custom-calendar,.page-container.admin-calendar-page .activities-panel,.page-container.admin-calendar-page .alerts-panel,.page-container.admin-calendar-page .modern-activity-card,.page-container.admin-calendar-page .alert-modal-content,.page-container.admin-calendar-page .modal-item{background:var(--bg-card)!important;border-color:var(--border-color)!important}.page-container.admin-calendar-page .summary-value,.page-container.admin-calendar-page .alerts-title-group h3,.page-container.admin-calendar-page .category-title,.page-container.admin-calendar-page .alert-message,.page-container.admin-calendar-page .controls-header h3,.page-container.admin-calendar-page .legend-title,.page-container.admin-calendar-page .activities-panel h2,.page-container.admin-calendar-page .activity-type-heading,.page-container.admin-calendar-page .card-name,.page-container.admin-calendar-page .info-value,.page-container.admin-calendar-page .alert-modal-header h3,.page-container.admin-calendar-page .modal-item-header strong{color:var(--text-primary)!important}.page-container.admin-calendar-page .summary-label,.page-container.admin-calendar-page .alerts-subtitle,.page-container.admin-calendar-page .alert-details,.page-container.admin-calendar-page .dropdown-arrow,.page-container.admin-calendar-page .filter-label,.page-container.admin-calendar-page .time-group-header,.page-container.admin-calendar-page .info-label,.page-container.admin-calendar-page .remarks-label,.page-container.admin-calendar-page .remarks-text,.page-container.admin-calendar-page .no-items,.page-container.admin-calendar-page .modal-item-details p{color:var(--text-secondary)!important}.page-container.admin-calendar-page .summary-icon{background:var(--bg-surface)!important;color:var(--brand-primary, var(--primary))!important;border-color:var(--border-color)!important}.page-container.admin-calendar-page .smart-alerts-main-header,.page-container.admin-calendar-page .alert-category,.page-container.admin-calendar-page .alerts-panel h2,.page-container.admin-calendar-page .activities-panel h2,.page-container.admin-calendar-page .activity-type-heading,.page-container.admin-calendar-page .alert-modal-header,.page-container.admin-calendar-page .alert-modal-footer{border-color:var(--border-color)!important}.page-container.admin-calendar-page .category-header{background:var(--bg-card)!important;border-left-color:var(--brand-primary, var(--primary))!important}.page-container.admin-calendar-page .category-count,.page-container.admin-calendar-page .alerts-total-count{background:var(--brand-primary-alpha, rgba(37, 99, 235, .12))!important;color:var(--brand-primary, var(--primary))!important}.page-container.admin-calendar-page .category-icon,.page-container.admin-calendar-page .alert-icon,.page-container.admin-calendar-page .controls-header svg,.page-container.admin-calendar-page .filter-option label svg,.page-container.admin-calendar-page .modal-item-details svg,.page-container.admin-calendar-page .card-icon{color:var(--brand-primary, var(--primary))!important}.page-container.admin-calendar-page .smart-alert-clickable,.page-container.admin-calendar-page .alerts-panel-heading{cursor:pointer}.page-container.admin-calendar-page .filter-dropdown{background:var(--bg-card)!important;border-color:var(--border-color)!important;box-shadow:0 8px 24px #0000002e}.page-container.admin-calendar-page .filter-option:hover{background:var(--bg-surface)!important}.page-container.admin-calendar-page .filter-divider{background:var(--border-color)!important}.page-container.admin-calendar-page .filter-button,.page-container.admin-calendar-page .range-btn,.page-container.admin-calendar-page .view-btn{min-width:0}.page-container.admin-calendar-page .range-btn.active,.page-container.admin-calendar-page .view-btn.active{background:var(--brand-primary, var(--primary))!important;color:var(--text-on-brand, #fff)!important;border-color:var(--brand-primary, var(--primary))!important}.page-container.admin-calendar-page .status-chip{border-color:var(--border-color)!important;background:var(--bg-card)!important;color:var(--text-primary)!important}.page-container.admin-calendar-page .status-chip.active{background:var(--brand-primary, var(--primary))!important;color:var(--text-on-brand, #fff)!important;border-color:var(--brand-primary, var(--primary))!important}.page-container.admin-calendar-page .status-chip-count{background:var(--brand-primary-alpha, rgba(37, 99, 235, .12))!important;color:inherit}.page-container.admin-calendar-page .status-chip.active .status-chip-count{background:#ffffff40!important}.page-container.admin-calendar-page .view-all-btn{color:var(--brand-primary, var(--primary))!important}.page-container.admin-calendar-page .view-all-btn:hover{background:var(--brand-primary-alpha, rgba(37, 99, 235, .12))!important}.page-container.admin-calendar-page .custom-calendar,.page-container.admin-calendar-page .custom-calendar .react-calendar__navigation,.page-container.admin-calendar-page .custom-calendar .react-calendar__month-view__weekdays{background:var(--bg-card)!important;border-color:var(--border-color)!important}.page-container.admin-calendar-page .custom-calendar .react-calendar__navigation button,.page-container.admin-calendar-page .custom-calendar .react-calendar__month-view__weekdays__weekday,.page-container.admin-calendar-page .custom-calendar .react-calendar__tile{color:var(--text-primary)!important}.page-container.admin-calendar-page .custom-calendar .react-calendar__tile:enabled:hover,.page-container.admin-calendar-page .custom-calendar .react-calendar__tile:enabled:focus{background:var(--bg-surface)!important}.page-container.admin-calendar-page .custom-calendar .react-calendar__tile--now{background:var(--brand-primary-alpha, rgba(37, 99, 235, .12))!important}.page-container.admin-calendar-page .custom-calendar .react-calendar__tile--active{background:var(--brand-primary, var(--primary))!important;color:var(--text-on-brand, #fff)!important}.page-container.admin-calendar-page .alerts-panel h2:hover{color:var(--brand-primary, var(--primary))!important}.page-container.admin-calendar-page .alert-item{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.page-container.admin-calendar-page .alert-item.severity-high{border-left-color:var(--error)!important}.page-container.admin-calendar-page .alert-item.severity-medium{border-left-color:var(--warning)!important}.page-container.admin-calendar-page .alert-item.severity-low{border-left-color:var(--border-strong)!important}.page-container.admin-calendar-page .alert-title{color:var(--text-primary)!important}.page-container.admin-calendar-page .alert-date{color:var(--text-secondary)!important;background:var(--bg-card)!important}.page-container.admin-calendar-page .alert-header .alert-message{border-left-color:var(--border-color)!important}.page-container.admin-calendar-page .activity-dot{background:var(--brand-primary, var(--primary))!important;color:var(--text-on-brand, #fff)!important}.page-container.admin-calendar-page .activities-panel::-webkit-scrollbar-track{background:var(--bg-surface)!important}.page-container.admin-calendar-page .activities-panel::-webkit-scrollbar-thumb{background:var(--border-strong)!important}.page-container.admin-calendar-page .activities-panel::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)!important}.page-container.admin-calendar-page .time-group-header{background:var(--bg-surface)!important}.page-container.admin-calendar-page .modern-status-badge.pending{background:var(--brand-primary-alpha, rgba(37, 99, 235, .12))!important;color:var(--brand-primary, var(--primary))!important}.page-container.admin-calendar-page .modern-status-badge.completed{background:var(--success-light)!important;color:var(--success)!important}.page-container.admin-calendar-page .modern-status-badge.overdue{background:var(--error-light)!important;color:var(--error)!important}.page-container.admin-calendar-page .modern-status-badge.forgot-checkout,.page-container.admin-calendar-page .modern-status-badge.late{background:var(--warning-light)!important;color:var(--warning)!important}.page-container.admin-calendar-page .modern-status-badge.not-checked{background:var(--bg-surface)!important;color:var(--text-secondary)!important}.page-container.admin-calendar-page .card-remarks{border-top-color:var(--border-color)!important}.page-container.admin-calendar-page .alert-modal-footer{background:var(--bg-surface)!important}.calendar-page-header{margin-bottom:1.5rem}.calendar-page-header .page-title{margin-bottom:.25rem}.page-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0}.calendar-dashboard{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;align-items:start}.calendar-primary{display:flex;flex-direction:column;gap:1.25rem}.calendar-secondary{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:1rem}.today-summary-strip{display:flex;align-items:center;gap:1rem;background:var(--bg-card);padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border-color, var(--gray-200));box-shadow:none}.today-label{display:flex;align-items:center;gap:.375rem;font-weight:500;font-size:.875rem;color:var(--text-secondary)!important;white-space:nowrap}.calendar-icon{font-size:1rem;opacity:.7}.summary-items{display:flex;gap:.5rem;flex-wrap:wrap}.summary-chip{display:flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:20px;font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-surface, var(--gray-100));border:1px solid var(--border-color, var(--gray-200));text-shadow:none}.chip-icon{font-size:.85rem;opacity:.8}.chip-followup,.chip-visit{background:var(--bg-surface, var(--gray-100))}.chip-missed{background:#ef444414;border-color:#ef444440;color:#dc2626}.calendar-section{background:var(--bg-primary);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f;border:1px solid var(--gray-200)}.calendar-wrapper{width:100%}.custom-calendar.enhanced-calendar{width:100%;border:none;font-family:inherit}.enhanced-calendar .react-calendar__tile{position:relative;padding:.75rem .5rem;height:auto;min-height:50px}.enhanced-calendar .react-calendar__tile--active{background:var(--brand-primary, #667eea)!important;border-radius:8px}.enhanced-calendar .react-calendar__tile--now,.enhanced-calendar .react-calendar__tile:hover{background:var(--bg-secondary);border-radius:8px}.activity-dots{display:flex;gap:3px;justify-content:center;margin-top:4px;flex-wrap:wrap}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-followup{background:#3b82f6}.dot-visit{background:#22c55e}.dot-missed{background:#ef4444}.dot-sale{background:#f59e0b}.calendar-legend{display:flex;gap:1.25rem;justify-content:center;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--gray-200);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.legend-item .dot{width:10px;height:10px}.activities-panel.enhanced{background:var(--bg-primary);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f;border:1px solid var(--gray-200)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--gray-200)}.panel-header h2{margin:0;font-size:1.1rem;color:var(--text-primary);font-weight:600}.panel-header h3{margin:0;font-size:1rem;color:var(--text-primary);font-weight:600}.activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.activity-card{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--bg-secondary);border-radius:10px;transition:all .2s ease}.activity-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card-attendance{background:#faf5ff}.card-followup{background:#eff6ff}.card-visit{background:#f0fdf4}.card-sale{background:#fffbeb}.card-icon{font-size:1.1rem;line-height:1;padding-top:.5rem}.card-content{flex:1;min-width:0}.card-title{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:.2rem}.card-lead{font-weight:500;font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:.8rem;color:var(--text-secondary)}.card-time{font-size:.8rem;color:var(--text-secondary);font-weight:500}.card-amount{font-weight:700;color:#059669;font-size:.95rem}.card-status{padding:.25rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.no-activities-card{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--gray-300)}.no-activities-icon{font-size:3rem;margin-bottom:.75rem}.no-activities-card p{margin:0;font-size:1rem;color:var(--text-secondary);font-weight:500}.no-activities-hint{font-size:.85rem;color:var(--text-muted, var(--text-secondary));margin-top:.25rem}.lead-status-panel.enhanced{background:var(--bg-primary);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f;border:1px solid var(--gray-200)}.total-badge{background:var(--gray-100);color:var(--text-primary);padding:.3rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.status-card{padding:.875rem;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.status-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:currentColor}.status-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.status-icon{font-size:1.25rem}.status-count{font-size:1.5rem;font-weight:700;line-height:1}.status-card-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.status-progress-bar{height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.status-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.insight-strip{display:flex;gap:.875rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:1px solid #fcd34d}.insight-icon{font-size:1.75rem;line-height:1}.insight-content{flex:1}.insight-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#92400e;margin-bottom:.25rem}.insight-text{margin:0;font-size:.9rem;color:#78350f;line-height:1.4}.recent-leads-panel{background:var(--bg-primary);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f;border:1px solid var(--gray-200)}.view-all-btn{background:none;border:none;color:var(--brand-primary, #667eea);font-size:.8rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.view-all-btn:hover{background:var(--bg-secondary)}.recent-leads-list{display:flex;flex-direction:column;gap:.5rem}.recent-lead-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:all .2s}.recent-lead-item:hover{background:var(--gray-100);transform:translate(4px)}.lead-avatar{width:36px;height:36px;border-radius:50%;background:var(--brand-primary, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.lead-info{flex:1;min-width:0}.lead-name{font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-source-text{font-size:.75rem;color:var(--text-muted, var(--text-secondary))}.lead-status-pill{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;white-space:nowrap}@media (max-width: 1024px){.calendar-dashboard{grid-template-columns:1fr}.calendar-secondary{position:static}.status-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.today-summary-strip{flex-direction:column;align-items:flex-start;gap:.75rem}.summary-items{width:100%}.activities-grid{grid-template-columns:1fr}.status-cards-grid{grid-template-columns:repeat(2,1fr)}.calendar-legend{gap:.75rem}}@media (max-width: 480px){.calendar-page-header .page-title{font-size:1.25rem}.summary-chip{padding:.3rem .6rem;font-size:.75rem}.status-cards-grid{grid-template-columns:1fr 1fr;gap:.5rem}.status-card{padding:.75rem}.status-count{font-size:1.25rem}.activity-card{padding:.75rem}.card-icon{font-size:1.25rem}.insight-strip{flex-direction:column;text-align:center}.insight-icon{align-self:center}.recent-lead-item{padding:.6rem}.lead-avatar{width:32px;height:32px;font-size:.8rem}}.calendar-layout{display:flex;gap:2rem;flex-wrap:wrap}.calendar-main{flex:2;display:flex;flex-direction:column;gap:2rem}.custom-calendar{width:100%;border:1px solid var(--gray-200);border-radius:8px;padding:1rem;background:var(--bg-primary)}.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}.ig-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.ig-modal{background:var(--bg-card, #fff);border-radius:16px;box-shadow:0 25px 60px #0003;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.ig-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:24px 28px 20px;border-bottom:1px solid var(--gray-200);flex-shrink:0}.ig-modal-title-row{display:flex;align-items:center;gap:16px}.ig-modal-icon{width:52px;height:52px;flex-shrink:0}.ig-modal-icon svg{width:100%;height:100%}.ig-modal-title{font-size:1.2rem;font-weight:700;color:var(--gray-900);margin:0 0 4px;line-height:1.3}.ig-modal-subtitle{font-size:.875rem;color:var(--text-secondary, var(--gray-500));margin:0}.ig-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--gray-100);border-radius:50%;cursor:pointer;color:var(--gray-600);transition:background .15s,color .15s;flex-shrink:0}.ig-modal-close:hover{background:var(--gray-200);color:var(--gray-900)}.ig-modal-close svg{width:18px;height:18px}.ig-modal-body{overflow-y:auto;padding:24px 28px;flex:1;display:flex;flex-direction:column;gap:28px}.ig-section{display:flex;flex-direction:column;gap:16px}.ig-section--highlight{background:linear-gradient(135deg,#f0f4ff,#faf0ff);border:1px solid #e0e7ff;border-radius:12px;padding:20px}.ig-section-title{font-size:1rem;font-weight:700;color:var(--gray-800);margin:0;display:flex;align-items:center;gap:8px}.ig-section-icon{font-size:1.1rem}.ig-section p{font-size:.9rem;color:var(--gray-600);line-height:1.65;margin:0}.ig-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ig-flow-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-width:130px;text-align:center}.ig-flow-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.ig-flow-icon--blue{background:#dbeafe}.ig-flow-icon--purple{background:#ede9fe}.ig-flow-icon--green{background:#d1fae5}.ig-flow-label{font-size:.8rem;color:var(--gray-600);line-height:1.4}.ig-flow-arrow{font-size:1.5rem;color:var(--gray-400);flex-shrink:0}.ig-checklist{list-style:none;display:flex;flex-direction:column;gap:8px}.ig-checklist li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--gray-700)}.ig-check{color:var(--success, #10b981);font-weight:700;flex-shrink:0;margin-top:1px}.ig-steps{display:flex;flex-direction:column;gap:0;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}.ig-step{display:flex;gap:16px;padding:18px 20px;border-bottom:1px solid var(--gray-100);align-items:flex-start}.ig-step:last-child{border-bottom:none}.ig-step:hover{background:var(--gray-50)}.ig-step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary, #6366f1),var(--primary-dark, #4f46e5));color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.ig-step-body{flex:1}.ig-step-body h4{font-size:.95rem;font-weight:600;color:var(--gray-800);margin:0 0 6px}.ig-step-body p{font-size:.875rem;color:var(--gray-600);line-height:1.6;margin:0 0 8px}.ig-step-body p:last-child{margin-bottom:0}.ig-step-body ul{font-size:.875rem;color:var(--gray-600);margin:8px 0;padding-left:20px;line-height:1.7}.ig-step-body code{font-family:var(--font-mono, monospace);font-size:.8rem;background:var(--gray-100);padding:2px 6px;border-radius:4px;color:var(--primary, #6366f1)}.ig-code-block{margin:10px 0;border-radius:8px;overflow:hidden;border:1px solid var(--gray-200)}.ig-code-label{display:block;padding:4px 12px;background:var(--gray-100);font-size:.7rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.ig-code-block code{display:block;padding:10px 12px;background:var(--gray-800, #1f2937);color:#e5e7eb;font-size:.8rem;word-break:break-all;border-radius:0}.ig-note{font-size:.8rem!important;color:var(--gray-500)!important;font-style:italic}.ig-permissions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.ig-perm{font-size:.78rem;font-family:var(--font-mono, monospace);background:#ede9fe;color:#5b21b6;border:1px solid #c4b5fd;border-radius:6px;padding:3px 10px}.ig-troubleshoot{display:flex;flex-direction:column;gap:0;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}.ig-issue{padding:14px 18px;border-bottom:1px solid var(--gray-100)}.ig-issue:last-child{border-bottom:none}.ig-issue-title{font-size:.875rem;font-weight:600;color:var(--gray-800);margin-bottom:4px}.ig-issue-fix{font-size:.85rem;color:var(--gray-600);line-height:1.6}.ig-issue-fix code{font-family:var(--font-mono, monospace);font-size:.8rem;background:var(--gray-100);padding:1px 5px;border-radius:4px;color:var(--primary, #6366f1)}.ig-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-top:1px solid var(--gray-200);flex-shrink:0;gap:var(--space-md);flex-wrap:wrap}.ig-footer-link{font-size:.875rem;color:var(--primary, #6366f1);text-decoration:none;font-weight:500}.ig-footer-link:hover{text-decoration:underline}.ig-footer-close-btn{padding:9px 22px;border:none;background:var(--primary, #6366f1);color:#fff;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.ig-footer-close-btn:hover{background:var(--primary-dark, #4f46e5)}.ig-section a,.ig-step-body a{color:var(--primary, #6366f1);text-decoration:none}.ig-section a:hover,.ig-step-body a:hover{text-decoration:underline}@media (max-width: 600px){.ig-modal-header{padding:18px 18px 16px}.ig-modal-body{padding:18px;gap:22px}.ig-modal-footer{padding:14px 18px;flex-direction:column;align-items:stretch;text-align:center}.ig-modal-title{font-size:1.05rem}.ig-modal-icon{width:42px;height:42px}.ig-flow{flex-direction:column;align-items:stretch}.ig-flow-arrow{transform:rotate(90deg);text-align:center;align-self:center;flex-shrink:0}.ig-flow-item{flex-direction:row;text-align:left;min-width:unset}.ig-step{padding:14px}.ig-footer-close-btn{width:100%}}.fb-integration-page{max-width:900px}.fbi-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.fbi-header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.fbi-platform-icons{display:flex;gap:-6px;flex-shrink:0}.fbi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fbi-icon svg{width:22px;height:22px}.fbi-icon--fb{background:#1877f2;color:#fff;margin-right:-4px;z-index:1;box-shadow:2px 0 #fff}.fbi-icon--ig{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#002aff);color:#fff}.fbi-page-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 4px;line-height:1.2}.fbi-page-subtitle{font-size:.875rem;color:var(--text-secondary, var(--gray-500));margin:0}.fbi-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap}.fbi-guide-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1.5px solid var(--gray-300);background:#fff;color:var(--gray-700);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.fbi-guide-btn:hover{border-color:var(--primary, #6366f1);color:var(--primary, #6366f1);background:#f5f3ff}.fbi-status-toggle{display:flex;align-items:center;gap:8px}.fbi-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.fbi-status-badge--active{background:var(--success-light, #d1fae5);color:#047857}.fbi-status-badge--inactive{background:var(--gray-100);color:var(--gray-600)}.fbi-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.fbi-status-badge--active .fbi-status-dot{background:#059669}.fbi-status-badge--inactive .fbi-status-dot{background:var(--gray-400)}.fbi-toggle-btn{padding:8px 18px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.fbi-toggle-btn:disabled{opacity:.45;cursor:not-allowed}.fbi-toggle-btn--enable{background:var(--primary, #6366f1);color:#fff}.fbi-toggle-btn--enable:hover:not(:disabled){background:var(--primary-dark, #4f46e5)}.fbi-toggle-btn--disable{background:var(--error-light, #fee2e2);color:var(--error, #ef4444)}.fbi-toggle-btn--disable:hover:not(:disabled){background:#fecaca}.fbi-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-radius:10px;margin-bottom:16px;font-size:.9rem;font-weight:500}.fbi-banner--success{background:var(--success-light, #d1fae5);color:#065f46;border:1px solid #a7f3d0}.fbi-banner--error{background:var(--error-light, #fee2e2);color:#991b1b;border:1px solid #fca5a5}.fbi-banner-close{background:none;border:none;cursor:pointer;font-size:1.2rem;line-height:1;color:inherit;opacity:.7;padding:0;flex-shrink:0}.fbi-banner-close:hover{opacity:1}.fbi-progress-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:18px 20px;margin-bottom:20px}.fbi-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fbi-progress-title{font-size:.875rem;font-weight:600;color:var(--gray-700)}.fbi-progress-count{font-size:.8rem;color:var(--gray-500)}.fbi-progress-bar-wrap{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden;margin-bottom:12px}.fbi-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary, #6366f1),var(--primary-light, #818cf8));border-radius:3px;transition:width .4s ease}.fbi-progress-checks{display:flex;gap:16px;flex-wrap:wrap}.fbi-progress-check{font-size:.8rem;color:var(--gray-400);transition:color .2s}.fbi-progress-check--done{color:var(--success, #10b981);font-weight:500}.fbi-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid var(--gray-200);overflow-x:auto;-webkit-overflow-scrolling:touch}.fbi-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:transparent;color:var(--gray-500);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:8px 8px 0 0;transition:color .15s,background .15s;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px}.fbi-tab:hover{color:var(--gray-800);background:var(--gray-50)}.fbi-tab--active{color:var(--primary, #6366f1);border-bottom-color:var(--primary, #6366f1);font-weight:600}.fbi-tab-icon{font-size:1rem}.fbi-card{background:#fff;border:1px solid var(--gray-200);border-radius:14px;overflow:hidden}.fbi-card-header{padding:22px 24px 16px;border-bottom:1px solid var(--gray-100)}.fbi-card-title{font-size:1rem;font-weight:700;color:var(--gray-900);margin:0 0 4px}.fbi-card-desc{font-size:.875rem;color:var(--gray-500);margin:0}.fbi-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:22px 24px}.fbi-field{display:flex;flex-direction:column;gap:6px}.fbi-field--full{grid-column:1 / -1}.fbi-label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--gray-700)}.fbi-label-badge{font-size:.7rem;font-weight:600;background:#ede9fe;color:#5b21b6;border-radius:4px;padding:2px 7px;text-transform:uppercase;letter-spacing:.04em}.fbi-input{padding:10px 13px;border:1.5px solid var(--gray-300);border-radius:8px;font-size:.9rem;color:var(--gray-800);background:#fff;transition:border-color .15s,box-shadow .15s;width:100%;outline:none}.fbi-input:focus{border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11f}.fbi-textarea{resize:vertical;min-height:88px;font-family:var(--font-mono, monospace);font-size:.8rem;line-height:1.6}.fbi-hint{font-size:.78rem;color:var(--gray-400);line-height:1.4}.fbi-hint code{font-family:var(--font-mono, monospace);font-size:.75rem;background:var(--gray-100);padding:1px 5px;border-radius:4px;color:var(--primary, #6366f1)}.fbi-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--gray-100);flex-wrap:wrap}.fbi-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.fbi-btn:disabled{opacity:.5;cursor:not-allowed}.fbi-btn--primary{background:var(--primary, #6366f1);color:#fff}.fbi-btn--primary:hover:not(:disabled){background:var(--primary-dark, #4f46e5)}.fbi-btn--secondary{background:#fff;color:var(--gray-700);border:1.5px solid var(--gray-300)}.fbi-btn--secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.fbi-btn-spinner{width:13px;height:13px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:fbi-spin .65s linear infinite;display:inline-block}@keyframes fbi-spin{to{transform:rotate(360deg)}}.fbi-test-result{display:flex;gap:14px;margin:0 24px 20px;padding:16px 18px;border-radius:10px;align-items:flex-start}.fbi-test-result--success{background:var(--success-light, #d1fae5);border:1px solid #a7f3d0}.fbi-test-result--error{background:var(--error-light, #fee2e2);border:1px solid #fca5a5}.fbi-test-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.fbi-test-result--success .fbi-test-icon{background:#059669;color:#fff}.fbi-test-result--error .fbi-test-icon{background:#dc2626;color:#fff}.fbi-test-body{flex:1}.fbi-test-title{font-size:.9rem;font-weight:600;margin:0 0 6px;color:var(--gray-800)}.fbi-test-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.83rem;color:var(--gray-600)}.fbi-test-pages{margin-top:8px;font-size:.83rem;color:var(--gray-600)}.fbi-test-pages ul{margin:4px 0 0 18px}.fbi-test-pages li{margin:2px 0}.fbi-page-id{color:var(--gray-400);font-size:.78rem}.fbi-test-error-msg{font-size:.875rem;color:#b91c1c;margin:4px 0 0}.fbi-webhook-box{margin:0 24px 24px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.fbi-webhook-box-header{display:flex;align-items:flex-start;gap:12px;padding:14px 18px 10px;border-bottom:1px solid var(--gray-200)}.fbi-webhook-icon{font-size:1.1rem;flex-shrink:0}.fbi-webhook-title{font-size:.9rem;font-weight:600;color:var(--gray-800);margin:0 0 2px}.fbi-webhook-desc{font-size:.8rem;color:var(--gray-500);margin:0}.fbi-webhook-url-row{display:flex;align-items:center;gap:10px;padding:12px 18px;flex-wrap:wrap}.fbi-webhook-url{flex:1;min-width:0;font-family:var(--font-mono, monospace);font-size:.8rem;color:var(--gray-700);word-break:break-all;background:transparent}.fbi-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1.5px solid var(--gray-300);background:#fff;color:var(--gray-600);border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap;flex-shrink:0}.fbi-copy-btn:hover{border-color:var(--primary, #6366f1);color:var(--primary, #6366f1)}.fbi-mapping-table{margin:0;border-top:1px solid var(--gray-100)}.fbi-mapping-head{display:grid;grid-template-columns:1fr 28px 1fr;gap:12px;padding:12px 24px;background:var(--gray-50);font-size:.78rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--gray-200)}.fbi-mapping-row{display:grid;grid-template-columns:1fr 28px 1fr;gap:12px;padding:12px 24px;align-items:center;border-bottom:1px solid var(--gray-100);transition:background .1s}.fbi-mapping-row:last-child{border-bottom:none}.fbi-mapping-row:hover{background:var(--gray-50)}.fbi-mapping-fb{display:flex;flex-direction:column;gap:2px}.fbi-mapping-fb-name{font-size:.875rem;font-weight:500;color:var(--gray-800)}.fbi-mapping-fb-key{font-size:.73rem;font-family:var(--font-mono, monospace);color:var(--gray-400);background:transparent}.fbi-mapping-arrow{color:var(--gray-400);font-size:1.1rem;text-align:center;justify-self:center}.fbi-mapping-select{font-size:.85rem;padding:7px 10px}.fbi-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;color:var(--gray-500);text-align:center}.fbi-empty-icon{font-size:2.5rem;opacity:.5}.fbi-empty p{font-size:.9rem;max-width:340px}@media (max-width: 768px){.fbi-header{flex-direction:column;align-items:flex-start;gap:14px}.fbi-header-actions{width:100%;justify-content:space-between}.fbi-form-grid{grid-template-columns:1fr}.fbi-field--full{grid-column:1}.fbi-page-title{font-size:1.25rem}}@media (max-width: 600px){.fbi-mapping-head,.fbi-mapping-row{grid-template-columns:1fr;gap:6px}.fbi-mapping-arrow{display:none}.fbi-mapping-head span:nth-child(2){display:none}.fbi-webhook-url-row{flex-direction:column;align-items:stretch}.fbi-copy-btn{justify-content:center}.fbi-actions{justify-content:stretch}.fbi-btn{width:100%;justify-content:center}.fbi-status-toggle{flex-wrap:wrap}.fbi-card-header,.fbi-form-grid,.fbi-actions,.fbi-webhook-box,.fbi-test-result,.fbi-mapping-head,.fbi-mapping-row{padding-left:16px;padding-right:16px}}.billing-page{max-width:1200px;margin:0 auto;padding:1.5rem 2rem 3rem}.bp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.bp-title{font-size:1.625rem;font-weight:700;color:#111827;margin:0;letter-spacing:-.02em}.bp-subtitle{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.bp-request-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #6366f140;white-space:nowrap}.bp-request-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f159}.bp-request-btn:disabled{opacity:.5;cursor:not-allowed}.bp-request-btn-icon{font-size:1.125rem;font-weight:700;line-height:1}.bp-alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:10px;margin-bottom:1.25rem;font-size:.875rem;font-weight:500;animation:bp-slideDown .3s ease}.bp-alert-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.bp-alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.bp-alert-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.bp-alert-success .bp-alert-icon{background:#059669;color:#fff}.bp-alert-error .bp-alert-icon{background:#dc2626;color:#fff}.bp-pending-banner{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem}.bp-pending-dot{width:10px;height:10px;border-radius:50%;background:#f59e0b;flex-shrink:0;animation:bp-pulse 2s infinite}.bp-pending-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.bp-pending-info strong{color:#92400e;font-size:.8125rem}.bp-pending-info span{color:#a16207;font-size:.8125rem}.bp-pending-cancel{padding:.375rem .875rem;background:#fff;border:1px solid #d97706;border-radius:6px;color:#b45309;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.bp-pending-cancel:hover{background:#fffbeb}.bp-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem}.bp-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.bp-card:hover{box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.bp-card-accent{background:linear-gradient(135deg,#fafaff,#f0f0ff);border-color:#e0e7ff}.bp-card-top{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem}.bp-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bp-icon-blue{background:#dbeafe;color:#2563eb}.bp-icon-indigo{background:#e0e7ff;color:#4f46e5}.bp-icon-green{background:#d1fae5;color:#059669}.bp-icon-amber{background:#fef3c7;color:#d97706}.bp-card-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.bp-card-value-row{display:flex;align-items:baseline;gap:.375rem;margin-bottom:.75rem}.bp-card-value{font-size:2rem;font-weight:800;color:#111827;letter-spacing:-.03em;line-height:1.1}.bp-card-of{font-size:1.125rem;color:#9ca3af;font-weight:500}.bp-val-primary{color:#4f46e5}.bp-val-green{color:#059669}.bp-val-amber{color:#d97706}.bp-bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.bp-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.bp-bar-normal .bp-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb)}.bp-bar-warning .bp-bar-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.bp-bar-critical .bp-bar-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.bp-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.bp-avail{font-weight:600}.bp-avail-normal{color:#059669}.bp-avail-warning{color:#d97706}.bp-avail-critical{color:#dc2626}.bp-used-pct{color:#9ca3af}.bp-status-text{color:#6b7280;font-size:.8125rem}.bp-breakdown{margin-top:auto;padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.bp-breakdown-row{display:flex;justify-content:space-between;font-size:.8125rem;color:#6b7280}.bp-breakdown-line{height:1px;background:#e5e7eb}.bp-breakdown-total{font-weight:700;color:#111827;font-size:.9375rem}.bp-pay-btn{margin-top:1rem;width:100%;justify-content:center}.bp-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;margin-bottom:1.5rem}.bp-section-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.bp-section-title{font-size:1.0625rem;font-weight:600;color:#111827;margin:0}.bp-section-badge{font-size:.75rem;font-weight:600;color:#92400e;background:#fef3c7;padding:.25rem .75rem;border-radius:9999px}.bp-table-wrap{overflow-x:auto}.bp-table{width:100%;border-collapse:collapse}.bp-table th{text-align:left;padding:.75rem 1.5rem;background:#f9fafb;color:#6b7280;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.bp-table td{padding:.875rem 1.5rem;border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem}.bp-table tbody tr:hover{background:#f9fafb}.bp-table tbody tr:last-child td{border-bottom:none}.bp-td-bold{font-weight:600;color:#111827}.bp-td-mono{font-family:SF Mono,Fira Code,monospace;font-weight:600}.bp-td-muted{color:#9ca3af}.bp-td-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-badge{display:inline-flex;align-items:center;padding:.1875rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.bp-badge-paid{background:#d1fae5;color:#065f46}.bp-badge-pending{background:#fef3c7;color:#92400e}.bp-badge-overdue{background:#fee2e2;color:#991b1b}.bp-badge-approved{background:#d1fae5;color:#065f46}.bp-badge-rejected{background:#fee2e2;color:#991b1b}.bp-badge-cancelled{background:#f3f4f6;color:#6b7280}.bp-cancel-btn{padding:.3125rem .75rem;background:#fff;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.bp-cancel-btn:hover{background:#fef2f2;border-color:#ef4444}.bp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.bp-empty-icon{font-size:2.5rem;margin-bottom:.75rem}.bp-empty-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .25rem}.bp-empty-sub{color:#9ca3af;font-size:.875rem}.bp-mobile-cards{display:none}.bp-mobile-card{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6}.bp-mobile-card:last-child{border-bottom:none}.bp-mc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.bp-mc-title{font-size:.9375rem;font-weight:600;color:#111827}.bp-mc-body{display:flex;flex-direction:column;gap:.375rem}.bp-mc-row{display:flex;justify-content:space-between;align-items:center}.bp-mc-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.bp-mc-value{font-size:.875rem;font-weight:500;color:#374151}.bp-mc-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.bp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:bp-fadeIn .2s ease}.bp-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;width:100%;max-width:460px;animation:bp-slideUp .3s ease;overflow:hidden}.bp-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f3f4f6}.bp-modal-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.bp-modal-sub{font-size:.8125rem;color:#9ca3af;margin:.25rem 0 0}.bp-modal-x{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s}.bp-modal-x:hover{background:#f3f4f6;color:#374151}.bp-modal-body{padding:1.25rem 1.5rem}.bp-field{margin-bottom:1.25rem}.bp-field:last-child{margin-bottom:0}.bp-label{display:block;font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:.375rem}.bp-input,.bp-textarea{width:100%;padding:.625rem .875rem;font-size:.9375rem;color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;transition:all .2s;outline:none;font-family:inherit}.bp-input:focus,.bp-textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f114}.bp-input::placeholder,.bp-textarea::placeholder{color:#d1d5db}.bp-textarea{resize:vertical;min-height:72px}.bp-hint{display:block;font-size:.75rem;color:#9ca3af;margin-top:.375rem}.bp-estimate{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#f0f0ff,#eef2ff);border:1px solid #e0e7ff;border-radius:10px;font-size:.8125rem;color:#4338ca;margin-top:1rem}.bp-estimate strong{font-size:.9375rem}.bp-modal-foot{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;justify-content:flex-end}.bp-btn-sec{padding:.625rem 1.25rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.bp-btn-sec:hover{background:#f9fafb;border-color:#d1d5db}.bp-btn-pri{padding:.625rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #6366f140}.bp-btn-pri:hover:not(:disabled){box-shadow:0 4px 14px #6366f159;transform:translateY(-1px)}.bp-btn-pri:disabled{opacity:.5;cursor:not-allowed}@keyframes bp-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bp-slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bp-slideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bp-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 1024px){.bp-stats-grid{grid-template-columns:1fr 1fr}.bp-stats-grid .bp-card:last-child{grid-column:1 / -1}}@media (max-width: 768px){.billing-page{padding:1rem}.bp-header{flex-direction:column;align-items:flex-start;gap:.75rem}.bp-request-btn{width:100%;justify-content:center}.bp-stats-grid{grid-template-columns:1fr;gap:1rem}.bp-stats-grid .bp-card:last-child{grid-column:auto}.bp-card{padding:1.25rem}.bp-card-value{font-size:1.625rem}.bp-table-wrap{display:none}.bp-mobile-cards{display:block}.bp-section-header{padding:1rem 1.25rem}.bp-pending-banner{flex-wrap:wrap}.bp-pending-cancel{width:100%;text-align:center;margin-top:.5rem}.bp-overlay{padding:0;align-items:flex-end}.bp-modal{max-width:100%;border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto}.bp-modal-foot{flex-direction:column-reverse}.bp-btn-sec,.bp-btn-pri{width:100%;text-align:center;justify-content:center}}@media (max-width: 480px){.billing-page{padding:.75rem}.bp-title,.bp-card-value{font-size:1.375rem}.bp-card{padding:1rem;border-radius:12px}.bp-section{border-radius:12px}.bp-request-btn-text{display:inline}}.bp-user-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.bp-role-tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.bp-role-admin{background:#ede9fe;color:#6d28d9}.bp-role-manager{background:#dbeafe;color:#1d4ed8}.bp-role-employee{background:#d1fae5;color:#047857}.bp-breakdown-toggle{display:block;width:100%;margin-top:12px;padding:8px 0;background:none;border:none;border-top:1px solid #e5e7eb;color:#4f46e5;font-size:.82rem;font-weight:600;cursor:pointer;text-align:center;transition:color .15s}.bp-breakdown-toggle:hover{color:#3730a3}.bp-user-cell{display:flex;flex-direction:column;gap:2px}.bp-td-email{font-size:.75rem}.bp-td-bold{font-weight:600}.billing-page{color:var(--text-primary)}.billing-page .bp-title,.billing-page .bp-card-value,.billing-page .bp-breakdown-total,.billing-page .bp-section-title,.billing-page .bp-td-bold,.billing-page .bp-mc-title,.billing-page .bp-mc-value{color:var(--text-primary)!important}.billing-page .bp-subtitle,.billing-page .bp-card-label,.billing-page .bp-status-text,.billing-page .bp-breakdown-row,.billing-page .bp-table th,.billing-page .bp-table td,.billing-page .bp-td-muted,.billing-page .bp-empty-sub,.billing-page .bp-mc-label{color:var(--text-secondary)!important}.billing-page .bp-card,.billing-page .bp-section,.billing-page .bp-mobile-card{background:var(--bg-card)!important;border-color:var(--border-color)!important}.billing-page .bp-card-accent{background:var(--bg-surface)!important;border-color:var(--border-color)!important}.billing-page .bp-table th{background:var(--bg-surface)!important;border-bottom-color:var(--border-color)!important}.billing-page .bp-table td{border-bottom-color:var(--border-color)!important}.billing-page .bp-table tbody tr:hover{background:var(--bg-surface)!important}.billing-page .bp-breakdown-line,.billing-page .bp-section-header,.billing-page .bp-breakdown-toggle,.billing-page .bp-mobile-card,.billing-page .bp-mc-actions{border-color:var(--border-color)!important}.billing-page .bp-icon-blue,.billing-page .bp-icon-indigo{background:var(--brand-primary-alpha, rgba(37, 99, 235, .12))!important;color:var(--brand-primary, var(--primary))!important}.billing-page .bp-val-primary{color:var(--brand-primary, var(--primary))!important}.billing-page .bp-icon-green,.billing-page .bp-badge-paid,.billing-page .bp-badge-approved,.billing-page .bp-role-employee{background:var(--success-light)!important;color:var(--success)!important}.billing-page .bp-icon-amber,.billing-page .bp-badge-pending,.billing-page .bp-role-manager{background:var(--warning-light)!important;color:var(--warning)!important}.billing-page .bp-val-green{color:var(--success)!important}.billing-page .bp-val-amber{color:var(--warning)!important}.bp-status-banner{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;border:1px solid;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem}.bp-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:bp-pulse 2s infinite}.bp-status-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.bp-status-info strong{font-size:.875rem;font-weight:700}.bp-status-info span{font-size:.8125rem}.bp-badge-active{background:#d1fae5;color:#065f46}.bp-badge-suspended{background:#fae8ff;color:#86198f}.bp-icon-red{background:#fee2e2;color:#dc2626}.bp-val-red{color:#dc2626!important}.bp-invoice-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.bp-invoice-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.8125rem}.bp-invoice-label{color:#6b7280}.bp-invoice-val{font-weight:600;color:#111827;text-align:right}.bp-timeline-section{margin-bottom:1.5rem}.bp-timeline{display:flex;align-items:flex-start;padding:1.5rem 2rem;gap:0;position:relative}.bp-tl-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.bp-tl-node{width:32px;height:32px;border-radius:50%;border:2px solid #d1d5db;background:#fff;color:#9ca3af;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1;transition:all .25s;position:relative}.bp-tl-done .bp-tl-node{background:#10b981;border-color:#10b981;color:#fff}.bp-tl-current .bp-tl-node{border-color:var(--brand-primary, #6366f1);color:var(--brand-primary, #6366f1);box-shadow:0 0 0 4px var(--brand-primary-alpha, rgba(99, 102, 241, .15))}.bp-tl-line{position:absolute;top:15px;left:50%;width:100%;height:2px;background:#e5e7eb;z-index:0}.bp-tl-line-done{background:#10b981}.bp-tl-label{margin-top:.5rem;font-size:.75rem;font-weight:600;color:#6b7280;text-align:center;white-space:nowrap}.bp-tl-done .bp-tl-label,.bp-tl-current .bp-tl-label{color:#111827}.bp-tl-date{font-size:.6875rem;color:#9ca3af;text-align:center;margin-top:.25rem;min-height:1em}@media (max-width: 600px){.bp-timeline{padding:1.25rem 1rem;gap:0}.bp-tl-label{font-size:.625rem}.bp-tl-date{font-size:.5625rem}.bp-tl-node{width:26px;height:26px;font-size:.6875rem}.bp-tl-line{top:12px}}.billing-page .bp-badge-overdue,.billing-page .bp-badge-rejected{background:var(--error-light)!important;color:var(--error)!important}.billing-page .bp-badge-cancelled{background:var(--bg-surface)!important;color:var(--text-secondary)!important}.billing-page .bp-role-admin,.billing-page .bp-section-badge{background:var(--brand-primary-alpha, rgba(37, 99, 235, .12))!important;color:var(--brand-primary, var(--primary))!important}.billing-page .bp-breakdown-toggle{color:var(--brand-primary, var(--primary))!important}.billing-page .bp-breakdown-toggle:hover{filter:brightness(1.1)}.billing-page .bp-breakdown-toggle{border-color:var(--border-color)!important}.billing-page .bp-pay-btn{width:100%;margin-top:1rem;justify-content:center;background:var(--brand-primary)!important;background-image:none!important;box-shadow:0 2px 8px var(--brand-primary-alpha, rgba(37, 99, 235, .25))!important}.billing-page .bp-tl-node{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-tertiary)!important}.billing-page .bp-tl-done .bp-tl-node{background:var(--success-dark, #059669)!important;border-color:var(--success-dark, #059669)!important;color:#fff!important}.billing-page .bp-tl-current .bp-tl-node{background:var(--bg-surface)!important;border-color:var(--brand-primary)!important;color:var(--brand-primary)!important;box-shadow:0 0 0 4px var(--brand-primary-alpha, rgba(37, 99, 235, .12))!important}.billing-page .bp-tl-line{background:var(--border-color)!important}.billing-page .bp-tl-line-done{background:var(--success-dark, #059669)!important}.billing-page .bp-tl-label{color:var(--text-secondary)!important}.billing-page .bp-tl-done .bp-tl-label,.billing-page .bp-tl-current .bp-tl-label{color:var(--text-primary)!important}.billing-page .bp-tl-date{color:var(--text-muted)!important}.billing-page .bp-invoice-label{color:var(--text-secondary)!important}.billing-page .bp-invoice-val{color:var(--text-primary)!important}.billing-page .bp-val-red{color:var(--error, #ef4444)!important}.bp-status-active{background:#ecfdf5;border-color:#a7f3d0}.bp-status-pending{background:#fffbeb;border-color:#fcd34d}.bp-status-overdue{background:#fef2f2;border-color:#fecaca}.bp-status-suspended{background:#fdf4ff;border-color:#f0abfc}.bp-status-active .bp-status-dot{background:#10b981}.bp-status-pending .bp-status-dot{background:#f59e0b}.bp-status-overdue .bp-status-dot{background:#ef4444}.bp-status-suspended .bp-status-dot{background:#a21caf}.bp-status-active .bp-status-info strong{color:#065f46}.bp-status-active .bp-status-info span{color:#047857}.bp-status-pending .bp-status-info strong{color:#92400e}.bp-status-pending .bp-status-info span{color:#a16207}.bp-status-overdue .bp-status-info strong{color:#991b1b}.bp-status-overdue .bp-status-info span{color:#b91c1c}.bp-status-suspended .bp-status-info strong{color:#86198f}.bp-status-suspended .bp-status-info span{color:#9d174d}.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)}}.page-container.projects-page{max-width:1400px;margin:0 auto;padding:16px 20px 100px;animation:fadeIn var(--transition-base)}.projects-title-section{margin-bottom:12px}.projects-page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.025em}.projects-page-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.4}.projects-success-message{color:var(--success, #10b981);font-size:.9375rem;margin-top:6px;padding:8px 14px;background:#10b9811a;border-radius:6px;display:inline-block}.projects-toolbar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;margin-bottom:16px;box-shadow:0 1px 3px #0000000a;flex-wrap:wrap}.toolbar-center{flex:1;min-width:180px;max-width:400px}.toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.search-box-modern{display:flex;align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:0 12px;height:38px;transition:all .15s ease;width:100%}.search-box-modern:focus-within{border-color:var(--border-strong);background:var(--bg-card)}.search-icon{color:var(--text-tertiary);margin-right:8px}.search-input-modern{flex:1;border:none;background:transparent;font-size:.9375rem;color:var(--text-primary);outline:none;min-width:0;box-shadow:none}.search-input-modern::placeholder{color:var(--text-tertiary)}.search-clear{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.75rem;padding:4px;margin-left:4px;transition:color .15s ease}.search-clear:hover{color:var(--text-primary)}.filter-select-inline{padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .15s ease;min-height:38px;min-width:120px}.filter-select-inline:hover{border-color:var(--primary)}.filter-select-inline:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.toolbar-right .multi-select-dropdown{min-width:140px}.btn-clear-filters{padding:10px 16px;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-clear-filters:hover{background:var(--danger);border-color:var(--danger);color:#fff}.btn-filter{display:flex;align-items:center;gap:4px;padding:8px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;font-size:.9375rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-filter:hover{border-color:var(--primary);color:var(--text-primary)}.btn-filter.active{background:var(--primary);border-color:var(--primary);color:#fff}.btn-filter.has-filters{border-color:var(--primary);color:var(--primary)}.filter-count{background:var(--primary);color:#fff;font-size:.625rem;font-weight:700;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center}.btn-filter.active .filter-count{background:#fff;color:var(--primary)}.filters-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px;margin-bottom:16px;animation:slideDown .2s ease-out}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end}.filter-item{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.filter-item-action{display:flex;align-items:flex-end}.filter-item-action .btn-clear-filters-panel{padding:10px 16px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-item-action .btn-clear-filters-panel:hover{background:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444466}.mobile-filter-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;position:relative;transition:all .15s ease;color:var(--text-secondary)}.mobile-filter-toggle:hover{background:var(--gray-50);border-color:var(--primary);color:var(--primary)}.mobile-filter-toggle .filter-badge{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:var(--primary);color:#fff;font-size:.625rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}.filters-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filters-container-mobile{display:none}.multi-select-dropdown{position:relative}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:.875rem;color:var(--text-primary);text-align:left;min-height:42px}.multi-select-trigger:hover{border-color:var(--gray-300);background:var(--gray-50)}.multi-select-trigger:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.multi-select-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.multi-select-arrow{flex-shrink:0;margin-left:8px;color:var(--text-tertiary);transition:transform .2s ease}.multi-select-arrow.open{transform:rotate(180deg)}.multi-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:300;max-height:200px;overflow-y:auto;padding:6px;animation:dropdownFade .15s ease-out;scrollbar-width:none;-ms-overflow-style:none}.multi-select-options::-webkit-scrollbar{display:none}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.multi-select-options .referral-option *,.multi-select-options .referral-option :after,.multi-select-options .referral-option :before{box-sizing:border-box}.multi-select-options .referral-option{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;padding:8px 10px}.multi-select-options .referral-option:hover{background:var(--gray-50);border-radius:6px}.multi-select-options .referral-option .cbx{position:relative;display:block;flex-shrink:0;width:18px;height:18px;border-radius:4px;background-color:#d1d5db;background-image:linear-gradient(#e5e7eb,#d1d5db);box-shadow:inset 0 1px 1px #ffffff26,inset 0 -1px 1px #00000026;transition:all .15s ease}.multi-select-options .referral-option .cbx svg{position:absolute;top:3px;left:3px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#fff;stroke-width:2;stroke-dasharray:17;stroke-dashoffset:17;transform:translateZ(0)}.multi-select-options .referral-option .cbx+span{flex:1;margin-left:8px;font-size:.875rem;color:#374151;line-height:18px;text-transform:lowercase;word-break:break-word}.multi-select-options .referral-option input[type='"checkbox"']{display:none;visibility:hidden}.multi-select-options .referral-option input[type='"checkbox"']:checked+.cbx{background-color:#6366f1;background-image:linear-gradient(#7c3aed,#6366f1)}.multi-select-options .referral-option input[type='"checkbox"']:checked+.cbx svg{stroke-dashoffset:0;transition:all .15s ease}.multi-select-options .referral-option input[type='"checkbox"']:disabled+.cbx{opacity:.5;cursor:not-allowed}[data-theme='"dark"'] .multi-select-options .referral-option .cbx{background-color:#4b5563;background-image:linear-gradient(#374151,#4b5563)}[data-theme='"dark"'] .multi-select-options .referral-option .cbx+span{color:var(--text-secondary)}[data-theme='"dark"'] .multi-select-options .referral-option input[type='"checkbox"']:checked+.cbx{background-color:#6366f1;background-image:linear-gradient(#7c3aed,#6366f1)}.multi-select-empty{padding:12px;text-align:center;color:var(--text-tertiary);font-size:.8125rem}.btn-add-project{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-add-project:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-add-icon{font-size:1rem;font-weight:400}.clear-filters-btn{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(3,1fr);gap:var(--space-md);animation:fadeIn var(--transition-base);padding-right:var(--space-xs)}.project-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-base);animation:slideUp var(--transition-base) both;display:flex;flex-direction:column;width:100%}.project-card.clickable{cursor:pointer}.project-card:hover{box-shadow:0 12px 24px #00000014,0 4px 8px #0000000a;transform:translateY(-4px);border-color:var(--brand-primary, #3b82f6)}.project-card:hover .construction-progress-bar{box-shadow:0 0 16px #3b82f680}.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:#92400e1f;color:#92400e}.badge-launch{background:#1665341f;color:#166534}.badge-possession{background:#1e40af1f;color:#1e40af}.badge-completed{background:#4338ca1f;color:#4338ca}.badge-onhold{background:#991b1b1f;color:#991b1b}.type-badge{background:var(--gray-100);color:var(--text-muted)}.badge-residential{background:#15803d1f;color:#15803d}.badge-commercial{background:#1d4ed81f;color:#1d4ed8}.badge-mixed{background:#7e22ce1f;color:#7e22ce;border:1px solid rgba(126,34,206,.25)}.badge-plots{background:#a162071f;color:#a16207;border:1px solid rgba(161,98,7,.25)}.project-card-actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-fast)}.project-card:hover .project-card-actions{opacity:1}.project-card-title{display:flex;align-items:center;margin-bottom:.375rem;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:#dc26261f;color:#dc2626;border:1px solid rgba(220,38,38,.25)}.badge-warm{background:#ea580c1f;color:#ea580c;border:1px solid rgba(234,88,12,.25)}.badge-cold{background:#2563eb1f;color:#2563eb;border:1px solid rgba(37,99,235,.25)}.project-card-body{display:flex;flex-direction:column;gap:.5rem;flex:1}.project-metadata-row{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--text-secondary)}.metadata-text{color:var(--text-secondary);font-weight:500}.metadata-separator{color:var(--text-muted);font-weight:400;padding:0 .125rem}.location-icon{color:#ef4444}.builder-icon{color:#3b82f6}.rera-info{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;padding:.25rem .625rem;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border-color);width:fit-content}.rera-label{font-weight:600;color:var(--brand-primary, #0369a1);text-transform:uppercase;letter-spacing:.025em;font-size:.6875rem}.rera-number{color:var(--text-primary);font-weight:500;font-family:Courier New,monospace}.project-stats-row{display:flex;gap:1rem;padding:.5rem .625rem;background:var(--bg-surface);border-radius:8px;border:1px solid var(--border-color)}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.125rem}.stat-icon{margin-bottom:0}.stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.construction-progress-section{margin-top:.25rem}.progress-label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.375rem}.construction-progress-wrapper{display:flex;align-items:center;gap:.75rem;width:100%}.construction-progress-container{flex:1;max-width:calc(100% - 50px);height:10px;background:var(--border-color);border-radius:10px;overflow:hidden;border:1px solid var(--border-subtle);position:relative}.construction-progress-bar{height:100%;background:var(--brand-primary, #2563eb);border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-percentage{font-size:.875rem;font-weight:700;color:var(--brand-primary, #1e40af);min-width:45px;text-align:right;flex-shrink:0;line-height:1}.project-card-footer{padding-top:var(--space-sm);border-top:1px solid var(--gray-200)}.rera-badge{font-size:.6875rem;color:var(--text-muted);background:var(--gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm);font-weight:500}.project-card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.view-details{font-size:.8125rem;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{margin-bottom:var(--space-md);color:var(--text-tertiary)}.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: 1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.page-container.projects-page{padding:14px 16px}.projects-toolbar{gap:10px;padding:10px 12px;position:relative}.view-toggle{display:none!important}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-container.projects-page{padding:12px 12px 20px;overflow-y:auto}.projects-page-title{font-size:1.5rem}.projects-page-subtitle{font-size:.875rem}.projects-toolbar{padding:8px 10px;gap:8px;border-radius:8px;position:relative}.toolbar-center{order:2;flex:1 1 auto;max-width:none}.toolbar-right{display:flex;align-items:center;gap:8px}.view-toggle{display:none!important}.mobile-filter-toggle{display:flex;order:1}.filters-container{display:none!important}.filters-container-mobile{display:none;flex-wrap:wrap;gap:8px;background:var(--bg-card);padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:12px}.filters-container-mobile.show{display:flex}.filters-container-mobile .multi-select-dropdown{flex:1 1 calc(50% - 4px);min-width:calc(50% - 4px);max-width:calc(50% - 4px)}.filters-container-mobile .multi-select-trigger{background:var(--bg-primary)}.filters-container-mobile .multi-select-trigger:hover{background:var(--gray-50)}.project-card-actions{opacity:1!important}.btn-add-project{padding:8px 12px;font-size:.875rem;order:3}.btn-add-text{display:none}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.page-container.projects-page{padding:12px}.projects-page-title{font-size:1.375rem}.projects-page-subtitle{font-size:.8125rem}.projects-toolbar{flex-direction:row;flex-wrap:wrap;gap:8px;position:relative}.toolbar-center{order:2;flex:1 1 calc(100% - 100px);min-width:150px}.toolbar-right{order:1;width:auto;flex:0 0 auto}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr}}@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)}}.projects-list{display:flex;flex-direction:column;gap:var(--space-sm);animation:fadeIn var(--transition-base)}.projects-table-wrapper{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);animation:fadeIn var(--transition-base)}.projects-table{width:100%;border-collapse:collapse}.projects-table thead{background:var(--gray-100);border-bottom:2px solid var(--gray-200)}.projects-table th{padding:.625rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.projects-table th:nth-child(5),.projects-table th:nth-child(6),.projects-table th:nth-child(7){text-align:center}.projects-table tbody tr{border-bottom:1px solid var(--gray-200);transition:background-color .15s ease}.projects-table tbody tr:hover{background-color:var(--gray-50)}.projects-table tbody tr.clickable{cursor:pointer}.projects-table td{padding:.75rem 1rem;font-size:.8125rem;color:var(--text-primary);vertical-align:middle}.projects-table .project-name-cell{min-width:180px}.projects-table .project-name-wrapper{display:flex;flex-direction:column;gap:3px}.projects-table .project-name-wrapper strong{color:var(--text-primary);font-weight:600;font-size:.875rem}.projects-table .project-city{color:var(--text-secondary);font-size:.75rem}.projects-table .description-cell{max-width:250px;color:var(--text-secondary);line-height:1.4;font-size:.8125rem}.projects-table .text-center{text-align:center}.projects-table .progress-cell{display:flex;align-items:center;gap:6px;min-width:100px}.projects-table .progress-bar-wrapper{flex:1;height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}.projects-table .progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:3px;transition:width .3s ease}.projects-table .progress-text{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:35px}.projects-table .badge{display:inline-block;padding:3px 8px;border-radius:10px;font-size:.6875rem;font-weight:600;white-space:nowrap}.projects-table .lead-status-badge{text-transform:uppercase}.projects-table .actions-cell{width:120px;padding:2.6rem 1rem;vertical-align:middle;text-align:center}.projects-table .table-actions{display:inline-flex;gap:6px;justify-content:center;align-items:center;vertical-align:middle}@media (max-width: 1024px){.projects-table-wrapper{overflow-x:auto}.projects-table{min-width:1000px}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--project-surface-page: var(--bg-page, var(--bg-surface));--project-surface-card: var(--bg-card);--project-surface-muted: var(--bg-surface);--project-surface-input: var(--bg-input, var(--bg-card));--project-text-primary: var(--text-primary);--project-text-secondary: var(--text-secondary);--project-text-muted: var(--text-muted, var(--text-secondary));--project-border: var(--border-color);--project-border-strong: var(--border-strong, var(--border-color));--project-brand: var(--brand-primary, var(--primary));--project-brand-alpha: var(--brand-primary-alpha, rgba(37, 99, 235, .12));--project-on-brand: var(--text-on-brand, #fff);--unit-canvas-bg: var(--bg-surface);--unit-canvas-card-bg: var(--bg-card);--unit-canvas-card-border: var(--border-color);--unit-canvas-card-hover: var(--bg-surface-raised);--unit-filter-bg: var(--bg-card);--unit-legend-bg: var(--bg-card);--unit-panel-bg: var(--bg-card);--unit-panel-border: var(--border-color)}.page-container.projects-page,.project-detail-modal,.project-form-modal,.public-project-page.crm-style{color:var(--project-text-primary)}.projects-toolbar,.projects-table-wrapper,.project-card,.filters-panel,.empty-state{background:var(--project-surface-card)!important;border-color:var(--project-border)!important}.search-box-modern,.multi-select-trigger,.multi-select-options,.multi-select-option,.projects-table thead,.projects-table tbody tr:hover{background:var(--project-surface-muted)!important;border-color:var(--project-border)!important}.search-box-modern:focus-within,.multi-select-trigger:focus,.multi-select-trigger:hover,.view-toggle-btn:hover{border-color:var(--project-border-strong)!important}.btn-add-project{min-width:136px;background:var(--project-brand)!important;color:var(--project-on-brand)!important;border:none!important}.btn-add-project:hover{filter:brightness(1.08);transform:translateY(-1px)}.projects-page .badge,.project-card .badge,.projects-table .badge,.project-detail-modal .badge,.project-detail-modal .lead-status-indicator,.project-detail-modal .unit-status,.project-detail-modal .lead-stat,.project-detail-modal .lead-stat-card{border:1px solid color-mix(in srgb,var(--project-brand) 25%,transparent);background:var(--project-brand-alpha)!important;color:var(--project-brand)!important}.projects-page .construction-progress-bar,.projects-page .progress-bar-fill,.project-detail-modal .progress-bar-fill,.construction-progress .circle-progress,.construction-progress .timeline-progress-fill,.construction-progress .overall-progress-fill,.lifecycle-flowchart .timeline-progress,.lifecycle-flowchart .progress-fill,.lifecycle-flowchart .stage-progress{background:linear-gradient(90deg,var(--project-brand),color-mix(in srgb,var(--project-brand) 72%,#fff))!important;border-color:var(--project-brand)!important;stroke:var(--project-brand)!important}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 0;flex-wrap:wrap}.pagination-text{padding:0 .5rem;font-size:.875rem;color:var(--project-text-secondary)}.project-detail-modal .modal-content,.project-detail-modal .modal-header,.project-detail-modal .modal-body,.project-detail-modal .modal-tabs,.project-detail-modal .project-detail-tabs,.project-detail-modal .metric-card,.project-detail-modal .info-section,.project-detail-modal .info-item,.project-detail-modal .units-table-wrapper,.project-detail-modal .units-table th,.project-detail-modal .units-table tr:hover td,.project-detail-modal .leads-interaction-card,.project-detail-modal .share-card,.project-detail-modal .customize-card,.project-detail-modal .share-url-box,.project-detail-modal .share-stats-grid .stat-item{background:var(--project-surface-card)!important;color:var(--project-text-primary)!important;border-color:var(--project-border)!important}.project-detail-modal .modal-header,.project-detail-modal .modal-tabs,.project-detail-modal .project-detail-tabs,.project-detail-modal .units-table th,.project-detail-modal .info-section,.project-detail-modal .share-card{background:var(--project-surface-muted)!important}.project-detail-modal .tab{color:var(--project-text-secondary)!important}.project-detail-modal .tab:hover,.project-detail-modal .tab.active{color:var(--project-brand)!important;background:color-mix(in srgb,var(--project-brand) 10%,var(--project-surface-card))!important}.project-detail-modal .tab.active:after{background:var(--project-brand)!important}.project-detail-modal .inline-input,.project-detail-modal input,.project-detail-modal select,.project-detail-modal textarea,.project-detail-modal .customize-input,.project-detail-modal .customize-textarea,.project-detail-modal .customize-select,.project-detail-modal .color-input,.project-detail-modal .color-picker-control{background:var(--project-surface-input)!important;color:var(--project-text-primary)!important;border-color:var(--project-border)!important}.project-detail-modal input:focus,.project-detail-modal select:focus,.project-detail-modal textarea:focus,.project-detail-modal .inline-input:focus,.project-detail-modal .customize-input:focus,.project-detail-modal .customize-textarea:focus,.project-detail-modal .customize-select:focus,.project-detail-modal .color-input:focus,.project-detail-modal .color-picker-control:focus{border-color:var(--project-brand)!important;box-shadow:0 0 0 3px var(--project-brand-alpha)!important}.project-detail-modal .toggle-item,.project-detail-modal .hero-overlay-settings,.project-detail-modal .customize-field-divider{border-color:var(--project-border)!important}.project-detail-modal .hero-overlay-label,.project-detail-modal .carousel-speed-label,.project-detail-modal .custom-url-description,.project-detail-modal .carousel-speed-hint{color:var(--project-text-secondary)!important}.lifecycle-flowchart,.lifecycle-flowchart .timeline-container,.lifecycle-flowchart .timeline-track,.lifecycle-flowchart .timeline-stage,.lifecycle-flowchart .history-card,.lifecycle-flowchart .update-modal,.lifecycle-flowchart .stage-modal,.construction-progress .progress-overview,.construction-progress .milestone-card,.construction-progress .milestone-item,.construction-progress .progress-modal,.construction-progress .progress-update-modal,.construction-progress .milestone-modal,.construction-progress .map-select-modal,.construction-progress .current-stage-badge,.construction-progress .timeline-item,.construction-progress .status-card{background:var(--project-surface-card)!important;color:var(--project-text-primary)!important;border-color:var(--project-border)!important}.lifecycle-flowchart .timeline-stage.clickable:hover,.lifecycle-flowchart .timeline-stage.current,.lifecycle-flowchart .timeline-stage.completed,.construction-progress .milestone-item.active,.construction-progress .timeline-item.active,.construction-progress .edit-progress-btn:hover,.construction-progress .quick-update-btn:hover{background:var(--project-brand-alpha)!important;border-color:var(--project-brand)!important;color:var(--project-brand)!important;box-shadow:none!important}.project-detail-modal .alert-error,.construction-progress .error-state,.lifecycle-flowchart .error-state{background:color-mix(in srgb,var(--error, #ef4444) 10%,var(--project-surface-card))!important;border-color:color-mix(in srgb,var(--error, #ef4444) 35%,transparent)!important;color:var(--error, #ef4444)!important}.media-gallery .media-thumb,.media-gallery .media-lightbox-content,.media-gallery .lightbox-nav{background:var(--project-surface-card)!important;border-color:var(--project-border)!important}.project-form-modal,.project-form-modal-header,.project-form-modal-body,.project-form-modal-footer,.project-form-modal .form-section,.project-form-modal .unit-config-card,.project-form-modal .empty-config-message,.project-form-modal .upload-card,.project-form-modal .file-list,.project-form-modal .premium-amenity-card,.project-form-modal .location-box{background:var(--project-surface-card)!important;color:var(--project-text-primary)!important;border-color:var(--project-border)!important}.project-form-modal .form-group input,.project-form-modal .form-group select,.project-form-modal .form-group textarea,.project-form-modal .custom-input,.project-form-modal .custom-textarea,.project-form-modal .form-input{background:var(--project-surface-input)!important;color:var(--project-text-primary)!important;border-color:var(--project-border)!important}.project-form-modal .form-group input:focus,.project-form-modal .form-group select:focus,.project-form-modal .form-group textarea:focus,.project-form-modal .form-input:focus,.project-form-modal .custom-input:focus,.project-form-modal .custom-textarea:focus{border-color:var(--project-brand)!important;box-shadow:0 0 0 3px var(--project-brand-alpha)!important}.public-project-page.crm-style{--crm-primary: var(--project-brand);--crm-primary-dark: color-mix(in srgb, var(--project-brand) 85%, #000);--crm-bg: var(--project-surface-page);--crm-white: var(--project-surface-card);--crm-text: var(--project-text-primary);--crm-text-light: var(--project-text-secondary);--crm-border: var(--project-border)}.public-project-page.crm-style,.public-project-page.crm-style .crm-main-content,.public-project-page.crm-style .crm-overview-card,.public-project-page.crm-style .crm-tab-content,.public-project-page.crm-style .crm-floor-plan-card,.public-project-page.crm-style .crm-unit-card,.public-project-page.crm-style .crm-contact-card,.public-project-page.crm-style .crm-amenity-item,.public-project-page.crm-style .crm-landmark-card,.public-project-page.crm-style .crm-enquiry-wrapper{background:var(--project-surface-card)!important;color:var(--project-text-primary)!important;border-color:var(--project-border)!important}.public-project-page.crm-style .crm-tabs,.public-project-page.crm-style .crm-section,.public-project-page.crm-style .crm-stat-card,.public-project-page.crm-style .crm-unit-spec,.public-project-page.crm-style .crm-gallery-thumbnail,.public-project-page.crm-style .crm-contact-item{background:var(--project-surface-muted)!important;border-color:var(--project-border)!important}.public-project-page.crm-style .crm-tab.active,.public-project-page.crm-style .crm-btn-primary,.public-project-page.crm-style .crm-share-icon:hover,.public-project-page.crm-style .crm-download-btn,.public-project-page.crm-style .crm-enquire-btn{background:var(--project-brand)!important;color:var(--project-on-brand)!important;border-color:var(--project-brand)!important}.public-project-page.crm-style .crm-tab,.public-project-page.crm-style .crm-btn-secondary,.public-project-page.crm-style .crm-share-icon{color:var(--project-text-secondary)!important;border-color:var(--project-border)!important}.public-project-page.crm-style .crm-status-badge.status-brand{background:var(--project-brand)!important;color:var(--project-on-brand)!important}.public-project-page.crm-style .crm-status-badge.status-danger{background:var(--error, #ef4444)!important;color:#fff!important}.public-project-page.crm-style .premium-empty-icon{font-size:48px;color:var(--project-brand);margin-bottom:16px}.public-project-page.crm-style .crm-map{height:400px;width:100%;border-radius:8px}[data-theme=dark] .public-project-page.crm-style .crm-hero-content,[data-theme=dark] .public-project-page.crm-style .crm-hero-overlay,[data-theme=dark] .public-project-page.crm-style .carousel-slide:before{color:#f8fafc}.acc-page{padding:var(--space-lg);max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.acc-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.acc-header-title{display:flex;align-items:baseline;gap:var(--space-sm)}.acc-header-title h1{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0}.acc-total-badge{background:var(--brand-primary);color:#fff;font-size:.75rem;font-weight:700;border-radius:12px;padding:2px 10px}.acc-refresh-btn{flex-shrink:0}.acc-summary-pills{display:flex;gap:var(--space-sm);flex-wrap:wrap}.acc-summary-pill{display:flex;align-items:center;gap:6px;border-radius:8px;padding:6px 12px;font-size:.82rem}.acc-pill-count{font-weight:800;font-size:1rem;line-height:1}.acc-pill-label{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;letter-spacing:.04em;font-weight:600}.acc-toolbar{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.acc-select{padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary);font-size:.85rem;cursor:pointer;min-width:160px}.acc-search{padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary);font-size:.85rem;flex:1;min-width:180px}.acc-search:focus,.acc-select:focus{outline:2px solid var(--brand-primary);outline-offset:1px}.acc-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-1)}.acc-table{width:100%;border-collapse:collapse;font-size:.85rem}.acc-table thead th{position:sticky;top:0;background:var(--surface-2);color:var(--text-secondary);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap}.acc-row{border-bottom:1px solid var(--border-color);transition:background .15s}.acc-row:last-child{border-bottom:none}.acc-row:hover{background:var(--surface-hover, var(--surface-2))}.acc-row--expiring{animation:acc-pulse 2s ease-in-out infinite}@keyframes acc-pulse{0%,to{background:transparent}50%{background:color-mix(in srgb,var(--unit-held-light) 80%,transparent)}}.acc-table td{padding:10px 14px;vertical-align:middle;border-left:4px solid transparent}.acc-table tr td:first-child{border-left:inherit}.acc-unit-number{font-weight:700;color:var(--text-primary)}.acc-floor{display:block;font-size:.75rem;color:var(--text-muted)}.acc-cell-project{color:var(--text-secondary);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.acc-cell-config{color:var(--text-secondary);white-space:nowrap}.acc-status-badge{font-size:.68rem;font-weight:700;border-radius:10px;padding:2px 8px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.acc-lead-name{font-weight:600;color:var(--text-primary)}.acc-lead-id{color:var(--text-muted);font-size:.8rem}.acc-countdown{font-weight:700;font-size:.82rem;color:var(--unit-held);font-variant-numeric:tabular-nums;white-space:nowrap}.acc-countdown--red{color:#e53935;animation:acc-blink 1s step-start infinite}@keyframes acc-blink{50%{opacity:.4}}.acc-no-expiry{color:var(--text-muted)}.acc-cell-price{font-weight:600;white-space:nowrap;color:var(--text-primary)}.acc-loading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xl);justify-content:center;color:var(--text-secondary)}.acc-spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--brand-primary);border-radius:50%;animation:acc-spin .7s linear infinite}@keyframes acc-spin{to{transform:rotate(360deg)}}.acc-empty{text-align:center;padding:var(--space-xl);color:var(--text-muted)}.acc-error{color:#e53935;font-size:.85rem;padding:var(--space-sm)}@media (max-width: 768px){.acc-page{padding:var(--space-md)}.acc-table thead th:nth-child(3),.acc-table td:nth-child(3),.acc-table thead th:nth-child(7),.acc-table td:nth-child(7){display:none}}.public-enquiry-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:0 4px 16px #00000014,0 2px 4px #0000000d;border:1px solid #e2e8f0}.public-enquiry-card h3{margin:0 0 var(--space-xs) 0;font-size:1.5rem;font-weight:700;color:#1a202c;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.enquiry-subtitle{margin:0 0 var(--space-xl) 0;color:#64748b;font-size:.9375rem;line-height:1.5}.public-enquiry-form{display:flex;flex-direction:column;gap:var(--space-md)}.public-enquiry-form input,.public-enquiry-form select,.public-enquiry-form textarea{padding:.875rem 1rem;border:1.5px solid #e2e8f0;border-radius:var(--radius-lg);font-size:.9375rem;background:#f8fafc;color:#1e293b;transition:all .3s ease;font-family:inherit}.public-enquiry-form input::placeholder,.public-enquiry-form select::placeholder,.public-enquiry-form textarea::placeholder{color:#94a3b8}.public-enquiry-form input:focus,.public-enquiry-form select:focus,.public-enquiry-form textarea:focus{outline:none;border-color:#667eea;background:var(--bg-primary);box-shadow:0 0 0 3px #667eea1a}.public-enquiry-form textarea{resize:vertical;min-height:80px}.public-enquiry-form select{cursor:pointer}.public-enquiry-form button{margin-top:var(--space-sm);width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.public-enquiry-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.public-enquiry-form button:active:not(:disabled){transform:translateY(0)}.public-enquiry-form button:disabled{opacity:.6;cursor:not-allowed}.enquiry-message{padding:var(--space-md);border-radius:var(--radius-lg);font-size:.9375rem;margin-bottom:var(--space-md);font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.enquiry-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.enquiry-message.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.hidden-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}@media (max-width: 768px){.public-enquiry-card{padding:var(--space-xl)}}[data-theme=dark] .public-enquiry-form{background:#1f2937;border-color:#374151}[data-theme=dark] .public-enquiry-form h3{color:#f9fafb}[data-theme=dark] .public-enquiry-form input,[data-theme=dark] .public-enquiry-form textarea{background:#111827;border-color:#374151;color:#f9fafb}[data-theme=dark] .public-enquiry-form input::placeholder,[data-theme=dark] .public-enquiry-form textarea::placeholder{color:#6b7280}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--crm-primary: #0066cc;--crm-primary-dark: #0052a3;--crm-success: #10b981;--crm-warning: #f59e0b;--crm-danger: #ef4444;--crm-bg: #f8f9fa;--crm-white: #ffffff;--crm-text: #1f2937;--crm-text-light: #6b7280;--crm-border: #e5e7eb;--crm-shadow: 0 2px 8px rgba(0, 0, 0, .1);--crm-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--crm-radius: 8px;--theme-color: #3b82f6;--theme-color-light: rgba(59, 130, 246, .1);--theme-color-dark: rgba(29, 100, 216, 1)}.public-project-page.crm-style{min-height:100vh;background:var(--crm-bg);color:var(--crm-text)}.crm-hero-section{position:relative;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.crm-hero-carousel{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.crm-hero-carousel .main-carousel{height:100%;width:100%}.crm-hero-carousel .swiper-button-next,.crm-hero-carousel .swiper-button-prev{color:var(--crm-white);background:#00000080;width:50px;height:50px;border-radius:50%;z-index:20}.crm-hero-carousel .swiper-button-next:after,.crm-hero-carousel .swiper-button-prev:after{font-size:20px;font-weight:700}.crm-hero-carousel .swiper-button-next:hover,.crm-hero-carousel .swiper-button-prev:hover{background:#000c}.crm-hero-carousel .swiper-pagination{z-index:20}.crm-hero-carousel .swiper-pagination-bullet{background:var(--crm-white);opacity:.7}.crm-hero-carousel .swiper-pagination-bullet-active{background:var(--crm-white);opacity:1}.carousel-slide{height:100%;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.carousel-slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#0006);z-index:2}.crm-hero-carousel .thumb-carousel{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:800px;z-index:25;padding:10px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--crm-radius);display:none}.thumb-slide{height:60px;background-size:cover;background-position:center;border-radius:4px;cursor:pointer;opacity:.7;transition:opacity .3s}.thumb-slide:hover{opacity:1}.swiper-slide-thumb-active .thumb-slide{opacity:1;border:2px solid var(--crm-primary)}.crm-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:15;display:flex;align-items:flex-end;pointer-events:none}.crm-hero-overlay *{pointer-events:auto}.crm-hero-content{max-width:100%;margin:0 auto;padding:40px 40px 60px 65px;width:100%;color:var(--crm-white);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 70%,transparent 100%);z-index:16;position:relative}.crm-hero-badges{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.crm-status-badge,.crm-rera-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:15px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crm-status-badge{background:#fff3;color:var(--crm-white)}.crm-rera-badge{background:#10b981e6;color:var(--crm-white)}.crm-hero-title{font-size:48px;font-weight:700;margin:0 0 12px;color:var(--crm-white);text-shadow:0 2px 4px rgba(0,0,0,.3)}.crm-hero-builder{display:flex;align-items:center;gap:8px;font-size:20px;margin:0 0 8px;color:#fffffff2}.crm-hero-location{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 20px;color:#ffffffe6}.crm-hero-custom-message{font-size:16px;font-style:italic;margin:0 0 20px;padding:12px 20px;background:#ffffff26;border-left:4px solid var(--theme-color);border-radius:4px;color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:600px}.crm-share-bar{display:flex;align-items:center;gap:12px;padding:0;background:transparent;border-radius:0;width:fit-content}.share-label{font-size:16px;font-weight:600;color:var(--crm-white);margin-right:4px}.share-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff3;color:var(--crm-white);font-size:18px;cursor:pointer;transition:all .3s;border:none;position:relative}.share-icon:hover{background:var(--crm-white);transform:translateY(-2px)}.share-icon.whatsapp:hover{color:#25d366}.share-icon.linkedin:hover{color:#0a66c2}.share-icon.facebook:hover{color:#1877f2}.share-icon.twitter:hover{color:#1da1f2}.share-icon.instagram:hover{color:#e4405f}.share-icon.copy-link:hover{color:var(--crm-primary)}.copied-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--crm-text);color:var(--crm-white);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap}.crm-sticky-actions{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:12px}.crm-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:64px;height:64px;border-radius:var(--crm-radius);background:var(--crm-white);box-shadow:var(--crm-shadow);cursor:pointer;transition:all .3s;text-decoration:none;color:var(--crm-text);font-size:20px;border:1px solid var(--crm-border)}.crm-action-btn span{font-size:11px;font-weight:600}.crm-action-btn:hover{box-shadow:var(--crm-shadow-hover);transform:translateY(-2px)}.crm-action-btn.call-btn{background:var(--theme-color);color:var(--crm-white);border-color:var(--theme-color)}.crm-action-btn.call-btn:hover{background:var(--theme-color-dark);transform:translateY(-2px);box-shadow:var(--crm-shadow-hover)}.crm-action-btn.enquire-btn{background:var(--theme-color);color:var(--crm-white);border-color:var(--theme-color)}.crm-action-btn.enquire-btn:hover{background:var(--theme-color-dark);transform:translateY(-2px);box-shadow:var(--crm-shadow-hover)}.crm-action-btn.download-btn:hover{background:var(--crm-warning);color:var(--crm-white);border-color:var(--crm-warning)}.crm-tab-navigation{background:#fff;border-bottom:1px solid var(--crm-border);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crm-tab-container{max-width:100%;margin:0 auto;padding:0 16px 0 65px;display:flex;gap:65px;overflow-x:auto;scrollbar-width:none}.crm-tab-container::-webkit-scrollbar{display:none}.crm-tab{flex:none;min-width:fit-content;padding:14px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:15px;font-weight:600;color:var(--crm-text-light);transition:color .3s,border-color .3s;white-space:nowrap}.crm-tab:hover{color:var(--crm-primary)}.crm-tab.active{color:var(--crm-primary);border-bottom-color:var(--crm-primary)}.crm-tab-content{width:100%;max-width:1440px;margin:24px auto 0;padding:48px 0;box-sizing:border-box;overflow:visible}.crm-tab-panel{animation:fadeIn .3s ease;overflow:visible;padding-top:24px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.crm-metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;width:100%}@media (min-width: 1200px){.crm-metric-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}}@media (min-width: 768px) and (max-width: 1199px){.crm-metric-cards{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 480px) and (max-width: 767px){.crm-metric-cards{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 479px){.crm-metric-cards{grid-template-columns:1fr;gap:12px}}.crm-metric-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--crm-white);border-radius:var(--crm-radius);box-shadow:var(--crm-shadow);transition:all .3s;min-height:auto;height:100%}.crm-metric-card:hover{box-shadow:var(--crm-shadow-hover);transform:translateY(-2px)}.metric-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--crm-white);flex-shrink:0}.metric-icon.possession{background:linear-gradient(135deg,#667eea,#764ba2)}.metric-icon.units{background:linear-gradient(135deg,#f093fb,#f5576c)}.metric-icon.price{background:linear-gradient(135deg,#4facfe,#00f2fe)}.metric-icon.launch{background:linear-gradient(135deg,#43e97b,#38f9d7)}.metric-icon.rera{background:linear-gradient(135deg,#fa709a,#fee140)}.metric-info{flex:1;display:flex;flex-direction:column;gap:4px}.metric-info label{font-size:12px;font-weight:600;color:var(--crm-text-light);text-transform:uppercase;letter-spacing:.5px}.metric-info span{font-size:16px;font-weight:700;color:var(--crm-text)}.crm-card{background:var(--crm-white);border-radius:var(--crm-radius);box-shadow:var(--crm-shadow);padding:24px;margin-bottom:24px;width:100%;box-sizing:border-box}.crm-card h3{font-size:18px;font-weight:700;color:var(--crm-text);margin:0 0 16px}.crm-card .project-description{font-size:15px;line-height:1.7;color:var(--crm-text-light);margin:0}.project-description-wrapper{max-height:120px;overflow:hidden;position:relative;transition:max-height .3s ease}.project-description-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--crm-white));pointer-events:none}.project-description-wrapper.expanded{max-height:none}.project-description-wrapper.expanded:after{display:none}.show-more-btn{background:none;border:none;color:var(--theme-color, var(--crm-primary));font-size:14px;font-weight:600;cursor:pointer;padding:8px 0 0;transition:color .2s}.show-more-btn:hover{color:var(--theme-color-dark, var(--crm-primary-dark));text-decoration:underline}.overview-two-column{display:grid;grid-template-columns:1fr;gap:24px;width:100%}@media (min-width: 1024px){.overview-two-column{grid-template-columns:60% 40%;gap:24px;align-items:start}.overview-two-column .about-card,.overview-two-column .unit-config-card{margin-bottom:0}}.overview-two-column.single-column{grid-template-columns:1fr}@media (min-width: 1024px){.overview-two-column.single-column{grid-template-columns:1fr}.overview-two-column.single-column .about-card{max-width:100%}}@media (min-width: 768px) and (max-width: 1023px){.overview-two-column{grid-template-columns:1fr;gap:20px}}@media (max-width: 767px){.overview-two-column{grid-template-columns:1fr;gap:16px}.amenities-summary{gap:6px;padding:10px 6px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}.summary-stat{min-width:60px;flex-shrink:0;gap:2px}.amenities-summary .stat-number{font-size:16px!important}.amenities-summary .stat-label{font-size:9px!important}}.amenities-summary{display:flex;gap:24px;padding:4px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--crm-radius);margin-bottom:32px;flex-wrap:wrap;justify-content:space-around}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff}.amenities-summary .stat-number{font-size:28px;font-weight:700;color:#fff!important}.amenities-summary .stat-label{font-size:13px;opacity:.9;text-transform:uppercase;letter-spacing:.5px;color:#fff!important}.premium-section-header{margin-bottom:16px}.premium-heading{font-size:18px;font-weight:700;color:var(--crm-text);margin:0 0 4px;display:flex;align-items:center;gap:8px}.premium-badge-title{display:inline-block;background:linear-gradient(135deg,gold,#ff8c00);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.premium-subtitle{font-size:13px;color:#64748b;margin:0;font-weight:500}.premium-amenities-section{background:#9ca3af;border-left:3px solid var(--theme-color, #0073e6);padding:0 24px 0 0;border-radius:var(--crm-radius);margin-bottom:28px;box-shadow:0 1px 3px #0000000f}.premium-content-wrapper{display:grid;grid-template-columns:40% 60%;gap:20px;align-items:start}.premium-image-container{position:relative;border-radius:0;overflow:hidden;background:#fff;box-shadow:none;height:100%}.premium-feature-image{width:100%;height:280px;object-fit:cover;display:block;transition:transform .4s ease}.premium-image-container:hover .premium-feature-image{transform:scale(1.05)}.premium-image-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:12px 16px;color:#fff;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.caption-icon{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.premium-grid-container{display:flex;flex-direction:column;justify-content:center;height:100%;padding:24px 20px}.premium-amenities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.premium-grid-card{position:relative;display:flex;flex-direction:column;padding:16px;background:#ffffff0d;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-grid-card:hover{background:#ffffff1a;transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.premium-grid-card.active{background:#ffffff1f;border-color:var(--theme-color, #0073e6);box-shadow:0 8px 24px #0073e666}.premium-card-content{flex:1;display:flex;flex-direction:column;gap:10px}.premium-card-header{display:flex;align-items:flex-start;gap:12px}.premium-card-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--theme-color, #0073e6) 0%,#0052a3 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #0073e64d}.premium-grid-card.active .premium-card-icon{background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 4px 12px #ffd70066}.premium-card-info{flex:1;display:flex;flex-direction:column;gap:4px}.premium-card-name{font-size:15px;font-weight:600;color:#fff;line-height:1.3}.premium-card-category{font-size:10px;font-weight:500;color:var(--theme-color, #0073e6);text-transform:uppercase;letter-spacing:.5px;opacity:.9}.premium-card-description{font-size:12px;color:#ffffffb3;line-height:1.4;margin:0;padding-left:52px}.premium-card-indicator{position:absolute;top:12px;right:12px;width:24px;height:24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;opacity:0;transform:scale(0);transition:all .3s ease}.premium-grid-card.active .premium-card-indicator{opacity:1;transform:scale(1)}@media screen and (max-width: 1024px){.premium-content-wrapper{grid-template-columns:1fr;gap:16px}.premium-feature-image{height:220px}.premium-amenities-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.premium-amenities-section{padding:16px 18px}.premium-heading{font-size:16px}.premium-badge-title{font-size:10px;padding:3px 8px}.premium-subtitle{font-size:12px}.premium-feature-image{height:180px}.premium-grid-card{padding:12px;min-height:56px}.premium-card-icon{width:32px;height:32px;font-size:14px}.premium-card-name{font-size:13px}}@media screen and (max-width: 479px){.premium-amenities-grid{grid-template-columns:1fr;gap:10px}.premium-grid-card{padding:10px 12px;min-height:52px}}.crm-tab .crown-icon{font-size:16px;color:#d4af37;margin-right:6px;vertical-align:middle;transition:all .3s ease}.crm-tab.active .crown-icon{font-size:18px;color:#d4af37;filter:drop-shadow(0 0 8px rgba(212,175,55,.4))}.premium-tab-content{background:linear-gradient(to bottom,#fff8e1,#fff);padding:32px!important;border-radius:12px;min-height:60vh}.premium-section-header-enhanced{text-align:left;margin-bottom:32px}.premium-crown-icon{font-size:28px;color:#d4af37;margin-right:10px;display:inline-block;vertical-align:middle;filter:drop-shadow(0 2px 6px rgba(212,175,55,.3))}.premium-title{font-size:28px;font-weight:700;color:#000;margin:0 0 8px;letter-spacing:-.5px;display:inline-block;vertical-align:middle}.premium-subtitle-enhanced{font-size:16px;color:#000;margin:0;font-weight:500}.premium-luxury-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1400px;margin:0 auto}.premium-luxury-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border-top:3px solid #d4af37;min-height:360px;display:flex;flex-direction:column}.premium-luxury-card:hover{box-shadow:0 10px 30px #d4af3733;transform:translateY(-4px)}.premium-card-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:#f3f4f6}.premium-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.premium-luxury-card:hover .premium-card-image{transform:scale(1.05)}.premium-card-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#d4af37,#f4e5a1);color:#1f2937;font-size:12px;font-weight:700;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #00000026;text-transform:uppercase;letter-spacing:.5px}.premium-card-badge svg{font-size:14px}.premium-card-body{padding:20px 18px;flex:1;display:flex;flex-direction:column;gap:12px}.premium-card-header-new{display:flex;align-items:center;gap:12px;margin-bottom:6px}.premium-card-icon-large{font-size:28px;color:#d4af37;flex-shrink:0}.premium-card-title{font-size:20px;font-weight:600;color:#1f2937;margin:0;line-height:1.3}.premium-card-description-full{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.premium-card-description-wrapper{flex:1;display:flex;flex-direction:column;gap:8px;min-height:60px;max-height:120px}.premium-card-description-wrapper.expanded{overflow-y:auto}.premium-card-description-wrapper.expanded::-webkit-scrollbar{width:6px}.premium-card-description-wrapper.expanded::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.premium-card-description-wrapper.expanded::-webkit-scrollbar-thumb{background:#d4af37;border-radius:3px}.premium-card-description-wrapper.expanded::-webkit-scrollbar-thumb:hover{background:#b8941f}.premium-view-more-btn{background:none;border:none;color:#d4af37;font-size:13px;font-weight:600;cursor:pointer;padding:0;text-align:left;transition:all .2s ease;text-decoration:underline}.premium-view-more-btn:hover{color:#b8941f;text-decoration:none}.premium-card-category-badge{display:inline-block;background:#f3f4f6;color:#374151;font-size:13px;font-weight:600;padding:6px 14px;border-radius:6px;text-transform:capitalize;align-self:flex-start;margin-top:auto}@media screen and (max-width: 1200px){.premium-luxury-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.premium-title,.premium-crown-icon{font-size:26px}}@media screen and (max-width: 768px){.premium-tab-content{padding:24px 20px!important}.premium-luxury-cards-grid{grid-template-columns:1fr;gap:20px}.premium-title{font-size:24px}.premium-subtitle-enhanced{font-size:15px}.premium-crown-icon{font-size:24px}.premium-card-image-container{height:180px}.premium-card-title{font-size:19px}.premium-luxury-card{min-height:340px}.premium-card-description-wrapper{max-height:100px}}@media screen and (max-width: 480px){.premium-tab-content{padding:20px 16px!important}.premium-section-header-enhanced{margin-bottom:24px}.premium-title{font-size:22px}.premium-subtitle-enhanced{font-size:14px}.premium-crown-icon{font-size:22px;margin-right:8px}.premium-card-image-container{height:160px}.premium-card-body{padding:16px 14px}.premium-card-title{font-size:18px}.premium-card-description-full{font-size:13px}.premium-card-description-wrapper{max-height:90px}.crm-tab .crown-icon{font-size:14px;margin-right:4px}.crm-tab.active .crown-icon{font-size:15px}}.amenity-category-filter{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap;padding-bottom:16px;border-bottom:2px solid var(--crm-border)}.sticky-filter{position:sticky;top:60px;z-index:50;background:var(--crm-bg);padding-top:20px;padding-bottom:16px;margin-top:-20px;margin-bottom:32px}.category-btn{padding:10px 20px;background:var(--crm-white);border:2px solid var(--crm-border);border-radius:24px;font-size:14px;font-weight:600;color:var(--crm-text);cursor:pointer;transition:all .3s}.category-btn:hover{border-color:var(--theme-color, var(--crm-primary));color:var(--theme-color, var(--crm-primary));transform:translateY(-2px)}.category-btn.active{background:var(--theme-color, var(--crm-primary));border-color:var(--theme-color, var(--crm-primary));color:#fff}.crm-amenities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}@media (min-width: 1200px){.crm-amenities-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}}@media (min-width: 768px) and (max-width: 1199px){.crm-amenities-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 767px){.crm-amenities-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.crm-amenity-tile{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:12px 16px;background:var(--crm-white);border-radius:var(--crm-radius);border:1px solid var(--crm-border);box-shadow:0 1px 3px #0000000d;transition:all .3s;text-align:left;min-height:52px;position:relative}.crm-amenity-tile:hover{border-color:var(--theme-color, var(--crm-primary));box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.crm-amenity-tile .amenity-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--theme-color, var(--crm-primary)) 0%,#0052a3 100%);color:var(--crm-white);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.crm-amenity-tile .amenity-name{font-size:14px;font-weight:600;color:var(--crm-text);flex:1}.premium-badge{position:absolute;top:-8px;right:8px;background:linear-gradient(135deg,gold,#ff8c00);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:12px;box-shadow:0 2px 4px #0003;text-transform:uppercase;letter-spacing:.5px}@media screen and (max-width: 768px){.crm-amenity-tile{padding:10px 12px;min-height:48px;gap:10px}.crm-amenity-tile .amenity-icon{width:32px;height:32px;font-size:16px}.crm-amenity-tile .amenity-name{font-size:13px}.premium-badge{font-size:9px;padding:2px 6px;top:-6px;right:6px}.sticky-filter{top:50px}}@media screen and (max-width: 479px){.crm-amenity-tile{padding:8px 10px;min-height:44px}.crm-amenity-tile .amenity-icon{width:28px;height:28px;font-size:14px}.crm-amenity-tile .amenity-name{font-size:12px}}.crm-floorplans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}@media (min-width: 1200px){.crm-floorplans-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.crm-floorplans-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 767px){.crm-floorplans-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.crm-floorplans-grid{grid-template-columns:1fr}}.crm-floorplan-card{background:var(--crm-white);border-radius:var(--crm-radius);box-shadow:var(--crm-shadow);overflow:hidden;transition:all .3s}.crm-floorplan-card:hover{box-shadow:var(--crm-shadow-hover);transform:translateY(-2px)}.floorplan-header{padding:16px;background:linear-gradient(135deg,var(--crm-primary) 0%,#0052a3 100%)}.unit-type-badge{display:inline-block;padding:6px 14px;background:#fff3;color:var(--crm-white);border-radius:20px;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floorplan-body{padding:20px}.floorplan-body .file-name{font-size:14px;color:var(--crm-text-light);margin:0 0 16px}.download-plan-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--crm-primary);color:var(--crm-white);border-radius:var(--crm-radius);text-decoration:none;font-size:14px;font-weight:600;transition:all .3s}.download-plan-btn:hover{background:var(--crm-primary-dark);transform:translate(2px)}.crm-map-container{margin-bottom:20px;border-radius:var(--crm-radius);overflow:hidden;box-shadow:var(--crm-shadow)}.location-address{display:flex;align-items:flex-start;gap:12px;padding:20px;background:#0066cc0d;border-radius:var(--crm-radius);margin-bottom:16px}.location-address svg{color:var(--crm-primary);font-size:20px;margin-top:2px;flex-shrink:0}.location-address strong{display:block;font-size:16px;color:var(--crm-text);margin-bottom:4px}.location-address p{font-size:14px;color:var(--crm-text-light);margin:0}.get-directions-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--crm-primary);color:var(--crm-white);border-radius:var(--crm-radius);text-decoration:none;font-size:15px;font-weight:600;transition:all .3s}.get-directions-btn:hover{background:var(--crm-primary-dark);transform:translate(2px)}.crm-empty-state{text-align:center;padding:60px 20px;color:var(--crm-text-light)}.crm-empty-state p{font-size:15px;margin:0}.crm-empty-state .location-text{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:14px;color:var(--crm-text)}.crm-enquiry-container{max-width:800px;margin:0 auto}.landmarks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.landmarks-controls{display:flex;gap:12px;flex-wrap:wrap}.landmarks-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151;background:#fff;cursor:pointer;transition:all .2s}.landmarks-select:hover{border-color:var(--theme-color)}.landmarks-select:focus{outline:none;border-color:var(--theme-color);box-shadow:0 0 0 3px #3b82f61a}.landmarks-insights{display:flex;gap:16px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;margin-bottom:24px;flex-wrap:wrap}.insight-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a}.insight-icon{font-size:20px;line-height:1}.insight-text{font-size:13px;color:#374151}.insight-text strong{color:var(--theme-color);font-weight:700}.landmarks-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landmark-card-modern{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.landmark-card-modern:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.landmark-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px}.category-icon{font-size:20px;line-height:1}.landmark-card-header h4{margin:0;font-size:15px;font-weight:600;color:#1f2937}.view-all-btn{background:none;border:none;color:var(--theme-color);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;white-space:nowrap}.view-all-btn:hover{background:#f0f9ff}.landmark-card-body{height:144px;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.landmark-card-body::-webkit-scrollbar{width:4px}.landmark-card-body::-webkit-scrollbar-track{background:#f1f1f1}.landmark-card-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.landmark-card-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.landmark-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6;min-height:30px;flex-shrink:0}.landmark-row:last-child{border-bottom:none}.place-name{font-size:13px;color:#374151;font-weight:500;flex:1}.place-distance{font-size:12px;color:#9ca3af;font-weight:400;text-align:right;white-space:nowrap}@media (min-width: 1200px){.landmarks-grid-modern{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.landmarks-grid-modern{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.landmarks-grid-modern{grid-template-columns:1fr;gap:12px;padding:0}.landmark-card-modern{height:auto;max-height:none;margin:0}.landmark-card-header{padding:12px 14px}.landmark-card-body{padding:0 14px 12px;max-height:160px}.category-icon{font-size:20px}.landmark-card-header h4{font-size:15px}.category-count{font-size:12px}.landmark-row{padding:6px 0;gap:8px}.place-name{font-size:13px}.place-distance{font-size:11px}.landmarks-insights{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.insight-item{padding:10px;text-align:center}.insight-icon{font-size:20px}.insight-text{font-size:12px}.landmarks-header{flex-direction:column;align-items:flex-start;gap:10px;padding:0 0 16px}.landmarks-header h3{font-size:18px}.landmarks-controls{width:100%;display:flex;gap:8px}.landmarks-select{flex:1;font-size:12px;padding:8px 10px}.view-all-btn{padding:6px 12px;font-size:12px}}.landmarks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:20px}@media (min-width: 1200px){.landmarks-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.landmarks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.landmarks-grid{grid-template-columns:1fr}}.landmark-category{background:#f9fafb;border-radius:8px;padding:20px;border:1px solid #e5e7eb;transition:all .3s ease}.landmark-category:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.landmark-category-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.landmark-icon{font-size:28px;line-height:1}.landmark-category-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.landmark-list{display:flex;flex-direction:column;gap:12px}.landmark-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:6px;border-left:3px solid var(--theme-color);transition:all .2s ease}.landmark-item:hover{background:#f0f9ff;transform:translate(4px)}.landmark-name{font-size:14px;color:#374151;font-weight:500}.landmark-distance{font-size:13px;color:var(--theme-color);font-weight:600;padding:4px 10px;background:var(--theme-color-light);border-radius:12px}@media (max-width: 768px){.crm-hero-section{height:400px}.crm-hero-content{padding:30px 20px 40px 30px}.crm-hero-title{font-size:28px}.crm-hero-builder,.crm-hero-location{font-size:14px}.crm-status-badge,.crm-rera-badge{font-size:12px;padding:4px 10px}.share-label{font-size:13px}.share-icon{width:32px;height:32px;font-size:16px}.crm-hero-carousel .swiper-button-next,.crm-hero-carousel .swiper-button-prev{width:40px;height:40px}.crm-hero-carousel .swiper-button-next:after,.crm-hero-carousel .swiper-button-prev:after{font-size:16px}.crm-sticky-actions{position:fixed;bottom:0;left:0;right:0;top:auto;transform:none;flex-direction:row;justify-content:space-around;background:var(--crm-white);border-top:1px solid var(--crm-border);box-shadow:0 -2px 10px #0000001a;padding:12px;border-radius:0;gap:8px}.crm-action-btn{width:100%;height:56px;flex:1}.crm-tab{padding:14px 16px;font-size:14px}.crm-tab-content{padding:20px 16px 80px}.crm-metric-cards{grid-template-columns:repeat(2,1fr);gap:12px}.crm-metric-card{padding:16px}.metric-icon{width:40px;height:40px;font-size:18px}.metric-info span{font-size:14px}.crm-amenities-grid{grid-template-columns:repeat(2,1fr);gap:12px}.crm-amenity-tile{padding:16px}.crm-amenity-tile .amenity-icon{width:44px;height:44px;font-size:20px}.crm-floorplans-grid{grid-template-columns:1fr}.crm-share-bar{flex-wrap:wrap;gap:8px}}@media (max-width: 480px){.crm-hero-section{height:350px}.crm-hero-content{padding:20px 15px 30px 20px}.crm-hero-title{font-size:22px}.crm-hero-builder,.crm-hero-location{font-size:13px}.crm-metric-cards{grid-template-columns:1fr}.crm-tab-content{padding:15px 12px 80px}.crm-share-bar{flex-wrap:wrap}.crm-hero-carousel .thumb-carousel{width:95%;bottom:10px}.thumb-slide{height:50px}}.public-project-page{min-height:100vh;background:#f8fafc;color:var(--text-primary)}.public-project-loading,.public-project-error{max-width:960px;margin:0 auto;padding:var(--space-3xl) var(--space-xl);font-size:1rem;color:var(--text-secondary);text-align:center}.public-project-error{color:var(--error)}.public-project-hero{position:relative;min-height:480px;display:flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.public-project-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 100%);z-index:1}.public-project-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.4}.public-project-hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:var(--space-3xl) var(--space-xl);width:100%;color:#fff}.public-project-badges{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-lg);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.public-project-badge{padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.public-project-badge.badge-primary{background:#ffffff40;color:#fff}.public-project-badge.badge-secondary{background:#ffffff26;color:#fff}.public-project-hero-content h1{margin:0 0 var(--space-md) 0;font-size:3rem;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:fadeInUp .6s ease-out .1s both}.public-project-location{margin:0 0 var(--space-xl) 0;color:#fffffff2;font-size:1.125rem;display:flex;align-items:center;gap:.5rem;animation:fadeInUp .6s ease-out .2s both}.public-project-location:before{content:"📍";font-size:1.25rem}.public-project-hero-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg);animation:fadeInUp .6s ease-out .3s both}.button{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.button-primary{background:#fff;color:#667eea;box-shadow:0 4px 14px #ffffff4d}.button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fff6}.button-secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button-secondary:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.public-project-share{display:flex;gap:var(--space-sm);flex-wrap:wrap;animation:fadeInUp .6s ease-out .4s both}.share-link{font-size:.875rem;color:#fff;text-decoration:none;padding:.5rem .875rem;border-radius:var(--radius-md);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.share-link:hover{background:#ffffff40;transform:translateY(-2px)}.public-project-main{max-width:1440px;margin:-60px auto 0;padding:0 32px 48px;display:block;position:relative;z-index:3}.public-project-content{display:flex;flex-direction:column;gap:var(--space-xl)}.public-project-section{background:#fff;border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:0 2px 8px #0000000d,0 1px 2px #0000000d;transition:all .3s ease;animation:fadeInUp .6s ease-out both}.public-project-section:hover{box-shadow:0 8px 24px #00000014,0 2px 4px #0000000d;transform:translateY(-2px)}.public-project-section h2{margin:0 0 var(--space-lg) 0;font-size:1.5rem;font-weight:700;color:#1a202c;display:flex;align-items:center;gap:.75rem}.public-project-section h2:before{content:"";display:inline-block;width:4px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.public-project-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg)}.info-item{display:flex;flex-direction:column;gap:.5rem;padding:var(--space-md);background:#f8fafc;border-radius:var(--radius-lg);border:1px solid #e2e8f0;transition:all .3s ease}.info-item:hover{border-color:#cbd5e0;background:#f1f5f9}.info-item label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.info-item span{font-size:1rem;font-weight:600;color:#1e293b}.public-project-description{color:#475569;line-height:1.7;margin:0;font-size:1rem}.public-project-amenities{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.amenity-chip{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#475569;padding:.625rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;border:1px solid #e2e8f0;transition:all .3s ease;cursor:default}.amenity-chip:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.public-project-units-table{display:grid;gap:var(--space-xs);overflow-x:auto}.unit-row{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.3fr;gap:12px;padding:10px 16px;border-radius:var(--radius-md, 6px);font-size:.875rem;align-items:center;transition:all .3s ease}.unit-row:not(.header){background:#f8fafc;border:1px solid #e2e8f0}.unit-row:not(.header):hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#cbd5e0;transform:translate(4px)}.unit-row.header{font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;color:#fff;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md, 6px);min-height:auto}.public-project-files{display:grid;gap:var(--space-md)}.public-file-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border:1px solid #e2e8f0;border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);background:#f8fafc;transition:all .3s ease}.public-file-card:hover{border-color:#667eea;background:#fff;box-shadow:0 4px 12px #667eea26;transform:translate(4px)}.file-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg);padding:.5rem}.file-title{font-weight:600;color:#1e293b}.file-subtitle{font-size:.8125rem;color:#64748b;margin-top:.25rem}.public-project-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.gallery-item{border-radius:var(--radius-xl);overflow:hidden;background:#f1f5f9;aspect-ratio:4 / 3;position:relative;cursor:pointer;transition:all .3s ease}.gallery-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 100%);opacity:0;transition:opacity .3s ease}.gallery-item:hover:after{opacity:1}.gallery-item:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000026}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.public-project-sidebar{position:sticky;top:var(--space-xl);align-self:flex-start;animation:fadeInUp .6s ease-out .3s both}@media (max-width: 1100px){.public-project-main{grid-template-columns:1fr;margin-top:-40px}.public-project-sidebar{position:static;max-width:600px;margin:0 auto}}@media (max-width: 768px){.public-project-hero{min-height:380px}.public-project-hero-content{padding:var(--space-2xl) var(--space-lg)}.public-project-hero-content h1{font-size:2rem}.public-project-location{font-size:1rem}.public-project-main{padding:0 var(--space-md) var(--space-2xl);gap:var(--space-lg);margin-top:-30px}.public-project-section{padding:var(--space-xl)}.public-project-section h2{font-size:1.25rem}.public-project-info-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md)}.unit-row{grid-template-columns:1fr;gap:var(--space-xs);padding:var(--space-md)}.unit-row span{display:flex;justify-content:space-between}.unit-row:not(.header) span:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:.75rem;text-transform:uppercase}.unit-row.header{display:none}.public-project-gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}.button{width:100%;justify-content:center}}@media (max-width: 480px){.public-project-hero-content h1{font-size:1.75rem}.public-project-info-grid{grid-template-columns:1fr}}.layout-modern .crm-card{border-radius:12px;box-shadow:0 2px 8px #0000000f}.layout-modern .crm-tab.active{background:transparent;color:var(--theme-color);border-radius:0;border-bottom-color:var(--theme-color)}.layout-compact .crm-content-section{padding:1rem;gap:1rem}.layout-compact .crm-card{padding:1rem}.layout-compact .crm-stats-grid{gap:.75rem}.layout-compact .crm-stat-card{padding:.75rem}.layout-compact .crm-amenities-grid{gap:.75rem}.layout-compact .crm-amenity-tile{padding:.75rem}.layout-compact .crm-floorplans-grid{gap:1rem}.layout-spacious .crm-content-section{padding:3rem;gap:3rem}.layout-spacious .crm-card{padding:2.5rem}.layout-spacious .crm-stats-grid{gap:2rem}.layout-spacious .crm-stat-card{padding:2rem}.layout-spacious .crm-amenities-grid{gap:2rem}.layout-spacious .crm-amenity-tile{padding:2rem}.layout-spacious .crm-floorplans-grid{gap:2rem}.layout-classic{font-family:Georgia,Times New Roman,serif}.layout-classic .crm-card,.layout-classic .crm-stat-card,.layout-classic .crm-amenity-tile,.layout-classic .crm-floorplan-card{border-radius:0;box-shadow:0 1px 3px #0000001f}.layout-classic .crm-tab{border-radius:0}.layout-classic .crm-tab.active{background:transparent;color:var(--theme-color);border-bottom-color:var(--theme-color)}.layout-classic h2,.layout-classic h3{font-weight:400;letter-spacing:.5px}.layout-minimal{background:#fff}.layout-minimal .crm-card,.layout-minimal .crm-stat-card,.layout-minimal .crm-amenity-tile,.layout-minimal .crm-floorplan-card{background:#fff;border:1px solid #e5e7eb;box-shadow:none;border-radius:0}.layout-minimal .crm-tab{border-radius:0;border:none;border-bottom:2px solid transparent}.layout-minimal .crm-tab.active{background:transparent;color:var(--theme-color);border-bottom-color:var(--theme-color)}.layout-minimal .crm-stats-grid,.layout-minimal .crm-amenities-grid,.layout-minimal .crm-floorplans-grid{gap:1px;background:#e5e7eb}[data-theme=dark]{--crm-bg: #111827;--crm-white: #1f2937;--crm-text: #f9fafb;--crm-text-light: #d1d5db;--crm-border: #374151;--crm-shadow: 0 2px 8px rgba(0, 0, 0, .3);--crm-shadow-hover: 0 4px 12px rgba(0, 0, 0, .4)}[data-theme=dark] .public-project-page.crm-style{background:#0f172a;color:#f9fafb}[data-theme=dark] .crm-card{background:#1f2937;border-color:#374151;color:#f9fafb}[data-theme=dark] .crm-section-title{color:#f9fafb}[data-theme=dark] .crm-stat-card{background:#1f2937;border-color:#374151}[data-theme=dark] .crm-stat-label{color:#9ca3af}[data-theme=dark] .crm-stat-value{color:#f9fafb}[data-theme=dark] .crm-amenity-tile{background:#1f2937;border-color:#374151}[data-theme=dark] .crm-amenity-name{color:#f9fafb}[data-theme=dark] .crm-floorplan-card{background:#1f2937;border-color:#374151}[data-theme=dark] .crm-floorplan-title{color:#f9fafb}[data-theme=dark] .crm-floorplan-details{color:#9ca3af}[data-theme=dark] .crm-tab{color:#9ca3af;border-color:#374151}[data-theme=dark] .crm-tab:hover{background:#374151;color:#f9fafb}[data-theme=dark] .crm-tab.active{background:#374151;color:#f9fafb;border-color:var(--theme-color)}[data-theme=dark] .crm-description{color:#d1d5db}[data-theme=dark] .project-header-content h1{color:#f9fafb}[data-theme=dark] .project-header-content p{color:#d1d5db}[data-theme=dark] .layout-minimal{background:#0f172a}[data-theme=dark] .layout-minimal .crm-card,[data-theme=dark] .layout-minimal .crm-stat-card,[data-theme=dark] .layout-minimal .crm-amenity-tile,[data-theme=dark] .layout-minimal .crm-floorplan-card{background:#1f2937;border-color:#374151}[data-theme=dark] .layout-minimal .crm-stats-grid,[data-theme=dark] .layout-minimal .crm-amenities-grid,[data-theme=dark] .layout-minimal .crm-floorplans-grid{background:#374151}[data-theme=dark] .share-icon{color:#fff}[data-theme=dark] .premium-title,[data-theme=dark] .premium-subtitle-enhanced{color:#000}.crm-tab.active{background:transparent;border-bottom-color:var(--theme-color)}.crm-status-badge{background:var(--theme-color)!important}.crm-rera-badge{background:var(--theme-color-light);color:var(--theme-color-dark);border-color:var(--theme-color)}.crm-quick-action:hover{background:var(--theme-color);border-color:var(--theme-color)}.crm-stat-card{border-left-color:var(--theme-color)}.button.primary{background:var(--theme-color)}.button.primary:hover{background:var(--theme-color-dark)}.floor-plans-modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:8px 0}.floor-plan-card-modern{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .3s ease;border:2px solid transparent}.floor-plan-card-modern:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026;border-color:var(--theme-color, #0073e6)}.floor-plan-badge{position:absolute;top:12px;right:12px;z-index:10;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.badge-popular{background:linear-gradient(135deg,gold,#ff8c00);color:#fff}.badge-new{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-value{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.floor-plan-image-preview{position:relative;height:220px;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.floor-plan-pdf-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;gap:12px;padding:24px;text-align:center;position:relative;z-index:1}.floor-plan-pdf-preview svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.pdf-label{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.pdf-filename{font-size:13px;opacity:.9;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floor-plan-image-preview img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.floor-plan-card-modern:hover .floor-plan-image-preview img{transform:scale(1.1)}.floor-plan-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;gap:12px}.floor-plan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;opacity:0;transition:opacity .3s ease;font-size:14px;font-weight:600}.floor-plan-card-modern:hover .floor-plan-overlay{opacity:1}.floor-plan-card-content{padding:20px}.floor-plan-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 16px}.floor-plan-metadata{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.metadata-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#6b7280}.metadata-item svg{color:var(--theme-color, #0073e6);flex-shrink:0}.metadata-item.price{color:#1f2937;font-weight:600;font-size:15px}.floor-plan-actions{display:flex;gap:8px;flex-wrap:wrap}.fp-btn{flex:1;min-width:fit-content;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;text-decoration:none}.fp-btn-view{background:var(--theme-color, #0073e6);color:#fff}.fp-btn-view:hover{background:#0052a3;transform:scale(1.05)}.fp-btn-download{background:#10b981;color:#fff}.fp-btn-download:hover{background:#059669;transform:scale(1.05)}.fp-btn-enquire{background:#f59e0b;color:#fff}.fp-btn-enquire:hover{background:#d97706;transform:scale(1.05)}.floor-plan-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.floor-plan-modal-content{background:#fff;border-radius:16px;max-width:1200px;width:100%;max-height:95vh;height:95vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;position:relative;box-shadow:0 25px 50px -12px #00000080}.floor-plan-modal-close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.floor-plan-modal-close-btn:hover{background:#000c;transform:scale(1.1)}.floor-plan-modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fff}.floor-plan-modal-header h3{margin:0;font-size:24px;color:#1f2937}.floor-plan-modal-download-btn{padding:10px 20px;background:var(--theme-color, #0073e6);color:#fff;border:none;border-radius:8px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.floor-plan-modal-download-btn:hover{background:#0052a3;transform:scale(1.05)}.floor-plan-modal-body{flex:1;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center;background:#f9fafb}.floor-plan-iframe{width:100%;height:100%;border:none;border-radius:0 0 12px 12px}.floor-plan-modal-body img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0000001a}@media (max-width: 1024px){.floor-plans-modern-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.floor-plans-modern-grid{grid-template-columns:1fr}.floor-plan-actions{flex-direction:row;justify-content:center;gap:6px}.fp-btn{flex:0;min-width:auto;width:auto;padding:8px 12px;border-radius:20px}.fp-btn span{display:none}.fp-btn svg{margin:0;font-size:16px}.floor-plan-image-preview{height:180px}.floor-plan-modal-header{flex-direction:column;gap:12px;align-items:flex-start}.floor-plan-modal-download-btn{width:100%}}.public-business-card-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.public-business-card{position:relative;width:100%;max-width:420px;background:linear-gradient(180deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:2px solid rgba(59,130,246,.2);box-shadow:0 20px 60px #00000026,0 0 0 1px #3b82f61a inset,0 1px #fff inset;padding:40px 28px 110px;box-sizing:border-box}.public-business-card-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#ffffffe6;gap:20px}.public-business-card-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.public-business-card-error{text-align:center;color:#ffffffe6;padding:40px 20px;max-width:500px}.public-business-card-error h2{font-size:1.5rem;margin-bottom:12px;color:#fff}.public-business-card-error p{font-size:1rem;color:#ffffffb3;margin-bottom:8px}.public-business-card-error .error-note{font-size:.875rem;color:#ffffff80;margin-top:16px}.public-business-card-header{text-align:center;margin-bottom:32px}.public-business-card-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#10b981);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;margin:0 auto 24px;box-shadow:0 12px 40px #3b82f666,0 0 0 5px #fff,0 0 0 6px #3b82f633;border:3px solid rgba(255,255,255,.95)}.public-business-card-info{color:#1e293b}.public-business-card-name{font-size:2rem;font-weight:700;margin:0 0 10px;color:#0f172a;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.05)}.public-business-card-role{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.public-business-card-company{font-size:1.125rem;color:#334155;margin-bottom:16px;font-weight:600}.public-business-card-status{display:inline-flex;align-items:center;gap:8px;font-size:.813rem;color:#059669;padding:6px 16px;background:#10b98126;border-radius:20px;border:1.5px solid rgba(16,185,129,.4);font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98199;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.public-business-card-actions{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:10px;padding:18px 20px;background:linear-gradient(180deg,#0f172afa,#0f172a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:2px solid rgba(59,130,246,.3);z-index:10;border-radius:0 0 22px 22px;box-sizing:border-box;box-shadow:0 -4px 20px #0000001a}.public-action-btn{width:54px;height:54px;min-width:54px;min-height:54px;border-radius:14px;background:#ffffff1f!important;border:1.5px solid rgba(255,255,255,.25)!important;color:#fffffff2!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);font-size:1.3rem;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;box-shadow:0 2px 8px #0003;margin:0;padding:0;font-family:inherit;text-decoration:none;box-sizing:border-box}.public-action-btn *{color:inherit!important;fill:currentColor!important}.public-action-btn:hover:not(:disabled){background:#3b82f64d!important;border-color:#3b82f699!important;color:#93c5fd!important;transform:translateY(-5px) scale(1.15);box-shadow:0 10px 30px #3b82f680}.public-action-btn:hover:not(:disabled) *{color:#60a5fa!important;fill:#60a5fa!important}.public-action-btn:active:not(:disabled){transform:translateY(-2px) scale(1.05)}.public-action-btn:disabled{opacity:.35;cursor:not-allowed;background:#ffffff0d!important;border-color:#ffffff1a!important;color:#fff6!important}.public-action-btn:disabled *{color:#ffffff4d!important;fill:#ffffff4d!important}[data-theme=dark] .public-business-card-container{background:linear-gradient(135deg,#0f172a,#1e293b,#334155)}[data-theme=dark] .public-business-card{background:linear-gradient(180deg,#1f2937fa,#111827f2);border-color:#3b82f64d;box-shadow:0 20px 60px #0006,0 0 0 1px #3b82f633 inset}[data-theme=dark] .bc-name{color:#f9fafb}[data-theme=dark] .bc-title{color:#d1d5db}[data-theme=dark] .bc-company{color:#9ca3af}[data-theme=dark] .bc-info-item{color:#d1d5db}[data-theme=dark] .bc-info-item svg{color:#60a5fa}[data-theme=dark] .public-action-btn{background:#1f2937cc!important;border-color:#3b82f64d!important;color:#d1d5db!important}[data-theme=dark] .public-action-btn *{color:#9ca3af!important;fill:#9ca3af!important}[data-theme=dark] .public-action-btn:hover:not(:disabled){background:#3b82f666!important;border-color:#3b82f6b3!important;color:#bfdbfe!important}[data-theme=dark] .public-action-btn:hover:not(:disabled) *{color:#93c5fd!important;fill:#93c5fd!important}@media (max-width: 768px){.public-business-card-container{padding:20px 10px 10px;align-items:flex-start}.public-business-card{max-width:100%;border-radius:24px 24px 0 0;padding:24px 20px 100px}.public-business-card-actions{border-radius:0;padding:12px 16px;gap:8px}.public-action-btn{width:48px;height:48px;min-width:48px;min-height:48px;font-size:1.125rem}}.public-lead-portal-container{min-height:100vh;background:linear-gradient(160deg,#0f172a,#1e3a5f,#0f2744);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.public-lead-portal{position:relative;width:100%;max-width:420px;background:#fff;border-radius:24px;box-shadow:0 32px 80px #00000059,0 0 0 1px #ffffff14;padding:0;box-sizing:border-box;overflow:hidden}.public-lead-portal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#ffffffe6;gap:20px}.public-lead-portal-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.public-lead-portal-error{text-align:center;color:#ffffffe6;padding:60px 20px;max-width:500px}.public-lead-portal-error .error-icon{font-size:4rem;color:#f59e0b;margin-bottom:20px}.public-lead-portal-error h2{font-size:1.5rem;margin-bottom:12px;color:#fff}.public-lead-portal-error p{font-size:1rem;color:#ffffffb3;margin-bottom:8px}.public-lead-portal-error .error-note{font-size:.875rem;color:#ffffff80;margin-top:16px}.public-lead-portal-success{text-align:center;padding:60px 32px;max-width:420px;background:#fff;border-radius:24px}.public-lead-portal-success .success-icon{font-size:4rem;color:#10b981;margin-bottom:20px}.public-lead-portal-success h2{font-size:1.75rem;margin-bottom:16px;color:#0f172a}.public-lead-portal-success p{font-size:1.125rem;color:#475569;margin-bottom:24px;line-height:1.6}.public-lead-portal-success .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.public-lead-portal-success .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.portal-header{background:linear-gradient(135deg,#1e3a5f,#0f2744);padding:20px 24px}.org-branding{display:flex;align-items:center;gap:10px;color:#fff}.org-icon{font-size:1.25rem;color:#60a5fa}.org-name{font-size:1.1rem;font-weight:700;letter-spacing:.01em}.lead-info-card{padding:28px 24px 20px;text-align:center;border-bottom:1px solid #f1f5f9}.lead-info-card h2{font-size:1.5rem;color:#0f172a;margin:0 0 10px;font-weight:700}.lead-status{font-size:.8rem;color:#94a3b8;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}.status-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.project-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px;margin-bottom:16px;text-align:left}.project-info h3{font-size:1rem;color:#1e3a5f;margin:0 0 6px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.project-location{font-size:.875rem;color:#64748b;margin:0;display:flex;align-items:center;justify-content:center;gap:6px}.project-view-link{margin:8px 0 0;font-size:.875rem}.project-view-link a{color:var(--primary-color, #2563eb);text-decoration:none;font-weight:500}.project-view-link a:hover{text-decoration:underline}.lead-contact-masked{font-size:.875rem;color:#64748b}.lead-contact-masked p{margin:4px 0;display:flex;align-items:center;justify-content:center;gap:8px}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;margin:16px 24px;border-radius:8px;font-size:.875rem;display:flex;align-items:center;gap:8px}.action-buttons{padding:24px}.action-buttons h3{font-size:.8rem;color:#94a3b8;margin:0 0 14px;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.actions-grid{display:flex;flex-direction:column;gap:10px}.action-button{display:flex;flex-direction:row;align-items:center;gap:14px;padding:16px 20px;background:#f8fafc;border:1.5px solid #e8edf3;border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.action-button:hover{background:#eff6ff;border-color:#3b82f6;transform:translate(3px);box-shadow:0 4px 16px #3b82f61f}.action-button:active{transform:translate(1px)}.action-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#2563eb);border-radius:12px;color:#fff;font-size:1.1rem;flex-shrink:0}.action-label{font-size:.95rem;font-weight:600;color:#1e293b}.public-lead-action-form{padding:20px 24px 24px;background:#f8fafc;border-top:1px solid #f1f5f9}.action-form-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.action-form-header .action-form-icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#2563eb);border-radius:10px;color:#fff;font-size:1rem;margin-top:2px}.action-form-header h3{font-size:1rem;color:#0f172a;margin:0 0 3px;font-weight:700}.action-description{font-size:.8rem;color:#64748b;margin:0;line-height:1.4}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:.78rem;font-weight:700;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.form-date-input,.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#334155;background:#fff;transition:border-color .2s ease;box-sizing:border-box}.form-date-input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:none;min-height:70px}.time-slots-grid{display:flex;flex-wrap:wrap;gap:8px}.time-slot-pill{padding:7px 14px;border:1.5px solid #e2e8f0;border-radius:20px;background:#fff;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease;white-space:nowrap}.time-slot-pill:hover{border-color:#3b82f6;color:#2563eb;background:#eff6ff}.time-slot-pill.selected{background:linear-gradient(135deg,#1e3a5f,#2563eb);border-color:transparent;color:#fff;box-shadow:0 2px 8px #2563eb4d}.notes-toggle-group{margin-bottom:0}.notes-toggle-btn{background:none;border:none;color:#3b82f6;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;text-decoration:none}.notes-toggle-btn:hover{text-decoration:underline}.spinner{animation:spin 1s linear infinite}.token-info{padding:12px 24px 16px;text-align:center;border-top:1px solid #f1f5f9}.token-info p{font-size:.72rem;color:#cbd5e1;margin:0;letter-spacing:.02em}.form-actions{display:flex;gap:12px;margin-top:20px;justify-content:flex-end}.btn-cancel{padding:12px 24px;border:2px solid #e2e8f0;background:transparent;border-radius:10px;font-size:.95rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.btn-submit{flex:1;padding:12px 24px;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.btn-submit:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.public-lead-portal-container{padding:16px 12px 12px;align-items:flex-start}.public-lead-portal{max-width:100%;border-radius:20px}.portal-header{padding:16px 20px}.org-name{font-size:1rem}.lead-info-card{padding:20px}.lead-info-card h2{font-size:1.25rem}.action-buttons{padding:20px}.action-button{padding:14px 16px}.action-icon{width:38px;height:38px;min-width:38px;font-size:1rem}.action-label{font-size:.9rem}.public-lead-action-form{padding:20px}.form-actions{flex-direction:column}}.map-project-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}[data-theme=dark] .public-lead-portal{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .portal-container{background:#1f2937;border-color:#374151}[data-theme=dark] .portal-header h1{color:#f9fafb}[data-theme=dark] .portal-header p{color:#d1d5db}[data-theme=dark] .lead-info-card{background:#111827;border-color:#374151}[data-theme=dark] .lead-info-header h2{color:#f9fafb}[data-theme=dark] .lead-info-item{color:#d1d5db}[data-theme=dark] .lead-info-item strong,[data-theme=dark] .actions-section h2{color:#f9fafb}[data-theme=dark] .action-button{background:#111827;border-color:#374151}[data-theme=dark] .action-button:hover:not(:disabled){background:#374151;border-color:#4b5563}[data-theme=dark] .action-title{color:#f9fafb}[data-theme=dark] .action-subtitle{color:#9ca3af}[data-theme=dark] .form-section{background:#111827;border-color:#374151}[data-theme=dark] .form-section h3{color:#f9fafb}[data-theme=dark] .form-group label{color:#d1d5db}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] .form-select{background:#1f2937;border-color:#374151;color:#f9fafb}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus,[data-theme=dark] .form-select:focus{border-color:#60a5fa;background:#1f2937}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:#6b7280}[data-theme=dark] .success-message{background:#10b9811a;border-color:#10b981;color:#34d399}[data-theme=dark] .error-message{background:#ef44441a;border-color:#ef4444;color:#f87171}[data-theme=dark] .map-project-overlay{background:#000000d9}.map-project-modal{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border-radius:16px;padding:24px;max-width:420px;width:100%;box-shadow:0 20px 60px #0003;border:1px solid rgba(59,130,246,.2)}.map-project-modal h3{margin:0 0 8px;font-size:1.25rem;color:#0f172a}.map-project-description{margin:0 0 16px;font-size:.875rem;color:#475569;line-height:1.5}.map-project-list{max-height:220px;overflow-y:auto;margin-bottom:20px;border:1px solid #e2e8f0;border-radius:8px;padding:8px}.map-project-empty{margin:16px 0;text-align:center;color:#64748b;font-size:.875rem}.map-project-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:background .2s}.map-project-item:hover{background:#f1f5f9}.map-project-item.selected{background:#dbeafe}.map-project-item input{margin-right:8px}.map-project-name{font-weight:600;color:#0f172a}.map-project-city{font-size:.8rem;color:#64748b}.map-project-actions{display:flex;gap:12px;justify-content:flex-end}.followup-dashboard-modern{padding:0;max-width:1600px;margin:0 auto;min-height:calc(100vh - 120px);background:var(--bg-surface)}.followup-dashboard-modern.loading,.followup-dashboard-modern.error{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(--border-color);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.priority-queue-section{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:16px 20px 12px}.pq-heading{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.pq-heading svg{color:var(--warning);flex-shrink:0}.pq-badge{background:var(--error);color:#fff;font-size:.7rem;font-weight:700;border-radius:var(--radius-full);padding:1px 6px;min-width:18px;text-align:center}.pq-loading{font-size:.8rem;color:var(--text-muted);padding:8px 0}.pq-cards{display:flex;flex-direction:column;gap:6px}.pq-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:12px;transition:border-color var(--transition-fast)}.pq-card:hover{border-color:var(--border-color)}.pq-card-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.pq-temp-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.pq-temp-dot.hot{background:var(--error)}.pq-temp-dot.warm{background:var(--warning)}.pq-temp-dot.cold{background:var(--info)}.pq-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pq-lead-name{font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pq-lead-name:hover{color:var(--brand-primary)}.pq-phone{font-size:.78rem;color:var(--brand-primary);text-decoration:none}.pq-phone:hover{text-decoration:underline}.pq-notes{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.pq-card-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.pq-overdue{font-size:.75rem;font-weight:600;color:var(--error);white-space:nowrap}.pq-today{font-size:.75rem;font-weight:600;color:var(--warning);white-space:nowrap}.pq-actions{display:flex;gap:6px}.pq-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;border:1px solid var(--border-color);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.pq-btn-call{background:var(--success);color:#fff;border-color:var(--success)}.pq-btn-call:hover{opacity:.85}.pq-btn-log{background:var(--bg-card);color:var(--text-primary)}.pq-btn-log:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.followup-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:20px;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:var(--text-primary);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:var(--bg-tertiary);border:1px solid var(--border-color)}.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:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-number{font-size:16px;font-weight:700;color:var(--text-primary)}.stat-badge.backlog .stat-number{color:#dc2626}.stat-badge.today .stat-number{color:#059669}.btn-primary-modern{min-width:180px}.btn-primary-modern:hover{transform:translateY(-1px)}.filters-bar-modern{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:16px 20px;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 var(--border-color);background:var(--bg-card);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s}.filter-btn-modern:hover{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-primary)}.filter-btn-modern.active{background:var(--brand-primary, var(--primary));color:var(--text-on-brand);border-color:var(--brand-primary, var(--primary));font-weight:600}.category-select-modern{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);font-size:13px;cursor:pointer;color:var(--text-primary);font-weight:500;min-width:160px}.category-select-modern option{background:var(--bg-card);color:var(--text-primary)}.category-select-modern:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.followups-container{padding:24px 0}.followups-table-modern{width:100%;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.table-header-modern{display:grid;grid-template-columns:minmax(180px,2fr) 100px 90px 80px 100px 80px 100px;gap:12px;padding:12px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;min-height:40px}.table-header-modern>div{display:flex;align-items:center}.table-header-modern>.col-lead-name{justify-content:flex-start}.table-header-modern>.col-category,.table-header-modern>.col-date,.table-header-modern>.col-time,.table-header-modern>.col-temperature,.table-header-modern>.col-status{justify-content:flex-start}.table-header-modern>.col-actions{justify-content:flex-end}.table-body-modern{display:flex;flex-direction:column}.table-row-modern{display:grid;grid-template-columns:minmax(180px,2fr) 100px 90px 80px 100px 80px 100px;gap:12px;padding:12px 16px;border-bottom:1px solid var(--bg-tertiary);cursor:pointer;transition:background .15s;align-items:center;min-height:56px}.table-row-modern:hover{background:var(--bg-surface)}.table-row-modern.backlog{background:#fef2f2;border-left:3px solid #dc2626}.table-row-modern:last-child{border-bottom:none}.col-lead-name,.col-category,.col-date,.col-time,.col-temperature,.col-status,.col-actions{display:flex;align-items:center;min-height:40px}.col-lead-name{flex-direction:column;align-items:flex-start;justify-content:center}.col-actions{justify-content:flex-end}.lead-name-cell h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 2px;line-height:1.3}.lead-phone{font-size:12px;color:var(--text-secondary)}.followup-notes{font-size:11px;color:var(--text-muted);margin-top:2px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.category-badge-modern{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap}.category-badge-modern.hot_prospect{background:#fce7f3;color:#db2777}.category-badge-modern.revisit{background:#e0e7ff;color:#4f46e5}.category-badge-modern.callback{background:var(--bg-tertiary);color:var(--text-primary)}.followups-table-modern .table-row-modern .col-date .date-cell,.date-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left}.date-cell .date-overdue{color:#dc2626;font-weight:600;text-align:left}.date-cell .overdue-indicator{font-size:10px;color:#dc2626;font-weight:600;padding:2px 6px;background:#fee2e2;border-radius:4px;white-space:nowrap;text-align:left;align-self:flex-start}.temp-badge-modern{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap}.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-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:capitalize;white-space:nowrap}.status-badge-modern.pending{background:var(--bg-tertiary);color:var(--text-primary)}.status-badge-modern.completed{background:#d1fae5;color:#059669}.empty-state-modern{background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);padding:64px 32px;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 16px;opacity:.5;color:var(--text-tertiary)}.empty-state-modern h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state-modern p{font-size:14px;color:var(--text-secondary);margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay .modal-content{background:var(--bg-card);border-radius:12px;padding:24px;width:100%;max-width:480px;max-height:70vh!important;overflow-y:auto;overflow-x:visible;box-shadow:0 20px 25px -5px #0000001a}.modal-overlay .modal-content.quick-note-modal{max-height:70vh!important}.modal-overlay .modal-content h2{margin:0 0 4px!important;font-size:20px;font-weight:600;color:var(--text-primary)}.modal-subtitle{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.modal-overlay .form-grid .form-group{display:flex;flex-direction:column;min-height:60px!important}.modal-content textarea,.modal-content input{width:100%;padding:7px 12px;border:1px solid var(--border-color);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:minmax(150px,2fr) 90px 80px 70px 90px 70px 90px;gap:8px;padding:10px 12px}.col-temperature{display:none}}@media (max-width: 900px){.table-header-modern{display:none}.followups-container{padding:8px 0}.followups-table-modern{border:none;background:transparent}.table-row-modern{display:grid;grid-template-columns:1fr auto;grid-template-areas:"lead actions" "info info";gap:4px 8px;padding:14px 16px;margin-bottom:6px;border-radius:0;border:1px solid var(--border-color);border-left:none;border-right:none;background:var(--bg-card);min-height:auto;align-items:start}.table-row-modern.backlog{border-left:3px solid #dc2626}.table-row-modern:first-child{border-top:none}.col-lead-name{grid-area:lead;width:100%}.lead-name-cell h4{font-size:14px;font-weight:600;margin:0 0 1px;line-height:1.2}.lead-phone{font-size:12px;color:var(--text-secondary)}.followup-notes{display:none}.col-actions{grid-area:actions;width:auto;padding:0;margin:0;border:none}.action-buttons-modern{gap:3px}.action-btn-modern{width:28px;height:28px;font-size:11px}.col-category{grid-area:info;display:flex!important;flex-wrap:wrap;gap:5px;align-items:center;margin-top:2px}.col-date,.col-time,.col-temperature,.col-status{display:inline-flex!important;position:static}.category-badge-modern,.temp-badge-modern,.status-badge-modern{padding:2px 5px;font-size:10px}.date-cell{flex-direction:row;gap:3px;font-size:11px}.col-date span,.col-time span{font-size:11px;color:var(--text-primary)}.overdue-indicator{font-size:9px;padding:1px 3px}}@media (max-width: 768px){.followup-dashboard-modern{padding:0}.followup-header{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:12px}.followup-header-left h1{font-size:18px;margin-bottom:8px}.header-stats{width:100%;gap:8px}.stat-badge{padding:4px 8px}.stat-label{font-size:10px}.stat-number{font-size:14px}.btn-primary-modern{width:100%;padding:10px 16px}.filters-bar-modern{padding:10px 16px;flex-direction:column;align-items:stretch;gap:10px}.filter-group-modern{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.filter-group-modern::-webkit-scrollbar{display:none}.filter-btn-modern{white-space:nowrap;padding:6px 12px;font-size:12px}.category-select-modern{width:100%}.modal-overlay .modal-content{padding:16px;margin:8px;max-width:calc(100% - 16px)}.modal-overlay .modal-content p{font-size:13px;margin-bottom:0!important}.modal-large{max-height:85vh}.search-box-modern{padding:0}}.modal-large{max-width:600px;max-height:80vh;overflow-y:auto;overflow-x:visible}.leads-loading{text-align:center;padding:40px;color:var(--text-secondary)}.leads-select-list{margin-top:16px}.leads-search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--border-color);border-radius:8px;font-size:14px}.leads-search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.leads-list-scroll{max-height:350px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px}.lead-select-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--bg-tertiary);cursor:pointer;transition:background .15s}.lead-select-item:last-child{border-bottom:none}.lead-select-item:hover{background:var(--bg-surface)}.lead-select-info{display:flex;flex-direction:column;gap:2px}.lead-select-name{font-weight:600;color:var(--text-primary);font-size:14px}.lead-select-phone{font-size:13px;color:var(--text-secondary)}.lead-select-status{font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase}.lead-select-status.status-new{background:#dbeafe;color:#1d4ed8}.lead-select-status.status-site_visit{background:#fef3c7;color:#b45309}.lead-select-status.status-negotiation{background:#ede9fe;color:#7c3aed}.lead-select-status.status-hot_deal{background:#fee2e2;color:#dc2626}.lead-select-status.status-closed{background:#d1fae5;color:#059669}.lead-select-status.status-lost{background:var(--bg-tertiary);color:var(--text-secondary)}.back-btn{background:none;border:none;color:#6366f1;font-size:14px;cursor:pointer;padding:0;margin-bottom:16px;display:flex;align-items:center;gap:4px}.back-btn:hover{text-decoration:underline}[data-theme=dark] .followup-dashboard-modern{background:var(--bg-page)}[data-theme=dark] .followup-header,[data-theme=dark] .filters-bar-modern,[data-theme=dark] .followups-table-modern,[data-theme=dark] .empty-state-modern,[data-theme=dark] .modal-overlay .modal-content,[data-theme=dark] .leads-list-scroll{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .table-header-modern,[data-theme=dark] .table-row-modern:hover,[data-theme=dark] .lead-select-item:hover{background:var(--bg-surface)}[data-theme=dark] .table-row-modern.backlog{background:#dc262614}[data-theme=dark] .category-select-modern,[data-theme=dark] .leads-search-input{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-color)}.daily-planner-modern{padding:0;max-width:1400px;margin:0 auto;min-height:calc(100vh - 120px);background:var(--bg-surface)}.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 var(--border-color);border-top-color:var(--brand-primary, #6366f1);border-radius:50%;animation:spin 1s linear infinite}.planner-unified-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #0000000d}.planner-title-section{display:flex;flex-direction:column;gap:0}.planner-title-section .title-and-date{display:flex;align-items:center;gap:16px}.planner-title-section h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.025em}.planner-description{font-size:.9375rem;color:var(--text-secondary);margin:6px 0 0;font-weight:400;line-height:1.5}.planner-date{font-size:14px;color:var(--text-secondary);font-weight:500;white-space:nowrap;background:var(--bg-surface);padding:6px 12px;border-radius:6px;border:1px solid var(--border-color)}.planner-actions{display:flex;gap:8px;align-items:center}.icon-btn{width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.icon-btn:hover{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary-action{min-width:180px;white-space:nowrap}.btn-secondary-action:hover{transform:translateY(-1px)}.date-picker-wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:all .2s;min-width:180px}.date-picker-wrapper:hover{border-color:var(--brand-primary, #6366F1);box-shadow:0 2px 8px var(--brand-primary-alpha, rgba(99, 102, 241, .15))}.calendar-icon{color:var(--brand-primary, #6366F1);flex-shrink:0;pointer-events:none}.date-picker-input{border:none;background:transparent;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;outline:none;width:130px;font-family:inherit;text-align:left;padding:0;position:relative;z-index:1}.date-picker-input:focus{outline:none;border:none;box-shadow:none}.date-picker-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;position:absolute;top:-10px;bottom:-10px;right:-16px;left:-8px;width:calc(100% + 24px);height:calc(100% + 20px);margin:0;padding:0}.date-picker-input::-webkit-datetime-edit{text-align:left;padding:0;cursor:pointer}.date-picker-input::-webkit-datetime-edit-fields-wrapper{padding:0}.date-picker-input:focus::-webkit-datetime-edit{outline:none;background:transparent}.planner-metrics-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border-color)}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,currentColor);opacity:0;transition:opacity .3s}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:currentColor}.metric-card:hover:before{opacity:1}.metric-card.tasks-card{color:#3b82f6}.metric-card.backlog-card{color:#f59e0b}.metric-card.followups-card{color:#06b6d4}.metric-card.meetings-card{color:#a855f7}.metric-content{display:flex;flex-direction:column;gap:8px}.metric-value{font-size:36px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.metric-label{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.metric-icon{width:40px!important;height:40px!important;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.metric-icon svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}.metric-card:hover .metric-icon{transform:scale(1.1)}.metric-card.tasks-card .metric-icon{background:transparent;color:#3b82f6}.metric-card.backlog-card .metric-icon{background:transparent;color:#f59e0b}.metric-card.followups-card .metric-icon{background:transparent;color:#06b6d4}.metric-card.meetings-card .metric-icon{background:transparent;color:#a855f7}.planner-content-container{background:var(--bg-card);margin-top:1px}.view-tabs{background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:16px 20px;display:flex;gap:8px}.tab-btn{padding:10px 20px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;position:relative}.tab-btn:hover{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-strong)}.tab-btn.active{color:var(--text-on-brand);background:var(--brand-primary, #6366F1);border-color:var(--brand-primary, #6366F1);font-weight:600;box-shadow:0 2px 8px var(--brand-primary-alpha, rgba(99, 102, 241, .25))}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--bg-card)}.tab-badge{background:#64748b1a;color:var(--text-secondary);font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:24px;text-align:center}.tab-btn.active .tab-badge{background:#ffffff40;color:var(--text-on-brand)}.timeline-view{padding:24px 20px;display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.timeline-main-content{min-width:0}.timeline-list{display:flex;flex-direction:column;gap:0;position:relative}.timeline-list.single-item{justify-content:center;min-height:30px}.timeline-event-card{display:grid;grid-template-columns:40px 1fr auto;gap:16px;padding:16px;background:var(--bg-surface);border-radius:12px;margin-bottom:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;animation:fadeInUp .5s forwards;position:relative;border:1px solid var(--border-color);align-items:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-event-card:hover{background:var(--bg-card);box-shadow:0 4px 12px var(--brand-primary-alpha, rgba(99, 102, 241, .1));transform:translateY(-2px)}.timeline-event-card:last-child{margin-bottom:0}.timeline-indicator{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--bg-card);box-shadow:0 2px 8px #00000026;z-index:2;flex-shrink:0}.timeline-dot.followup{background:#f97316}.timeline-dot.call{background:#3b82f6}.timeline-dot.meeting{background:#a855f7}.timeline-dot.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f97316b3}50%{box-shadow:0 0 0 8px #f9731600}}.timeline-line{width:2px;flex:1;background:linear-gradient(to bottom,var(--border-color) 0%,transparent 100%);min-height:40px;margin-top:4px}.timeline-list .timeline-event-card:last-child .timeline-indicator:after{content:"";display:block;width:2px;height:24px;background:linear-gradient(to bottom,var(--border-color) 0%,transparent 100%);margin-top:4px;align-self:center}.event-content{display:flex;flex-direction:column;gap:8px;min-width:0}.event-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.event-type-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.event-type-chip.followup{background:#ea580c1f;color:#ea580c}.event-type-chip.call{background:#2563eb1f;color:#2563eb}.event-type-chip.meeting{background:#9333ea1f;color:#9333ea}.category-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.category-badge.hot-prospect{background:#dc26261f;color:#dc2626}.category-badge.revisit{background:#4f46e51f;color:#4f46e5}.category-badge.callback{background:#2563eb1f;color:#2563eb}.event-time{font-size:12px;color:var(--text-muted);font-weight:500}.event-body{display:flex;flex-direction:column;gap:4px}.event-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.event-description{font-size:13px;color:var(--text-secondary);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:var(--brand-primary, #6366F1);text-decoration:none;font-weight:600;margin-top:4px;display:inline-block}.meeting-link:hover{text-decoration:underline}.daily-planner-modern .action-btn-modern{width:40px!important;height:40px!important}.timeline-action-cell{display:flex;align-items:center}.action-icon{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-secondary);font-size:16px}.followups-view{padding:24px 20px}.followups-table{background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.table-header{display:grid;grid-template-columns:minmax(160px,2fr) 100px 100px 80px 100px 90px;gap:12px;padding:12px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center}.table-header>div{padding:0;margin:0}.table-header>.col-lead{justify-content:flex-start}.table-header>.col-category,.table-header>.col-date,.table-header>.col-time,.table-header>.col-status{justify-content:flex-start}.table-header>.col-actions{justify-content:flex-end}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:minmax(160px,2fr) 100px 100px 80px 100px 90px;gap:12px;padding:12px 20px;border-bottom:1px solid var(--bg-tertiary);cursor:pointer;transition:all .2s;align-items:center;min-height:52px;background:transparent!important;border-left:3px solid transparent}.table-row:hover{background:var(--bg-surface)!important}.table-row.backlog-row{background:transparent!important;border-left-color:#dc2626}.table-row.backlog-row:hover{background:#dc262614!important}.col-lead,.col-category,.col-date,.col-time,.col-status,.col-actions{display:flex;align-items:center;padding:0;margin:0;background:none!important;overflow:visible!important}.col-lead,.col-category,.col-time,.col-status,.col-date{justify-content:flex-start}.followups-table .table-row .col-date .date-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left}.followups-table .date-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.followups-table .date-cell .date-overdue,.followups-table .table-row .col-date .date-cell .date-overdue{color:#dc2626;font-weight:600;text-align:left}.followups-table .table-row .col-date .date-cell .overdue-badge{text-align:left;align-self:flex-start}.col-actions{justify-content:flex-end;overflow:visible!important}.lead-info{display:flex;flex-direction:column;gap:2px;justify-content:center;background:none!important;border:none!important;padding:0!important}.lead-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;background:none!important}.lead-phone{font-size:12px;color:var(--text-secondary);background:none!important}.category-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.category-tag.hot_prospect{background:#db27771f;color:#db2777}.category-tag.revisit{background:#4f46e51f;color:#4f46e5}.category-tag.callback{background:var(--bg-tertiary);color:var(--text-primary)}.overdue-badge{display:inline-block;padding:2px 6px;background:#fee2e2;color:#dc2626;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap}.text-muted{color:var(--text-muted)}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.hot{background:#dc26261f;color:#dc2626}.status-badge.warm{background:#d977061f;color:#d97706}.status-badge.cold{background:#2563eb1f;color:#2563eb}.action-buttons{display:flex;gap:4px;align-items:center;justify-content:flex-end;padding-right:4px}.priority-view{padding:24px 20px}.planner-card-list{display:flex;flex-direction:column;gap:0;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.planner-card{display:grid;grid-template-columns:40px 1fr auto auto;gap:16px;padding:16px 20px;background:var(--bg-card);cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--bg-tertiary);border-left:3px solid transparent;align-items:center}.planner-card:last-child{border-bottom:none}.planner-card:hover{background:var(--bg-surface);box-shadow:0 2px 8px var(--brand-primary-alpha, rgba(99, 102, 241, .06))}.planner-card.backlog-item{border-left-color:#dc2626}.planner-card.hot-item{border-left-color:#f59e0b}.planner-card-indicator{display:flex;align-items:center;justify-content:center}.planner-card-dot{width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-card);box-shadow:0 2px 6px #0000001f;flex-shrink:0}.planner-card-dot.followup{background:#f97316}.planner-card-dot.overdue{background:#dc2626}.planner-card-dot.hot{background:#f59e0b}.planner-card-dot.call{background:#3b82f6}.planner-card-dot.meeting{background:#a855f7}.planner-card-content{display:flex;flex-direction:column;gap:6px;min-width:0}.planner-card-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.planner-card-body{display:flex;flex-direction:column;gap:2px}.planner-card-status{display:flex;align-items:center;flex-shrink:0}.planner-card-actions .action-btn svg{display:block;opacity:1;visibility:visible;stroke:currentColor}.event-subtitle{font-size:13px;color:var(--text-secondary);line-height:1.4}.event-type-chip.hot-prospect{background:#d977061f;color:#d97706}.timeline-view .empty-state{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);padding:60px 40px;text-align:left;max-width:100%;margin:0;box-shadow:0 2px 8px #0000000a}.timeline-view .empty-icon{display:flex;align-items:center;justify-content:flex-start;margin-bottom:24px}.timeline-view .empty-icon svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.timeline-view .empty-state h3{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.02em;text-align:left}.timeline-view .empty-state p{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.6;max-width:500px;text-align:left}.empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.empty-action-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.empty-action-btn.primary{background:var(--brand-primary);color:var(--text-on-brand);border:none;box-shadow:0 2px 8px var(--brand-primary-alpha, rgba(99, 102, 241, .3))}.empty-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--brand-primary-alpha, rgba(99, 102, 241, .4))}.empty-action-btn.secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.empty-action-btn.secondary:hover{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-primary)}.timeline-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:90px}.sidebar-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.01em}.quick-actions-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000a}.quick-actions-list{display:flex;flex-direction:column;gap:12px}.quick-action-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.quick-action-item:hover{background:var(--bg-card);border-color:var(--border-strong);transform:translate(4px);box-shadow:0 2px 8px #0000000f}.action-icon-circle{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.action-icon-circle.add{background:#3b82f61a;color:#3b82f6}.action-icon-circle.followup{background:#06b6d41a;color:#06b6d4}.action-icon-circle.meeting{background:#a855f71a;color:#a855f7}.action-text{flex:1;min-width:0}.action-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.action-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.calendar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000a}.calendar-widget{display:flex;flex-direction:column;gap:16px}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--bg-tertiary)}.calendar-month{font-size:14px;font-weight:600;color:var(--text-primary)}.calendar-nav{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.calendar-nav:hover{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);*/ gap: 4px}.calendar-day-header{text-align:center;font-size:11px;font-weight:600;color:var(--text-secondary);padding:8px 0;text-transform:uppercase;letter-spacing:.05em}.calendar-day{aspect-ratio:1;border:1px solid transparent;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.calendar-day:hover:not(.inactive):not(.selected){background:var(--bg-surface);border-color:var(--border-color);color:var(--text-primary)}.calendar-day.selected{background:var(--brand-primary, #6366F1);color:var(--text-on-brand);font-weight:600;box-shadow:0 2px 6px var(--brand-primary-alpha, rgba(99, 102, 241, .3))}.calendar-day.selected:hover{filter:brightness(1.1)}.calendar-day.today{border:2px solid var(--brand-primary, #6366F1);color:var(--brand-primary, #6366F1);font-weight:600}.calendar-day.inactive{color:var(--border-strong);cursor:default}.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:var(--bg-card);border-radius:12px;padding:24px 24px 12px;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:var(--text-primary)}.form-group{margin-bottom:20px}.form-help{font-size:12px;color:var(--text-secondary);margin:0 0 8px}.modal-content input{width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;box-sizing:border-box;font-family:inherit}.modal-content input:focus{outline:none;border-color:var(--brand-primary, #6366f1);box-shadow:0 0 0 3px var(--brand-primary-alpha, rgba(99, 102, 241, .1))}.planner-modal-note{color:var(--text-secondary);margin:0 0 12px}[data-theme=dark] .daily-planner-modern,[data-theme=dark] .planner-content-container{background:var(--bg-page)}[data-theme=dark] .planner-unified-header,[data-theme=dark] .planner-metrics-cards,[data-theme=dark] .view-tabs,[data-theme=dark] .timeline-view,[data-theme=dark] .followups-view,[data-theme=dark] .priority-view{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .timeline-event-card,[data-theme=dark] .planner-card,[data-theme=dark] .followups-table,[data-theme=dark] .quick-actions-card,[data-theme=dark] .calendar-card{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .timeline-event-card:hover,[data-theme=dark] .planner-card:hover,[data-theme=dark] .followups-table .table-row:hover{background:var(--bg-surface-raised)!important}[data-theme=dark] .tab-btn.active:after{border-bottom-color:var(--bg-card)}[data-theme=dark] .modal-content,[data-theme=dark] .modal-content input{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}@media (max-width: 768px){.daily-planner-modern{padding:0}.planner-unified-header{padding:16px 20px;flex-wrap:wrap}.planner-title-section{flex-direction:column;align-items:flex-start;gap:4px;flex:1}.planner-title-section h1{font-size:20px}.planner-date{font-size:13px}.planner-actions{width:100%;flex-wrap:wrap;margin-top:12px}.icon-btn{order:-1}.btn-secondary-action{flex:0 0 auto;min-width:auto;width:auto}.btn-primary-action{flex:1;min-width:calc(50% - 4px)}.planner-metrics-cards{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 20px}.metric-card{padding:16px}.metric-icon{width:40px!important;height:40px!important}.metric-icon svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}.metric-value{font-size:28px}.metric-label{font-size:12px}.view-tabs{padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:10px 16px;font-size:13px}.timeline-view,.followups-view,.priority-view{padding:16px 20px}.timeline-view{grid-template-columns:1fr;gap:20px}.timeline-sidebar{position:static;order:2}.timeline-main-content{order:1}.quick-actions-card,.calendar-card{padding:16px}.quick-actions-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-action-item{padding:12px 10px;flex-direction:column;text-align:center;gap:8px}.quick-action-item:hover{transform:translateY(-2px)}.action-icon-circle{width:44px;height:44px}.action-text{width:100%}.action-label{font-size:12px;font-weight:600}.action-desc{font-size:10px}.action-desc{font-size:11px}.timeline-row{grid-template-columns:80px 1fr auto;gap:12px;padding:12px 16px}.timeline-type-cell{display:none}.timeline-event-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;margin-bottom:12px;position:relative}.timeline-indicator{position:absolute;left:14px;top:14px;width:auto}.timeline-dot{width:10px;height:10px;border-width:2px}.timeline-line{min-height:30px;margin-left:3px}.event-content{margin-left:32px;min-width:0;width:auto;padding-right:60px}.event-header{flex-direction:column;align-items:flex-start;gap:6px}.event-type-chip{font-size:11px;padding:3px 8px}.category-badge{font-size:10px;padding:2px 8px}.event-time{font-size:11px}.event-title{font-size:14px}.event-description{font-size:12px;-webkit-line-clamp:3}.event-actions{margin-left:32px;justify-content:flex-start}.timeline-event-card .action-buttons-modern{position:absolute;right:14px;top:50%;transform:translateY(-50%);margin:0}.timeline-view .empty-state{padding:40px 24px}.timeline-view .empty-state h3{font-size:20px}.timeline-view .empty-state p{font-size:14px}.followups-table .table-header{display:none}.planner-card{gap:10px;padding:14px 16px}.planner-card-status,.planner-card-actions{grid-column:2;justify-content:flex-start}.planner-card-header{flex-direction:row;flex-wrap:wrap;gap:6px}.followups-table .table-row{display:flex;flex-wrap:wrap;padding:14px 16px;border-radius:8px;margin-bottom:8px;border:1px solid var(--border-color);background:var(--bg-card);grid-template-columns:unset;position:relative;min-height:auto;gap:8px}.followups-table .col-lead{display:block;flex:1;min-width:0;padding-right:64px;margin-bottom:0}.followups-table .lead-info h4{font-size:14px;font-weight:600;margin:0 0 2px}.followups-table .lead-phone{display:block!important;font-size:12px;color:var(--text-secondary)}.followups-table .col-actions{position:absolute;top:14px;right:16px;width:auto;padding:0}.followups-table .action-buttons{gap:4px}.followups-table .col-category,.followups-table .col-date,.followups-table .col-time,.followups-table .col-status{display:inline-flex;align-items:center;margin:0;font-size:12px}.followups-table .date-cell,.followups-table .table-row .col-date .date-cell{flex-direction:row;gap:6px;flex-wrap:wrap}.followups-table .category-tag,.followups-table .status-badge{font-size:11px;padding:2px 8px}.followups-table .overdue-badge{font-size:10px}.empty-state{padding:48px 20px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}.modal-content{padding:20px 16px 10px;max-width:95%;max-height:70vh}.modal-overlay .modal-content.planner-settings-modal{max-height:45vh!important;overflow-y:auto}.modal-content h2{margin:0 0 12px;font-size:18px}.modal-content p{margin-bottom:12px!important;font-size:13px}.empty-actions{flex-direction:column;width:100%}.empty-action-btn{width:100%}}.template-manager{padding:24px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 120px)}.template-manager .form-section{margin-bottom:15px}.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}.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;display:inline-flex;align-items:center;gap:6px}.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(320px,1fr));gap:20px}@media (max-width: 768px){.templates-grid{grid-template-columns:1fr}}.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)}.icon-empty{display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);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 #9ca3af}.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}.icon-template-type{display:inline-flex;align-items:center;justify-content:center;color:var(--primary)}.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-category-welcome{background-color:#16a34a}.template-category-followup{background-color:#2563eb}.template-category-reminder{background-color:#f59e0b}.template-category-thank_you{background-color:#ec4899}.template-category-custom{background-color:#6b7280}.template-category-hot_deal,.template-category-hotdeal{background-color:#dc2626}.template-category-closed{background-color:#16a34a}.template-category-new{background-color:#3b82f6}.template-category-lost{background-color:#64748b}.template-category-negotiation{background-color:#f59e0b}.template-category-site_visit,.template-category-sitevisit{background-color:#8b5cf6}.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-card .table-actions{display:flex;gap:var(--space-xs);border-top:1px solid var(--gray-100);padding-top:16px;justify-content:flex-end}.template-card .table-actions .btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;width:auto!important;min-width:32px!important;padding:6px!important}.template-card .table-actions .btn-danger .btn-text{color:var(--text-primary, #000)}.template-card .table-actions .btn-text{display:none}@media (min-width: 768px){.template-card .table-actions .btn-text{display:inline}.template-card .table-actions .btn{padding:8px 16px!important;min-width:auto!important}}.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}.modal-overlay .modal-content.editor-modal{max-height:90vh!important}.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 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;justify-content:flex-end}.btn-cancel{padding:12px 20px;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);min-width:100px}.btn-cancel:hover{background:var(--gray-50)}.modal-actions .btn-primary{min-width:120px}.preview-meta{display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--gray-200);align-items:center}.preview-type{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary)}.preview-category{padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px}.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}.templates-grid,.form-row{grid-template-columns:1fr}.variables-bar{max-height:100px;overflow-y:auto}}.campaign-wizard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto}.campaign-wizard-modal{background:var(--bg-primary);border-radius:12px;padding:24px;max-width:560px;width:95%;max-height:90vh;overflow-y:auto;box-sizing:border-box}.campaign-wizard-header{margin-bottom:20px}.campaign-wizard-header h2{margin:0 0 12px;font-size:20px}.campaign-wizard-steps{display:flex;gap:8px}.wizard-step{width:28px;height:28px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.wizard-step.active{background:var(--primary, #6366f1);color:#fff}.campaign-wizard-error{background:#fef2f2;color:#b91c1c;padding:10px 12px;border-radius:8px;margin-bottom:16px;font-size:14px}.campaign-wizard-step h3{margin:0 0 16px;font-size:16px}.campaign-wizard-step .form-group{margin-bottom:12px;position:relative}.campaign-wizard-step .form-grid .form-group{margin-bottom:0}.campaign-wizard-step .form-grid{margin-bottom:0;gap:24px}.campaign-wizard-step .form-group label.form-label{display:inline;margin-bottom:0}.campaign-wizard-step .form-group input[type=text],.campaign-wizard-step .form-group input[type=datetime-local],.campaign-wizard-step .form-group select,.campaign-wizard-step .form-group textarea{width:100%;padding:10px 30px 10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.campaign-wizard-step .form-group input[type=radio]{margin-left:8px;flex-shrink:0}.campaign-wizard-step .form-group label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;width:36%}.campaign-wizard-step .form-group label span{flex:1;text-align:left}.wizard-hint{color:#6b7280;font-size:13px;margin:0 0 25px}.audience-preview{margin-top:16px;padding:12px;background:#f9fafb;border-radius:8px}.audience-warn{display:block;color:#d97706;font-size:13px;margin-top:4px}.form-help{font-size:12px;color:#6b7280;margin:4px 0 0}.wizard-summary{display:grid;grid-template-columns:120px 1fr;gap:8px 16px;margin:0 0 16px;font-size:14px}.wizard-summary dt{color:#6b7280;font-weight:500}.wizard-summary dd{margin:0}.wizard-confirm{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.campaign-wizard-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.wizard-spacer{flex:1}.campaign-wizard-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.campaign-wizard-backdrop{padding:10px}.campaign-wizard-modal{width:100%;max-width:100%;padding:16px;border-radius:8px}.campaign-wizard-step .form-grid{grid-template-columns:1fr!important;gap:22px}.campaign-wizard-header h2{font-size:18px}.wizard-step{width:24px;height:24px;font-size:12px}.campaign-wizard-step .form-group input[type=text],.campaign-wizard-step .form-group input[type=datetime-local],.campaign-wizard-step .form-group select,.campaign-wizard-step .form-group textarea{font-size:16px;padding:8px 28px 8px 10px}.wizard-summary{grid-template-columns:100px 1fr;gap:8px 12px}.campaign-wizard-actions{flex-wrap:wrap;gap:8px}.campaign-wizard-actions .btn{padding:8px 16px;font-size:14px}}.campaigns-page{padding:24px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 120px)}.campaigns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.campaigns-header h1{font-size:28px;font-weight:700;color:var(--text-primary, #1f2937);margin:0}.campaigns-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.campaigns-header-actions .btn{white-space:nowrap}.campaigns-filters-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 0;border-top:1px solid var(--border-color, var(--gray-200));border-bottom:1px solid var(--border-color, var(--gray-200));gap:16px;flex-wrap:wrap}.campaigns-stats-bar{display:flex;align-items:center;gap:8px}.stats-tab{background:none;border:none;padding:8px 16px;font-size:15px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s;border-radius:6px;white-space:nowrap}.stats-tab:hover{color:var(--text-primary, #1f2937);background:var(--gray-50, #f9fafb)}.stats-tab.active{color:var(--brand-primary, var(--primary, #3b82f6));font-weight:600;background:#3b82f614}.stats-divider{color:var(--border-color, var(--gray-300, #d1d5db));font-weight:300;font-size:18px}.campaigns-filters{display:flex;align-items:center;gap:12px;margin-left:auto}.campaigns-filter-chips{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f61a;color:var(--brand-primary, var(--primary, #3b82f6));border-radius:16px;font-size:13px;font-weight:500}.filter-chip button{background:none;border:none;color:currentColor;font-size:18px;line-height:1;cursor:pointer;padding:0;margin-left:4px;opacity:.7;transition:opacity .2s}.filter-chip button:hover{opacity:1}.clear-all-filters{background:none;border:none;color:var(--text-secondary, #6b7280);font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline;padding:6px 8px;transition:color .2s}.clear-all-filters:hover{color:var(--text-primary, #1f2937)}.campaigns-filter{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color, var(--gray-200));background:var(--bg-card);color:var(--text-primary);font-size:14px;width:140px}.campaigns-pending-banner{background:#f59e0b1f;color:var(--text-primary);border:1px solid rgba(245,158,11,.35);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.campaigns-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:16px}.campaigns-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--brand-primary, var(--primary));border-radius:50%;animation:campaigns-spin 1s linear infinite}@keyframes campaigns-spin{to{transform:rotate(360deg)}}.campaigns-empty{text-align:center;padding:48px 24px;background:var(--gray-50, #f9fafb);border-radius:12px}.campaigns-empty .empty-icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--text-secondary, #6b7280)}.campaigns-empty h3{margin:0 0 8px;font-size:20px;color:var(--text-primary, #1f2937)}.campaigns-empty p{margin:0 0 20px;color:var(--text-secondary, #6b7280)}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media (min-width: 1200px){.campaigns-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 900px) and (max-width: 1199px){.campaigns-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 600px) and (max-width: 899px){.campaigns-grid{grid-template-columns:repeat(2,1fr)}}.campaign-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:0 2px 4px #00000014;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;cursor:pointer;transition:all .2s ease;position:relative}.campaign-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-2px)}.campaign-card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px}.campaign-card-title{flex:1;min-width:0}.campaign-name{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--text-primary, #1f2937);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.campaign-subtitle{font-size:13px;color:var(--text-secondary, #6b7280);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:capitalize;white-space:nowrap;align-self:flex-start}.campaign-card-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--border-color, var(--gray-200));border-bottom:1px solid var(--border-color, var(--gray-200))}.campaign-info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;font-weight:500;color:var(--text-tertiary, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:600;color:var(--text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-card-actions{display:flex;gap:8px;justify-content:flex-end}.btn-icon,.btn-icon-small{background:var(--gray-100, #f3f4f6);border:1px solid var(--border-color, var(--gray-200));border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280)}.btn-icon-small{padding:6px}.btn-icon:hover,.btn-icon-small:hover{background:var(--gray-200, #e5e7eb);color:var(--text-primary, #1f2937)}.btn-icon-primary{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.btn-icon-primary:hover{background:#3b82f633}.btn-icon-success{background:#10b9811a;color:#10b981;border-color:#10b98133}.btn-icon-success:hover{background:#10b98133}.btn-icon-danger{background:#ef44441a;color:#ef4444;border-color:#ef444433}.btn-icon-danger:hover{background:#ef444433}.campaigns-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #00000014;border:1px solid var(--border-color)}.campaigns-table th,.campaigns-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.campaigns-table th{background:var(--gray-50, #f9fafb);font-weight:600;font-size:12px;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.campaigns-table tbody tr{transition:background-color .2s}.campaigns-table tbody tr:hover{background:var(--gray-50, #f9fafb)}.campaigns-table tbody tr.selected{background:#3b82f60d}.th-checkbox,.td-checkbox{width:40px;padding-left:16px!important}.th-actions,.td-actions{width:140px;text-align:right!important}.td-name{min-width:200px}.table-campaign-name{display:flex;flex-direction:column;gap:4px}.table-campaign-subtitle{font-size:12px;color:var(--text-secondary, #6b7280)}.td-type{text-transform:capitalize;font-size:13px;color:var(--text-secondary, #6b7280)}.td-leads,.td-date{font-size:13px;color:var(--text-primary, #1f2937)}.table-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center}.campaigns-table__name-link{background:none;border:none;padding:0;font:inherit;color:var(--brand-primary, var(--primary, #3b82f6));cursor:pointer;text-align:left;font-weight:500;font-size:14px;transition:color .2s}.campaigns-table__name-link:hover{text-decoration:underline;color:var(--brand-primary-hover, #2563eb)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-card);border-radius:12px;padding:24px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color)}.modal-content h2{margin:0 0 20px;font-size:20px}.form-error{background:#b91c1c14;color:var(--text-primary);border:1px solid rgba(185,28,28,.3);padding:10px 12px;border-radius:8px;margin-bottom:16px;font-size:14px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-input, var(--bg-card));color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.analytics-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;margin-bottom:24px}.analytics-kpis .kpi{text-align:center;padding:16px;background:var(--gray-50, #f9fafb);border-radius:8px}.analytics-kpis .kpi-value{display:block;font-size:24px;font-weight:700;color:var(--primary, #6366f1)}.analytics-kpis .kpi span:last-child{font-size:12px;color:var(--text-secondary, #6b7280)}@media (max-width: 768px){.campaigns-page{padding:16px}.campaigns-header{flex-direction:column;align-items:flex-start;gap:12px}.campaigns-header h1{font-size:24px}.campaigns-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.campaigns-header-actions .btn{width:auto;white-space:nowrap}.campaigns-filters-row{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0}.campaigns-stats-bar{width:100%;flex-wrap:wrap;justify-content:flex-start}.stats-tab{padding:6px 12px;font-size:14px}.stats-divider{font-size:16px}.campaigns-filters{width:auto;margin-left:0;flex-direction:row;gap:8px}.campaigns-filter{width:140px}.campaigns-filter-chips{margin-bottom:12px}.filter-chip{font-size:12px;padding:5px 10px}.campaigns-grid{grid-template-columns:1fr!important;gap:16px}.campaign-card{padding:16px}.campaign-card-info{grid-template-columns:repeat(2,1fr);gap:10px}.campaign-card-actions{flex-wrap:wrap}.campaigns-table{display:block;overflow-x:auto}.campaigns-table thead,.campaigns-table tbody,.campaigns-table th,.campaigns-table td,.campaigns-table tr{display:block}.campaigns-table thead{display:none}.campaigns-table tbody tr{margin-bottom:16px;border:1px solid var(--border-color);border-radius:8px;padding:12px}.campaigns-table td{display:flex;justify-content:space-between;padding:8px 0;border:none}.campaigns-table td:before{content:attr(data-label);font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase}.td-checkbox,.table-actions{justify-content:flex-end}.modal-content{max-width:95%;padding:20px}}@media (max-width: 600px){.campaigns-header-actions{justify-content:flex-start;gap:6px}.campaigns-header-actions .btn{width:auto;font-size:13px;padding:8px 12px}.view-toggle{width:100%;justify-content:center}.stats-tab{flex:1;text-align:center;min-width:0}.campaign-card-header{gap:8px}.campaign-status-badge{font-size:10px;padding:3px 8px}.campaigns-empty{padding:32px 16px}.campaigns-empty h3{font-size:18px}}.campaign-dashboard{background:#f8f9fa;min-height:auto;padding:0}.campaign-dashboard--loading,.campaign-dashboard--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;padding:24px}.campaign-dashboard--loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--brand-primary, var(--primary));border-radius:50%;animation:cd-spin 1s linear infinite}@keyframes cd-spin{to{transform:rotate(360deg)}}.cd-header{background:var(--bg-card, white);border-bottom:1px solid var(--border-color, #e5e7eb);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cd-header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.cd-back-btn{background:transparent;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s;flex-shrink:0}.cd-back-btn:hover{background:var(--bg-surface, #f9fafb);color:var(--text-primary, #1f2937);border-color:var(--text-secondary, #9ca3af)}.cd-header-title-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.cd-title{font-size:20px;font-weight:600;color:var(--text-primary, #1f2937);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize;flex-shrink:0}.cd-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-cd{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-cd:disabled{opacity:.5;cursor:not-allowed}.btn-cd-primary{background:var(--brand-primary, #2563eb);color:#fff}.btn-cd-primary:hover:not(:disabled){background:var(--brand-primary-dark, #1d4ed8)}.btn-cd-secondary{background:var(--bg-surface, #f3f4f6);color:var(--text-primary, #1f2937);border:1px solid var(--border-color, #e5e7eb)}.btn-cd-secondary:hover:not(:disabled){background:var(--bg-hover, #e5e7eb)}.btn-cd-danger{background:#dc2626;color:#fff}.btn-cd-danger:hover:not(:disabled){background:#b91c1c}.btn-cd-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color, #e5e7eb);color:var(--text-secondary, #6b7280)}.btn-cd-icon:hover{background:var(--bg-surface, #f9fafb);color:var(--text-primary, #1f2937)}.btn-cd-block{width:auto;align-self:flex-start;justify-content:center}.btn-cd-sm{padding:6px 12px;font-size:13px}.cd-more-menu{position:relative}.cd-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-card, white);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:160px;z-index:100;overflow:hidden}.cd-dropdown button{width:100%;padding:10px 14px;background:transparent;border:none;text-align:left;font-size:14px;color:var(--text-primary, #1f2937);cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .15s}.cd-dropdown button:hover{background:var(--bg-surface, #f9fafb)}.cd-dropdown-danger{color:#dc2626!important}.cd-dropdown-danger:hover{background:#fef2f2!important}.cd-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px 0;max-width:1400px;margin:0 auto}.cd-left,.cd-right{grid-column:span 1;display:flex;flex-direction:column;gap:20px}@media (min-width: 1024px){.cd-layout{grid-template-columns:1.5fr 1fr;align-items:start}.cd-left,.cd-right{min-height:100%}}@media (max-width: 768px){.cd-layout{grid-template-columns:1fr}.cd-left,.cd-right{grid-column:span 1}}.cd-card{background:var(--bg-card, white);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column}.cd-card-title{font-size:16px;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 16px}.cd-overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cd-overview-item{display:flex;flex-direction:column;gap:6px}.cd-overview-label{font-size:12px;color:var(--text-secondary, #6b7280);font-weight:500}.cd-overview-value{font-size:14px;color:var(--text-primary, #1f2937);font-weight:500}.cd-overview-item .cd-select{max-width:200px}.cd-content-form{display:flex;flex-direction:column;gap:16px}.cd-form-group{display:flex;flex-direction:column;gap:8px}.cd-label{font-size:13px;color:var(--text-secondary, #6b7280);font-weight:500}.cd-input,.cd-select{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:14px;background:var(--bg-input, white);color:var(--text-primary, #1f2937);transition:border-color .2s}.cd-input:focus,.cd-select:focus{outline:none;border-color:var(--brand-primary, #2563eb)}.cd-select{cursor:pointer}.cd-editor-preview{padding:14px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-surface, #f9fafb);min-height:400px;max-height:500px;overflow-y:auto}.cd-html-preview{font-size:14px;line-height:1.6;color:var(--text-primary, #1f2937)}.cd-empty-text{color:var(--text-secondary, #9ca3af);font-size:14px;text-align:center;margin:0;padding:40px 20px}.cd-content-actions{display:flex;gap:10px;flex-wrap:wrap}.cd-audience-count{font-size:14px;color:var(--text-secondary, #6b7280);margin:0 0 12px}.cd-audience-count strong{color:var(--text-primary, #1f2937);font-size:18px;font-weight:600}.cd-audience-list{display:flex;flex-direction:column;gap:8px;min-height:300px;max-height:400px;overflow-y:auto;margin-bottom:12px;padding:2px}.cd-audience-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--bg-card, white)}.cd-audience-item:hover{background:var(--bg-surface, #f9fafb);border-color:var(--brand-primary, #2563eb)}.cd-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.cd-avatar-sm{width:32px;height:32px;font-size:13px}.cd-audience-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cd-audience-name{font-size:14px;font-weight:500;color:var(--text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-audience-email{font-size:12px;color:var(--text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-remove-btn{width:24px;height:24px;border-radius:4px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, white);color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.cd-remove-btn:hover{background:#fef2f2;border-color:#fca5a5}.cd-schedule-form{display:flex;flex-direction:column;gap:16px}.cd-schedule-view{display:flex;flex-direction:column;gap:14px}.cd-schedule-item{display:flex;flex-direction:column;gap:6px}.cd-analytics{padding:16px 24px 24px;max-width:1400px;margin:0 auto}.cd-section-title{font-size:18px;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 20px}.cd-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}.cd-kpi-card{background:var(--bg-card, white);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s}.cd-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.cd-kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cd-kpi-icon-sent{background:#3b82f61a;color:#2563eb}.cd-kpi-icon-opened{background:#10b9811a;color:#10b981}.cd-kpi-icon-rate{background:#8b5cf61a;color:#8b5cf6}.cd-kpi-icon-clicked{background:#f973161a;color:#f97316}.cd-kpi-icon-unsub{background:#ef44441a;color:#ef4444}.cd-kpi-content{display:flex;flex-direction:column;gap:2px}.cd-kpi-value{font-size:24px;font-weight:700;color:var(--text-primary, #1f2937);line-height:1}.cd-kpi-label{font-size:12px;color:var(--text-secondary, #6b7280);font-weight:500}.cd-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px}.cd-chart-card{background:var(--bg-card, white);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.cd-chart-title{font-size:14px;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 16px}.cd-chart-wrapper{height:240px;position:relative}.cd-chart-empty{height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary, #9ca3af)}.cd-chart-empty p{margin:0;font-size:14px}.cd-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cd-modal{background:var(--bg-card, white);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 50px #0003}.cd-modal-large{max-width:800px}.cd-preview-subject{font-size:14px;color:var(--text-primary, #1f2937);margin-bottom:16px;padding:12px;background:var(--bg-surface, #f9fafb);border-radius:6px}.cd-preview-body{padding:20px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:#fff;margin-bottom:20px;max-height:500px;overflow-y:auto}.cd-modal-title{font-size:18px;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 20px}.cd-modal .cd-input{margin-bottom:12px}.cd-lead-search-list{display:flex;flex-direction:column;gap:8px;margin:16px 0;max-height:280px;overflow-y:auto}.cd-lead-search-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-surface, #f9fafb)}.cd-lead-search-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.cd-lead-search-name{font-size:14px;font-weight:500;color:var(--text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-lead-search-email{font-size:12px;color:var(--text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1200px){.cd-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.cd-kpi-grid{grid-template-columns:repeat(2,1fr)}.cd-charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.cd-header{padding:14px 16px}.cd-layout,.cd-analytics{padding:16px}.cd-title{font-size:18px}.cd-header-right{width:100%}}@media (max-width: 640px){.cd-kpi-grid{grid-template-columns:repeat(2,1fr)}.cd-overview-grid{grid-template-columns:1fr}.cd-card{padding:16px}.cd-charts-grid{grid-template-columns:1fr}}[data-theme=dark] .campaign-dashboard{background:#111827}[data-theme=dark] .cd-header{background:#1f2937;border-bottom-color:#374151}[data-theme=dark] .cd-card,[data-theme=dark] .cd-kpi-card{background:#1f2937;border-color:#374151}[data-theme=dark] .cd-kpi-card:hover{box-shadow:0 4px 12px #0000004d}[data-theme=dark] .cd-input,[data-theme=dark] .cd-select{background:#111827;border-color:#374151;color:#f9fafb}[data-theme=dark] .cd-editor-preview,[data-theme=dark] .cd-audience-item{background:#111827;border-color:#374151}[data-theme=dark] .cd-audience-item:hover{background:#1f2937}[data-theme=dark] .cd-avatar{background:#374151;color:#f9fafb}[data-theme=dark] .cd-modal-backdrop{background:#000000b3}[data-theme=dark] .cd-modal{background:#1f2937;border-color:#374151}[data-theme=dark] .cd-preview-subject,[data-theme=dark] .cd-preview-body,[data-theme=dark] .cd-lead-search-item{background:#111827;border-color:#374151}[data-theme=dark] .cd-chart-wrapper{background:#1f2937;border-color:#374151}[data-theme=dark] .btn-cd-secondary{background:#374151;color:#f9fafb;border-color:#4b5563}[data-theme=dark] .btn-cd-secondary:hover:not(:disabled){background:#4b5563}[data-theme=dark] .cd-more-menu-dropdown{background:#1f2937;border-color:#374151;box-shadow:0 10px 25px #00000080}[data-theme=dark] .cd-menu-item:hover{background:#374151}.admin-settings-page{max-width:720px;margin:0 auto}.admin-settings-page--wide{max-width:1040px}.admin-settings-header{margin-bottom:var(--space-lg)}.admin-settings-page .page-title{margin-bottom:var(--space-sm)}.admin-settings-desc{margin:0;font-size:.9375rem;line-height:1.6;color:var(--text-secondary);max-width:52rem}.admin-settings-desc code{font-size:.85em;padding:.15em .45em;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.admin-settings-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg)}.admin-settings-card h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md)}.admin-settings-card .form-grid{margin-bottom:var(--space-md)}.admin-settings-message{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:.875rem;line-height:1.5}.admin-settings-message--success{background:#10b98114;border:1px solid rgba(16,185,129,.25);color:var(--success-dark, #059669)}.admin-settings-message--error{background:#ef444414;border:1px solid rgba(239,68,68,.22);color:var(--error-dark, #dc2626)}.admin-automation-magic-row{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-md) var(--space-xl);padding-top:var(--space-xs);margin-bottom:0}.admin-automation-magic-row .form-group{flex:1 1 200px;min-width:min(100%,200px);max-width:260px}.admin-automation-magic-row .form-checkbox{flex:0 0 auto;margin-bottom:8px}.admin-automation-magic-row .form-checkbox span{color:var(--text-primary)}.automation-section-divider{margin:28px 0 20px;padding-top:20px;border-top:1px solid var(--border-color)}.automation-section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 20px}.form-group{position:relative}.form-select-with-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px}.select-dropdown-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-secondary);pointer-events:none;z-index:1;margin-top:0}.automation-toggle-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.automation-toggle-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.automation-toggle{position:relative;width:48px;height:26px;background:var(--gray-300, #d1d5db);border:none;border-radius:13px;cursor:pointer;transition:background-color .2s;padding:0}.automation-toggle.active{background:#10b981}.toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px #0003}.automation-toggle.active .toggle-slider{transform:translate(22px)}.admin-settings-card .form-actions.form-footer-left{margin-top:var(--space-lg);padding-top:var(--space-md)}.admin-data-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-data-table th,.admin-data-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.admin-data-table th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-secondary)}.admin-data-table tbody tr:hover{background:var(--bg-secondary)}.admin-data-table .muted-cell{color:var(--text-secondary)}.admin-data-table .btn-compact{min-width:50px;width:auto;padding:4px 12px}@media (max-width: 640px){.admin-automation-magic-row{flex-direction:column;align-items:stretch}.admin-automation-magic-row .form-group{max-width:none}.automation-toggle-wrapper{flex-direction:row;justify-content:space-between;align-items:center}}.lead-scoring-page .lead-scoring-muted{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.9rem}.lead-scoring-error{background:var(--error-light);color:var(--error-dark);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.lead-scoring-rules{margin-bottom:var(--space-xl)}.lead-scoring-rule-list{list-style:none;padding:0;margin:0}.lead-scoring-rule-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border-color)}.lead-scoring-meta{color:var(--text-secondary);font-size:.875rem}.lead-scoring-pre{margin-top:var(--space-sm);font-size:.75rem;background:var(--bg-surface);padding:var(--space-sm);border-radius:var(--radius-sm);overflow:auto;max-height:120px}.lead-scoring-form-card{margin-top:var(--space-lg)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:.875rem}.pnav{position:fixed;top:0;left:0;right:0;z-index:1030;transition:background .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.pnav--scrolled{background:#fffffff7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px #0000000f,0 2px 8px #0000000f}.pnav__inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;gap:1.5rem}.pnav__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}.pnav__logo-mark{width:34px;height:34px;background:#6366f1;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.05rem;letter-spacing:-.02em;flex-shrink:0}.pnav__logo-text{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.03em;transition:color .15s cubic-bezier(.4,0,.2,1)}.pnav--scrolled .pnav__logo-text{color:#0f172a}.pnav__links{display:flex;align-items:center;gap:0;list-style:none;margin:0 0 0 auto;padding:0}.pnav__link{display:inline-flex;align-items:center;padding:.4rem .875rem;border-radius:7px;font-size:.9rem;font-weight:500;color:#ffffffbf;text-decoration:none;transition:color .15s ease,background .15s ease}.pnav__link:hover,.pnav__link.active{color:#fff;background:#ffffff1a}.pnav--scrolled .pnav__link{color:#475569}.pnav--scrolled .pnav__link:hover,.pnav--scrolled .pnav__link.active{color:#6366f1;background:#6366f114}.pnav__actions{display:flex;align-items:center;gap:.5rem;margin-left:1rem;flex-shrink:0}.pnav__ghost{display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:999px;font-size:.875rem;font-weight:600;text-decoration:none;border:1.5px solid rgba(255,255,255,.35);color:#fff;transition:all .15s ease}.pnav__ghost:hover{border-color:#ffffffb3;background:#ffffff14;color:#fff}.pnav--scrolled .pnav__ghost{border-color:#cbd5e1;color:#475569}.pnav--scrolled .pnav__ghost:hover{border-color:#6366f1;color:#6366f1;background:#6366f10d}.pnav__primary{display:inline-flex;align-items:center;padding:.45rem 1.1rem;border-radius:999px;font-size:.875rem;font-weight:600;text-decoration:none;background:#6366f1;color:#fff;box-shadow:0 2px 10px #6366f166;transition:all .15s ease}.pnav__primary:hover{background:#4f46e5;box-shadow:0 4px 14px #6366f180;transform:translateY(-1px);color:#fff}.pnav__burger{display:none;margin-left:auto;background:none;border:none;cursor:pointer;padding:.45rem;border-radius:7px;color:#fff;transition:background .15s ease;line-height:0}.pnav__burger:hover{background:#ffffff1a}.pnav--scrolled .pnav__burger{color:#374151}.pnav--scrolled .pnav__burger:hover{background:#0000000d}.pnav__drawer{display:none;flex-direction:column;padding:.5rem 1.25rem 1.25rem;background:#fffffffa;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #e5e7eb;overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.pnav__drawer.open{max-height:360px}.pnav__drawer-link{display:block;padding:.7rem .75rem;border-radius:8px;font-size:.9375rem;font-weight:500;color:#374151;text-decoration:none;transition:background .15s ease,color .15s ease}.pnav__drawer-link:hover,.pnav__drawer-link.active{background:#6366f114;color:#6366f1}.pnav__drawer-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.pnav__drawer-ghost{display:flex;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600;text-decoration:none;border:1.5px solid #cbd5e1;color:#475569;transition:all .15s ease}.pnav__drawer-ghost:hover{border-color:#6366f1;color:#6366f1}.pnav__drawer-primary{display:flex;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600;text-decoration:none;background:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f159;transition:all .15s ease}.pnav__drawer-primary:hover{background:#4f46e5;color:#fff}@media (max-width: 768px){.pnav__links,.pnav__actions{display:none}.pnav__burger{display:flex}.pnav__drawer{display:none}.pnav__drawer.open{display:flex}}[data-theme=dark] .public-navbar{background:#111827f2;border-bottom-color:#374151}[data-theme=dark] .pnav__logo-title,[data-theme=dark] .pnav__menu-toggle{color:#f9fafb}[data-theme=dark] .pnav__nav-link,[data-theme=dark] .pnav__ghost-btn{color:#d1d5db}[data-theme=dark] .pnav__nav-link:hover,[data-theme=dark] .pnav__ghost-btn:hover{color:#f9fafb}[data-theme=dark] .pnav__ghost-btn{border-color:#4b5563}[data-theme=dark] .pnav__ghost-btn:hover{border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .pnav__primary-btn{background:#3b82f6;border-color:#3b82f6;color:#fff}[data-theme=dark] .pnav__primary-btn:hover{background:#2563eb;border-color:#2563eb}[data-theme=dark] .pnav__drawer{background:#1f2937}[data-theme=dark] .pnav__drawer-header{border-bottom-color:#374151}[data-theme=dark] .pnav__drawer-close{color:#f9fafb}[data-theme=dark] .pnav__drawer-link{color:#d1d5db}[data-theme=dark] .pnav__drawer-link:hover{background:#374151;color:#f9fafb}[data-theme=dark] .pnav__drawer-actions{border-top-color:#374151}[data-theme=dark] .pnav__drawer-ghost{border-color:#4b5563;color:#d1d5db}[data-theme=dark] .pnav__drawer-ghost:hover{border-color:#60a5fa;color:#60a5fa}.pfooter{background:#0f172a;padding:3.5rem 1.5rem 0}.pfooter__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:3rem}.pfooter__logo{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.pfooter__logo-mark{width:30px;height:30px;background:#6366f1;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.95rem;flex-shrink:0}.pfooter__logo-text{font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:-.03em}.pfooter__tagline{font-size:.875rem;line-height:1.65;color:#ffffff73;margin:0;max-width:280px}.pfooter__col-title{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin:0 0 .875rem}.pfooter__link{display:block;font-size:.875rem;color:#ffffff80;text-decoration:none;padding:.2rem 0;margin-bottom:.3rem;transition:color .15s ease}.pfooter__link:hover{color:#fff}.pfooter__bottom{border-top:1px solid rgba(255,255,255,.07);max-width:1200px;margin:0 auto;padding:1.25rem 0;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ffffff40}.pfooter__sep{opacity:.5}@media (max-width: 768px){.pfooter__inner{grid-template-columns:1fr 1fr}.pfooter__brand{grid-column:1 / -1}}@media (max-width: 480px){.pfooter__inner{grid-template-columns:1fr}.pfooter__bottom{flex-direction:column;align-items:flex-start;gap:.25rem}.pfooter__sep{display:none}}[data-theme=dark] .public-footer{background:#111827;border-top-color:#374151}[data-theme=dark] .public-footer *{color:#d1d5db}[data-theme=dark] .public-footer a:hover{color:#60a5fa}html{scroll-behavior:smooth}.lp{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.lp-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.lp-section{padding:5rem 0}.lp-section--white{background:#fff}.lp-section--gray{background:#f9fafb}.lp-section--subtle{background:#f5f3ff}.lp-section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.lp-h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;color:#0f172a;letter-spacing:-.03em;margin:0 0 .75rem;line-height:1.2}.lp-lead{font-size:1.0625rem;color:#64748b;line-height:1.65;margin:0}.lp-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6366f1;color:#fff;border-radius:999px;font-weight:700;font-size:.9375rem;text-decoration:none;box-shadow:0 4px 14px #6366f166;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer}.lp-btn-primary:hover{background:#4f46e5;box-shadow:0 6px 20px #6366f180;transform:translateY(-2px);color:#fff}.lp-btn-primary--light{background:#fff;color:#6366f1;box-shadow:0 4px 14px #0000001a}.lp-btn-primary--light:hover{background:#f5f3ff;color:#6366f1;box-shadow:0 6px 20px #00000026}.lp-btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;color:#ffffffe6;border-radius:999px;font-weight:600;font-size:.9375rem;text-decoration:none;border:1.5px solid rgba(255,255,255,.3);transition:all .2s cubic-bezier(.4,0,.2,1)}.lp-btn-ghost:hover{background:#ffffff26;border-color:#fff9;color:#fff}.lp-link-arrow{display:inline-flex;align-items:center;gap:.4rem;color:#6366f1;font-weight:600;font-size:.9375rem;text-decoration:none;transition:gap .15s ease}.lp-link-arrow:hover{gap:.65rem;color:#4f46e5}.lp-hero{min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.25) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.12) 0%,transparent 40%),linear-gradient(145deg,#0f172a,#1e293b 55%,#1e1b4b);display:flex;align-items:center;padding:7rem 1.5rem 5rem;position:relative;overflow:hidden}.lp-hero:after{content:"";position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);bottom:-200px;right:-200px;pointer-events:none}.lp-hero__inner{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.lp-hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .85rem .3rem .6rem;border-radius:999px;background:#6366f126;border:1px solid rgba(99,102,241,.35);color:#a5b4fc;font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem}.lp-hero__badge-dot{width:7px;height:7px;border-radius:50%;background:#6366f1;animation:lp-pulse 2s infinite}@keyframes lp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.lp-hero__title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1.1;margin:0 0 1.25rem}.lp-hero__title-accent{background:linear-gradient(135deg,#a5b4fc,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero__subtitle{font-size:1.0625rem;color:#ffffffa6;line-height:1.7;margin:0 0 2rem;max-width:480px}.lp-hero__ctas{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.875rem}.lp-hero__trial-note{font-size:.8125rem;color:#ffffff8c;margin:0 0 2rem;letter-spacing:.01em}.lp-hero__visual{display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:1}.lp-mock{background:#fffffff7;border-radius:16px;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 1px #6366f126,0 32px 80px #00000080,0 8px 24px #0000004d;width:100%;max-width:440px;overflow:hidden}.lp-mock__header{background:#6366f1;padding:.75rem 1rem;display:flex;align-items:center;gap:.625rem}.lp-mock__hlogo{width:24px;height:24px;background:#fff3;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:800}.lp-mock__hname{font-size:.8125rem;font-weight:600;color:#ffffffe6;flex:1}.lp-mock__hdots{display:flex;gap:4px}.lp-mock__hdots span{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.lp-mock__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #f1f5f9;padding:.875rem 1rem;background:#fff}.lp-mock__stat{text-align:center}.lp-mock__snum{display:block;font-size:1rem;font-weight:800;letter-spacing:-.02em;line-height:1}.lp-mock__slbl{display:block;font-size:.65rem;color:#9ca3af;margin-top:.2rem}.lp-mock__body{background:#fff;padding:.5rem 0}.lp-mock__row{display:flex;align-items:center;gap:.625rem;padding:.5rem 1rem;transition:background .15s ease}.lp-mock__row:hover{background:#f9fafb}.lp-mock__av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-mock__rinfo{flex:1;min-width:0}.lp-mock__rname{display:block;font-size:.78rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-mock__rstatus{display:block;font-size:.65rem;color:#94a3b8;margin-top:1px}.lp-mock__tag{font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;letter-spacing:.04em;flex-shrink:0}.lp-mock__tag--hot{background:#fee2e2;color:#b91c1c}.lp-mock__tag--warm{background:#fef3c7;color:#92400e}.lp-mock__tag--cold{background:#dbeafe;color:#1d4ed8}.lp-mock__footer{padding:.75rem 1rem;background:#f9fafb;border-top:1px solid #f1f5f9;display:flex;align-items:center;gap:.625rem}.lp-mock__campaign-label{font-size:.65rem;color:#94a3b8;white-space:nowrap}.lp-mock__bar{flex:1;height:5px;background:#e5e7eb;border-radius:999px;overflow:hidden}.lp-mock__bar-fill{height:100%;width:68%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px}.lp-mock__pct{font-size:.7rem;font-weight:700;color:#6366f1}.lp-pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.lp-pain-card{background:#fff;border-radius:14px;padding:1.75rem;border:1px solid #f1f5f9;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s ease,transform .2s ease}.lp-pain-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.lp-pain-icon{font-size:2rem;display:block;margin-bottom:1rem}.lp-pain-title{font-size:1.0625rem;font-weight:700;color:#0f172a;margin:0 0 .5rem;line-height:1.3}.lp-pain-desc{font-size:.9rem;color:#64748b;line-height:1.6;margin:0}.lp-steps{display:flex;align-items:flex-start;gap:0}.lp-step{flex:1;padding:2rem 1.5rem;background:#fff;border-radius:14px;border:1px solid #e5e7eb;position:relative}.lp-step__num{font-size:3rem;font-weight:900;letter-spacing:-.05em;line-height:1;opacity:.15;margin-bottom:.75rem}.lp-step__title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.lp-step__desc{font-size:.9rem;color:#64748b;line-height:1.65;margin:0}.lp-step-arrow{font-size:1.5rem;color:#cbd5e1;padding:2rem .75rem 0;flex-shrink:0;align-self:flex-start}.lp-diff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.lp-diff-card{background:#fff;border-radius:14px;padding:1.75rem;border:1px solid rgba(99,102,241,.12);box-shadow:0 2px 12px #6366f10f;transition:box-shadow .2s ease,transform .2s ease}.lp-diff-card:hover{box-shadow:0 8px 28px #6366f11f;transform:translateY(-3px)}.lp-diff-icon{font-size:1.75rem;display:block;margin-bottom:.875rem}.lp-diff-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 .4rem}.lp-diff-desc{font-size:.875rem;color:#64748b;line-height:1.6;margin:0}.lp-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.lp-feat-tile{background:#f9fafb;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;transition:all .2s ease;cursor:default}.lp-feat-tile:hover{background:#fff;border-color:#6366f133;box-shadow:0 6px 20px #6366f114;transform:translateY(-2px)}.lp-feat-icon{font-size:1.5rem;display:block;margin-bottom:.75rem}.lp-feat-title{font-size:.9375rem;font-weight:700;color:#0f172a;margin:0 0 .35rem}.lp-feat-desc{font-size:.8125rem;color:#64748b;line-height:1.5;margin:0}.lp-feat-cta{text-align:center;margin-top:2.5rem}.lp-pricing-preview{background:linear-gradient(135deg,#1e1b4b,#312e81,#1e1b4b)}.lp-pp__card{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:3rem}.lp-pp__badge{display:inline-block;padding:.25rem .75rem;background:#6366f140;border:1px solid rgba(165,180,252,.3);border-radius:999px;font-size:.75rem;font-weight:600;color:#a5b4fc;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.25rem}.lp-pp__title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.2;margin:0 0 .875rem}.lp-pp__sub{font-size:.9375rem;color:#ffffff8c;margin:0 0 2rem;line-height:1.6}.lp-pp__price-box{background:#fffffff2;border-radius:14px;padding:1.5rem;margin-bottom:1.25rem}.lp-pp__price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.625rem}.lp-pp__currency{font-size:1.25rem;font-weight:700;color:#6366f1}.lp-pp__amount{font-size:3rem;font-weight:900;color:#0f172a;letter-spacing:-.04em;line-height:1}.lp-pp__per{font-size:.9rem;color:#64748b;font-weight:500}.lp-pp__annual{font-size:.8125rem;color:#475569}.lp-pp__save{display:inline-block;background:#d1fae5;color:#065f46;padding:.1rem .4rem;border-radius:4px;font-size:.72rem;font-weight:700;margin-left:.25rem}.lp-pp__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.lp-pp__item{display:flex;align-items:center;gap:.4rem;font-size:.84rem;color:#ffffffbf}.lp-pp__check{color:#6ee7b7;flex-shrink:0;display:flex}.lp-demo{padding-top:5rem;padding-bottom:5rem}.lp-demo__card{max-width:720px;margin:0 auto;background:#fff;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 8px 40px #00000014;padding:3rem}.lp-demo__header{text-align:center;margin-bottom:2.25rem}.lp-demo__title{font-size:1.875rem;font-weight:800;color:#0f172a;letter-spacing:-.03em;margin:0 0 .625rem}.lp-demo__sub{font-size:1rem;color:#64748b;line-height:1.6;margin:0}.lp-demo__form{display:flex;flex-direction:column;gap:1rem}.lp-demo__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lp-demo__field{display:flex;flex-direction:column;gap:.4rem}.lp-demo__label{font-size:.8125rem;font-weight:600;color:#374151}.lp-demo__input{padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9375rem;color:#0f172a;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}.lp-demo__input::placeholder{color:#9ca3af}.lp-demo__input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.lp-demo__submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;background:#6366f1;color:#fff;border:none;border-radius:999px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #6366f166;transition:all .2s ease;margin-top:.5rem;font-family:inherit}.lp-demo__submit:hover{background:#4f46e5;box-shadow:0 6px 20px #6366f180;transform:translateY(-2px)}.lp-demo__success{text-align:center;padding:2rem 0}.lp-demo__success-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.lp-demo__success-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .625rem}.lp-demo__success-msg{font-size:1rem;color:#64748b;line-height:1.6;margin:0}@media (max-width: 1024px){.lp-hero__inner{grid-template-columns:1fr;gap:3rem;text-align:center}.lp-hero__subtitle{max-width:100%}.lp-hero__ctas,.lp-hero__visual{justify-content:center}.lp-mock{max-width:380px}}@media (max-width: 768px){.lp-section{padding:3.5rem 0}.lp-pain-grid{grid-template-columns:1fr;gap:1rem}.lp-steps{flex-direction:column}.lp-step-arrow{display:none}.lp-diff-grid{grid-template-columns:1fr}.lp-feat-grid{grid-template-columns:repeat(2,1fr)}.lp-pp__card{grid-template-columns:1fr;gap:2rem;padding:2rem}.lp-pp__list{grid-template-columns:1fr}.lp-demo__card{padding:2rem 1.25rem}.lp-demo__row{grid-template-columns:1fr}}@media (max-width: 480px){.lp-hero{padding:6rem 1rem 4rem}.lp-hero__title{font-size:2rem}.lp-feat-grid{grid-template-columns:1fr}.lp-mock{max-width:100%}.lp-mock__stats{grid-template-columns:repeat(2,1fr);gap:.5rem}}.about{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.about-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.about-section{padding:5rem 0}.about-section--white{background:#fff}.about-section--gray{background:#f9fafb}.about-section-header{text-align:center;max-width:600px;margin:0 auto 3rem}.about-h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;color:#0f172a;letter-spacing:-.03em;margin:0 0 .625rem;line-height:1.2}.about-lead{font-size:1.0625rem;color:#64748b;line-height:1.65;margin:0}.about-hero{background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.2) 0%,transparent 45%),linear-gradient(145deg,#0f172a,#1e293b 60%,#1e1b4b);padding:9rem 1.5rem 6rem;text-align:center}.about-hero__badge{display:inline-block;padding:.3rem .85rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#a5b4fc;margin-bottom:1.5rem}.about-hero__title{font-size:clamp(2rem,5vw,3.25rem);font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1.1;margin:0 0 1.25rem}.about-hero__title-accent{background:linear-gradient(135deg,#a5b4fc,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero__sub{font-size:1.0625rem;color:#fff9;max-width:580px;margin:0 auto;line-height:1.7}.about-mission{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-mission__title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1.25;margin:0}.about-mission__body p{font-size:.9375rem;color:#475569;line-height:1.75;margin:0 0 1rem}.about-mission__body p:last-child{margin:0}.about-what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.about-what-card{background:#fff;border-radius:14px;padding:1.75rem;border:1px solid #f1f5f9;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s ease,transform .2s ease}.about-what-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.about-what-icon{font-size:1.75rem;display:block;margin-bottom:.875rem}.about-what-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.about-what-desc{font-size:.875rem;color:#64748b;line-height:1.65;margin:0}.about-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.about-value-card{background:#f9fafb;border-radius:14px;padding:1.5rem;border:1px solid #e5e7eb;transition:all .2s ease}.about-value-card:hover{background:#fff;border-color:#6366f133;box-shadow:0 6px 20px #6366f114;transform:translateY(-2px)}.about-value-icon{font-size:1.5rem;display:block;margin-bottom:.75rem}.about-value-title{font-size:.9375rem;font-weight:700;color:#0f172a;margin:0 0 .4rem}.about-value-desc{font-size:.8125rem;color:#64748b;line-height:1.6;margin:0}.about-cta{background:linear-gradient(135deg,#1e1b4b,#312e81,#1e1b4b);padding:5rem 1.5rem;text-align:center}.about-cta__title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;color:#fff;letter-spacing:-.03em;margin:0 0 .875rem;line-height:1.2}.about-cta__sub{font-size:1.0625rem;color:#fff9;margin:0 0 2.25rem}.about-cta__actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.about-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;background:#6366f1;color:#fff;border-radius:999px;font-weight:700;font-size:.9375rem;text-decoration:none;box-shadow:0 4px 14px #6366f166;transition:all .2s ease}.about-btn-primary:hover{background:#4f46e5;box-shadow:0 6px 20px #6366f180;transform:translateY(-2px);color:#fff}.about-btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;background:#ffffff14;color:#ffffffd9;border-radius:999px;font-weight:600;font-size:.9375rem;text-decoration:none;border:1.5px solid rgba(255,255,255,.25);transition:all .2s ease}.about-btn-ghost:hover{background:#ffffff24;border-color:#ffffff8c;color:#fff}@media (max-width: 1024px){.about-values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.about-section{padding:3.5rem 0}.about-mission{grid-template-columns:1fr;gap:2rem}.about-what-grid{grid-template-columns:1fr}.about-values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.about-values-grid{grid-template-columns:1fr}}.feat{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.feat-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.feat-section{padding:5rem 0}.feat-section--gray{background:#f9fafb}.feat-section-header{text-align:center;max-width:600px;margin:0 auto 3rem}.feat-h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;color:#0f172a;letter-spacing:-.03em;margin:0 0 .625rem;line-height:1.2}.feat-lead{font-size:1.0625rem;color:#64748b;line-height:1.65;margin:0}.feat-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;background:#6366f1;color:#fff;border-radius:999px;font-weight:700;font-size:.9375rem;text-decoration:none;box-shadow:0 4px 14px #6366f166;transition:all .2s ease}.feat-btn-primary:hover{background:#4f46e5;box-shadow:0 6px 20px #6366f180;transform:translateY(-2px);color:#fff}.feat-btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;background:#ffffff14;color:#ffffffd9;border-radius:999px;font-weight:600;font-size:.9375rem;text-decoration:none;border:1.5px solid rgba(255,255,255,.25);transition:all .2s ease}.feat-btn-ghost:hover{background:#ffffff24;border-color:#ffffff8c;color:#fff}.feat-hero{background:radial-gradient(circle at 80% 20%,rgba(99,102,241,.2) 0%,transparent 45%),linear-gradient(145deg,#0f172a,#1e293b 60%,#1e1b4b);padding:9rem 1.5rem 5rem;text-align:center}.feat-hero__badge{display:inline-block;padding:.3rem .85rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#a5b4fc;margin-bottom:1.5rem}.feat-hero__title{font-size:clamp(2rem,5vw,3.25rem);font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1.1;margin:0 0 1.25rem}.feat-hero__sub{font-size:1.0625rem;color:#fff9;max-width:520px;margin:0 auto;line-height:1.7}.feat-module--light{background:#f9fafb}.feat-module--white{background:#fff}.feat-module{padding:5rem 0}.feat-module__inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.feat-module__inner--reverse{direction:rtl}.feat-module__inner--reverse>*{direction:ltr}.feat-module__visual{display:flex;justify-content:center}.feat-module__card{width:100%;max-width:360px;border-radius:18px;padding:2rem;border:1.5px solid;box-shadow:0 8px 30px #00000012;display:flex;flex-direction:column;gap:1rem}.feat-module__card-icon{font-size:2.25rem}.feat-module__card-title{font-size:1.125rem;font-weight:800;letter-spacing:-.02em}.feat-module__card-dots{display:flex;flex-direction:column;gap:.5rem}.feat-module__card-line{height:6px;background:#00000012;border-radius:999px;overflow:hidden}.feat-module__card-line-fill{height:100%;border-radius:999px;opacity:.7}.feat-module__card-badge{display:inline-flex;align-self:flex-start;padding:.25rem .75rem;border-radius:999px;font-size:.72rem;font-weight:700;color:#fff;letter-spacing:.04em;text-transform:uppercase;margin-top:.5rem}.feat-module__tag{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.25rem .75rem;border-radius:6px;margin-bottom:.875rem}.feat-module__title{font-size:clamp(1.375rem,2.5vw,1.875rem);font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1.2;margin:0 0 .875rem}.feat-module__desc{font-size:.9375rem;color:#475569;line-height:1.7;margin:0 0 1.5rem}.feat-module__points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}.feat-module__point{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#374151;line-height:1.5}.feat-module__check{flex-shrink:0;margin-top:1px;display:flex}.feat-int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feat-int-card{background:#fff;border-radius:14px;padding:1.75rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s ease,transform .2s ease}.feat-int-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.feat-int-icon{font-size:1.875rem;display:block;margin-bottom:.875rem}.feat-int-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.feat-int-desc{font-size:.875rem;color:#64748b;line-height:1.65;margin:0}.feat-cta{background:linear-gradient(135deg,#1e1b4b,#312e81,#1e1b4b);padding:5rem 1.5rem;text-align:center}.feat-cta__title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;color:#fff;letter-spacing:-.03em;margin:0 0 .875rem;line-height:1.2}.feat-cta__sub{font-size:1.0625rem;color:#fff9;margin:0 0 2.25rem}.feat-cta__actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}@media (max-width: 1024px){.feat-module__inner{grid-template-columns:1fr;gap:2.5rem}.feat-module__inner--reverse{direction:ltr}.feat-int-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.feat-module,.feat-section{padding:3.5rem 0}.feat-int-grid{grid-template-columns:1fr}}.pr{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.pr-container{max-width:900px;margin:0 auto;padding:0 1.5rem}.pr-section{padding:5rem 0}.pr-section--white{background:#fff}.pr-section--gray{background:#f9fafb}.pr-section-header{text-align:center;margin-bottom:2.5rem}.pr-h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;color:#0f172a;letter-spacing:-.03em;margin:0;line-height:1.2}.pr-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;background:#6366f1;color:#fff;border-radius:999px;font-weight:700;font-size:.9375rem;text-decoration:none;box-shadow:0 4px 14px #6366f166;transition:all .2s ease}.pr-btn-primary:hover{background:#4f46e5;box-shadow:0 6px 20px #6366f180;transform:translateY(-2px);color:#fff}.pr-btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;background:#ffffff14;color:#ffffffd9;border-radius:999px;font-weight:600;font-size:.9375rem;text-decoration:none;border:1.5px solid rgba(255,255,255,.25);transition:all .2s ease}.pr-btn-ghost:hover{background:#ffffff24;border-color:#ffffff8c;color:#fff}.pr-hero{background:radial-gradient(circle at 50% 30%,rgba(99,102,241,.25) 0%,transparent 55%),linear-gradient(145deg,#0f172a,#1e293b 60%,#1e1b4b);padding:9rem 1.5rem 5rem;text-align:center}.pr-hero__badge{display:inline-block;padding:.3rem .85rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#a5b4fc;margin-bottom:1.5rem}.pr-hero__title{font-size:clamp(2rem,5vw,3.25rem);font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1.1;margin:0 0 1.25rem}.pr-hero__sub{font-size:1.0625rem;color:#fff9;max-width:480px;margin:0 auto;line-height:1.7}.pr-toggle{display:flex;align-items:center;justify-content:center;gap:.875rem;margin-bottom:2.5rem}.pr-toggle__label{font-size:.9375rem;font-weight:500;color:#94a3b8;transition:color .15s ease;display:flex;align-items:center;gap:.375rem}.pr-toggle__label.active{color:#0f172a;font-weight:600}.pr-toggle__btn{width:52px;height:28px;background:#e2e8f0;border-radius:999px;border:none;cursor:pointer;position:relative;transition:background .2s ease;padding:0}.pr-toggle__btn.annual{background:#6366f1}.pr-toggle__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000026;transition:transform .2s ease}.pr-toggle__btn.annual .pr-toggle__knob{transform:translate(24px)}.pr-toggle__save{display:inline-block;background:#d1fae5;color:#065f46;padding:.1rem .45rem;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.02em}.pr-card{background:#fff;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 8px 40px #00000014;display:grid;grid-template-columns:340px 1px 1fr;overflow:hidden}.pr-card__left{padding:2.5rem;display:flex;flex-direction:column;align-items:flex-start}.pr-card__plan-badge{display:inline-block;padding:.3rem .85rem;background:#f5f3ff;border:1px solid rgba(99,102,241,.25);border-radius:999px;font-size:.78rem;font-weight:700;color:#6366f1;letter-spacing:.04em;margin-bottom:1.75rem}.pr-card__price{display:flex;align-items:baseline;gap:.2rem;line-height:1}.pr-card__currency{font-size:1.5rem;font-weight:700;color:#6366f1}.pr-card__amount{font-size:4rem;font-weight:900;color:#0f172a;letter-spacing:-.05em;transition:all .2s ease}.pr-card__billing{font-size:.875rem;color:#64748b;margin-top:.5rem}.pr-card__saving{margin-top:.5rem;font-size:.8125rem;color:#10b981;font-weight:600}.pr-card__min{margin-top:1rem;font-size:.8125rem;color:#94a3b8;padding:.35rem .75rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.pr-card__cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.75rem;padding:.8rem 1.5rem;background:#6366f1;color:#fff;border-radius:999px;font-weight:700;font-size:.9375rem;text-decoration:none;box-shadow:0 4px 14px #6366f159;transition:all .2s ease;width:100%;justify-content:center}.pr-card__cta:hover{background:#4f46e5;box-shadow:0 6px 20px #6366f173;transform:translateY(-1px);color:#fff}.pr-card__trial{font-size:.8rem;color:#64748b;text-align:center;margin:.5rem 0 0}.pr-card__demo-link{margin-top:.875rem;font-size:.875rem;color:#6366f1;text-decoration:none;text-align:center;width:100%;transition:color .15s ease}.pr-card__demo-link:hover{color:#4f46e5;text-decoration:underline}.pr-card__divider{background:#f1f5f9;width:1px}.pr-card__right{padding:2.5rem}.pr-card__includes{font-size:.8125rem;font-weight:600;color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;margin:0 0 1.25rem}.pr-card__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.pr-card__item{display:flex;align-items:flex-start;gap:.4rem;font-size:.875rem;color:#374151;line-height:1.4}.pr-card__check{color:#10b981;flex-shrink:0;margin-top:1px;display:flex}.pr-example{margin-top:1.5rem;padding:1rem 1.25rem;background:#f5f3ff;border-radius:10px;border:1px solid rgba(99,102,241,.15);font-size:.875rem;color:#475569;line-height:1.6;text-align:center}.pr-example strong{color:#0f172a}.pr-faq{max-width:720px;margin:0 auto;display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff}.pr-faq__item{border-bottom:1px solid #f1f5f9}.pr-faq__item:last-child{border-bottom:none}.pr-faq__question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left;font-size:.9375rem;font-weight:600;color:#0f172a;gap:1rem;transition:background .15s ease;font-family:inherit}.pr-faq__question:hover{background:#f9fafb}.pr-faq__chevron{flex-shrink:0;color:#94a3b8;transition:transform .25s ease;display:flex}.pr-faq__item.open .pr-faq__chevron{transform:rotate(180deg)}.pr-faq__answer{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.pr-faq__item.open .pr-faq__answer{max-height:200px}.pr-faq__answer p{padding:0 1.5rem 1.25rem;font-size:.9rem;color:#475569;line-height:1.7;margin:0}.pr-cta{background:linear-gradient(135deg,#1e1b4b,#312e81,#1e1b4b);padding:5rem 1.5rem;text-align:center}.pr-cta__title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;color:#fff;letter-spacing:-.03em;margin:0 0 .875rem;line-height:1.2}.pr-cta__sub{font-size:1.0625rem;color:#fff9;margin:0 0 2.25rem;max-width:480px;margin-left:auto;margin-right:auto}.pr-cta__actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.pr-section{padding:3.5rem 0}.pr-card{grid-template-columns:1fr}.pr-card__divider{width:100%;height:1px}.pr-card__list{grid-template-columns:1fr}}@media (max-width: 480px){.pr-card__left,.pr-card__right{padding:1.5rem}}.rop-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page, #f1f5f9);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.rop-hero{background:linear-gradient(135deg,#0f172a,#1e293b 55%,#312e81);padding:80px 24px 64px;text-align:center;color:#fff}.rop-hero__chip{display:inline-block;background:#6366f140;color:#a5b4fc;border:1px solid rgba(165,180,252,.3);border-radius:999px;padding:4px 16px;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px}.rop-hero__h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin:0 0 16px;letter-spacing:-.02em}.rop-hero__sub{font-size:1rem;color:#94a3b8;max-width:520px;margin:0 auto;line-height:1.7}.rop-body{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:48px 24px 80px}.rop-card{background:#fff;border-radius:16px;padding:40px 44px;width:100%;max-width:520px;box-shadow:0 20px 40px -8px #0000001f,0 4px 12px #0000000f;border:1px solid #e5e7eb}.rop-card__title{font-size:1.375rem;font-weight:700;color:#111827;margin:0 0 6px}.rop-card__sub{font-size:.875rem;color:#6b7280;margin:0 0 28px}.rop-error{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c;border-radius:8px;padding:10px 14px;font-size:.875rem;margin-bottom:20px}.rop-field{margin-bottom:20px}.rop-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:6px}.rop-required{color:#ef4444;margin-left:2px}.rop-optional{color:#9ca3af;font-weight:400}.rop-input{width:100%;padding:11px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:.9375rem;color:#111827;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rop-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.rop-input--ok{border-color:#10b981}.rop-input--ok:focus{box-shadow:0 0 0 3px #10b9811f}.rop-input--err{border-color:#ef4444}.rop-input--err:focus{box-shadow:0 0 0 3px #ef44441a}.rop-textarea{resize:vertical;min-height:82px}.rop-subdomain{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:.8125rem}.rop-subdomain__url{color:#6366f1;font-weight:600;background:#eef2ff;padding:2px 10px;border-radius:999px;font-size:.8rem}.rop-subdomain__check{color:#9ca3af}.rop-subdomain__status{font-weight:600;padding:2px 10px;border-radius:999px;font-size:.8rem}.rop-subdomain__status.ok{background:#d1fae5;color:#065f46}.rop-subdomain__status.err{background:#fee2e2;color:#991b1b}.rop-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rop-submit{width:100%;padding:13px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;margin-top:8px;letter-spacing:.01em;box-shadow:0 4px 12px #6366f159;transition:opacity .2s,transform .15s}.rop-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.rop-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.rop-footer-note{text-align:center;font-size:.875rem;color:#6b7280;margin-top:20px}.rop-success{background:#fff;border-radius:16px;padding:48px 44px;width:100%;max-width:520px;box-shadow:0 20px 40px -8px #0000001f;border:1px solid #e5e7eb;text-align:center}.rop-success__icon{font-size:52px;margin-bottom:16px}.rop-success h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 12px}.rop-success p{color:#4b5563;line-height:1.7;margin:0 0 14px}.rop-success__note{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;font-size:.875rem;color:#166534}.rop-btn-primary{display:inline-block;margin-top:24px;padding:12px 32px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:700;border-radius:10px;text-decoration:none;font-size:.9375rem;box-shadow:0 4px 12px #6366f14d;transition:opacity .2s}.rop-btn-primary:hover{opacity:.88}@media (max-width: 640px){.rop-card,.rop-success{padding:28px 20px}.rop-grid{grid-template-columns:1fr}.rop-body{padding:32px 16px 60px}}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-card);border-top:1px solid var(--border-color);box-shadow:0 -2px 12px #00000014;z-index:var(--z-fixed);align-items:stretch}.mbn-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);text-decoration:none;font-size:.6875rem;font-weight:500;padding:6px 0;border:none;background:transparent;cursor:pointer;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.mbn-tab:hover,.mbn-tab.active{color:var(--brand-primary)}.mbn-label{line-height:1;white-space:nowrap}.mbn-more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:calc(var(--z-fixed) + 1);display:flex;align-items:flex-end}.mbn-more-sheet{width:100%;background:var(--bg-card);border-top:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:12px 20px 80px;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;gap:0}.mbn-more-handle{width:36px;height:4px;background:var(--border-color);border-radius:var(--radius-full);margin:0 auto 16px}.mbn-more-links{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mbn-more-link{display:flex;align-items:center;padding:12px 14px;border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:.9375rem;font-weight:500;transition:background var(--transition-fast)}.mbn-more-link:hover,.mbn-more-link.active{background:var(--bg-surface);color:var(--brand-primary)}.app-page-shell{padding-bottom:68px!important}}input[type=checkbox],input[type=radio]{accent-color:#6b7280;cursor:pointer}.checkbox-custom{width:16px;height:16px;border:1.5px solid #b0b8c4;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;position:relative;transition:border-color .12s ease}.checkbox-custom:after{content:"";width:4px;height:8px;border:solid #374151;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) scale(0);transition:transform .12s ease;position:absolute;top:1px}.multi-select-option input[type=checkbox]:checked+.checkbox-custom,.checkbox-custom.checked{border-color:#6366f1;background:#6366f1}.multi-select-option input[type=checkbox]:checked+.checkbox-custom:after,.checkbox-custom.checked:after{border-color:#fff;transform:rotate(45deg) scale(1)}.checkbox-mark{width:16px;height:16px;border:1.5px solid #b0b8c4;border-radius:3px;background:#fff;transition:border-color .12s ease}.table-checkbox input:checked+.checkbox-mark{background:#6366f1;border-color:#6366f1;box-shadow:none}.table-checkbox input:checked+.checkbox-mark:after{content:"";display:block;width:4px;height:8px;margin:2px 0 0 5px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.App{width:100%;min-height:100vh;overflow-x:hidden;box-sizing:border-box}.app-page-shell{width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box;padding-left:var(--space-lg)!important;padding-right:var(--space-lg)!important;overflow-x:hidden}@media (max-width: 1024px){.app-page-shell{padding-left:var(--space-md)!important;padding-right:var(--space-md)!important}}@media (max-width: 640px){.app-page-shell{padding-left:var(--space-sm)!important;padding-right:var(--space-sm)!important}}.page-container{width:100%;max-width:100%;margin:0 auto;padding:var(--space-md);animation:fadeIn var(--transition-base);box-sizing:border-box}@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)}.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)}.card{padding:var(--space-lg);border-radius:var(--radius-lg)}}@media print{.fab,.button,.btn{display:none}}.form-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-2xl)}.form-container-compact{padding:var(--space-lg)}.form-group{margin-bottom:20px;min-width:0}.form-group-compact{margin-bottom:16px}.form-group-lg{margin-bottom:24px}.form-group-full{grid-column:1 / -1}.full-width{grid-column:span 2}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 16px}.form-grid-compact{gap:12px 16px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg, 20px)}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg, 20px)}@media (max-width: 1024px){.form-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.form-grid-3{grid-template-columns:repeat(2,1fr);gap:var(--space-md, 16px)}.form-grid-4{grid-template-columns:1fr}}@media (max-width: 640px){.form-grid,.form-grid-3{grid-template-columns:1fr;gap:var(--space-md, 16px)}}.form-group{position:relative;margin-bottom:0;display:flex;flex-direction:column;gap:0px;min-height:0}.form-group:has(.form-label-static){min-height:0;gap:0}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:8px;line-height:1.5}.form-label-static{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary, #6b7280);margin-bottom:6px;line-height:1.4}.textarea-with-label{position:relative;flex:1;width:100%}input[type=text]~.form-label,input[type=email]~.form-label,input[type=password]~.form-label,input[type=number]~.form-label,input[type=tel]~.form-label,input[type=url]~.form-label,input[type=date]~.form-label,input[type=time]~.form-label,input[type=datetime-local]~.form-label,select.form-input~.form-label,textarea.form-textarea~.form-label,textarea.form-input~.form-label,.textarea-with-label textarea.form-input~.form-label,.password-input-wrapper .form-label,.custom-datepicker-wrapper~.form-label{position:absolute;top:0;left:12px;transform:translateY(-50%);font-size:.75rem;font-weight:500;color:#6b7280;background:var(--bg-primary);padding:0 6px;line-height:1;z-index:1;pointer-events:none;transition:all .2s ease;margin-bottom:0}.form-label-lg{font-size:.875rem;font-weight:600;margin-bottom:8px}.form-label-sm{font-size:.75rem;margin-bottom:4px}.form-label-required:after,.form-label.required:after{content:" *";color:#dc2626;font-weight:600}.form-label-optional:after{content:" (optional)";color:#9ca3af;font-weight:400;font-size:.75rem}.form-input{width:100%;height:48px;padding:0 14px;font-size:.875rem;color:#1f2937;background:var(--bg-primary);border:1.5px solid #d1d5db;border-radius:8px;transition:all .2s ease;outline:none;font-family:inherit}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}input[type=text]:focus~.form-label,input[type=email]:focus~.form-label,input[type=password]:focus~.form-label,input[type=number]:focus~.form-label,input[type=tel]:focus~.form-label,input[type=url]:focus~.form-label,input[type=date]:focus~.form-label,input[type=time]:focus~.form-label,input[type=datetime-local]:focus~.form-label,select.form-input:focus~.form-label,.password-input-wrapper input:focus~.form-label{color:#6366f1}.form-input:hover:not(:disabled):not(:focus){border-color:#9ca3af}.form-input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.form-input::placeholder{color:#9ca3af}.form-input:read-only{background:#f9fafb;border-color:#e5e7eb;cursor:default}select.form-input{padding:0 38px 0 14px;height:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;background-color:var(--bg-primary);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}select.form-input option{padding:8px 12px;white-space:normal;overflow:visible}.form-input-error,.form-input.error{border-color:#ef4444;background:#fef2f2}.form-input-error:focus,.form-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef44441f}.form-input-success,.form-input.success{border-color:#10b981;background:#ecfdf5}.form-input-success:focus,.form-input.success:focus{border-color:#059669;box-shadow:0 0 0 3px #10b9811f}.form-error-text{display:block;color:#dc2626;font-size:.75rem;margin-top:6px;line-height:1.4}.form-helper-text{display:block;color:#6b7280;font-size:.75rem;margin-top:6px;line-height:1.4}.form-success-text{display:block;color:#059669;font-size:.75rem;margin-top:6px;line-height:1.4}.form-textarea{width:100%;min-height:100px;padding:14px;font-size:.875rem;color:#1f2937;background:var(--bg-primary);border:1.5px solid #d1d5db;border-radius:8px;transition:all .2s ease;outline:none;font-family:inherit;resize:vertical}.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}textarea.form-textarea:focus~.form-label{color:#6366f1}.form-textarea:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.form-textarea::placeholder{color:#9ca3af}.form-textarea-sm{min-height:60px;padding:8px 10px;font-size:.8125rem}.form-textarea-lg{min-height:120px;padding:12px 16px;font-size:.9375rem}.form-select{width:100%;height:38px;padding:0 32px 0 12px;font-size:.875rem;color:#1f2937;background:var(--bg-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E") no-repeat right 10px center;background-size:12px;border:1.5px solid #d1d5db;border-radius:6px;transition:all .2s ease;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.form-select:hover:not(:disabled){border-color:#9ca3af}.form-select:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.form-select-sm{height:32px;padding:0 28px 0 10px;font-size:.8125rem}.form-select-lg{height:44px;padding:0 36px 0 16px;font-size:.9375rem}.form-checkbox,.form-radio{display:flex;align-items:center;gap:14px;cursor:pointer;font-size:.875rem;color:#374151;-webkit-user-select:none;user-select:none;margin:0;padding:0}.form-checkbox input[type=checkbox],.form-radio input[type=radio]{width:18px;height:18px;margin:0;padding:0;border:1.5px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s ease;accent-color:var(--primary);flex-shrink:0;vertical-align:middle;position:relative;top:0}.form-radio input[type=radio]{border-radius:50%}.form-checkbox input[type=checkbox]:focus,.form-radio input[type=radio]:focus{outline:none}.form-checkbox input[type=checkbox]:disabled,.form-radio input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.form-checkbox span,.form-radio span{line-height:18px;margin:0;padding:0;display:inline-block;vertical-align:middle}.form-checkbox-group,.form-radio-group{display:flex;flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap;margin:0;padding:0}.form-checkbox-group-vertical,.form-radio-group-vertical{display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.form-checkbox-group-inline,.form-radio-group-inline{display:flex;flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap;margin:0;padding:0}.form-file-input{width:100%;height:38px;font-size:.875rem;color:#1f2937;background:var(--bg-primary);border:1.5px solid #d1d5db;border-radius:6px;transition:all .2s ease;cursor:pointer;padding:6px 12px}.form-file-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f;outline:none}.form-file-input:hover:not(:disabled){border-color:#9ca3af}.form-file-input:disabled{background:#f3f4f6;cursor:not-allowed}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-icon-left{padding-left:36px}.form-input-icon-right{padding-right:36px}.form-icon-left,.form-icon-right{position:absolute;color:#9ca3af;font-size:1rem;pointer-events:none}.form-icon-left{left:12px}.form-icon-right{right:12px}.form-section{background:var(--bg-primary);border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px 0;margin-bottom:33px}.form-section:last-child{margin-bottom:0}.form-section-header{margin-bottom:10px;padding-bottom:0;border-bottom:none}.form-section-title{font-size:15px;font-weight:600;color:#374151;margin:0 0 30px;padding-bottom:10px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.form-section-title svg,.form-section-title i{color:var(--primary, #6366f1);width:20px;height:20px}.form-section-subtitle{font-size:.875rem;color:var(--text-secondary, #6b7280);margin-bottom:0;line-height:1.5}.form-footer,.form-actions{display:flex;align-items:center;gap:var(--space-md, 12px);padding:12px 16px;margin-top:var(--space-2xl, 32px);border-top:1px solid var(--border-color, #e5e7eb);justify-content:flex-end}.form-footer-left{justify-content:flex-start}.form-footer-center{justify-content:center}.form-footer-right{justify-content:flex-end}.form-footer-between{justify-content:space-between}.form-footer:not(.form-footer-left):not(.form-footer-center):not(.form-footer-between){justify-content:flex-end}@media (max-width: 640px){.form-footer,.form-actions{flex-direction:column-reverse;align-items:stretch}.form-footer button,.form-footer .btn,.form-actions button,.form-actions .btn{width:100%}}.form-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.form-inline .form-group{margin-bottom:0;flex:1;min-width:200px}.form-inline .form-label{margin-bottom:0;margin-right:8px;white-space:nowrap}.form-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.form-switch-input{position:relative;width:44px;height:24px;background:#d1d5db;border-radius:12px;transition:background .2s;cursor:pointer}.form-switch-input:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--bg-primary);border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px #0003}.form-switch input:checked+.form-switch-input{background:var(--primary)}.form-switch input:checked+.form-switch-input:after{transform:translate(20px)}.form-switch input{position:absolute;opacity:0;pointer-events:none}.form-switch-label{font-size:.875rem;color:#374151}.form-readonly-badge{background:#fef3c7;color:#92400e;font-size:.625rem;font-weight:600;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em;margin-left:6px;display:inline-block}.section-highlight{background:#f9fafb;border:1px solid #e5e7eb}.section-highlight .form-section-title{color:#374151;font-weight:600}.button-group{display:flex;gap:var(--space-md, 12px);align-items:center;padding:6px 8px;margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.button-group-right{justify-content:flex-end}.button-group-left{justify-content:flex-start}.button-group-center{justify-content:center}@media (max-width: 640px){.button-group{flex-direction:column;align-items:stretch}}@media (max-width: 640px){.form-grid{grid-template-columns:1fr;gap:16px}.form-inline{flex-direction:column;align-items:stretch}.form-inline .form-group{min-width:unset}}.form-section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.form-section-header-row .form-section-title{margin:0}.form-section-header-row .btn{flex-shrink:0;white-space:nowrap}@media (max-width: 640px){.form-section-header-row{flex-direction:column;align-items:stretch;gap:12px}.form-section-header-row .btn{width:100%}}.form-group .custom-datepicker-wrapper{width:100%}.form-group .custom-datepicker-input{width:100%;height:48px;padding:0 14px;font-size:.875rem;border:1.5px solid #d1d5db;border-radius:8px;min-height:48px;min-width:unset}.form-group .custom-datepicker-input:hover{border-color:#9ca3af}.form-group .custom-datepicker-input:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}[data-theme=dark] .form-container{background:var(--bg-card)}[data-theme=dark] .form-label,[data-theme=dark] .form-checkbox,[data-theme=dark] .form-radio{color:var(--text-secondary)}[data-theme=dark] input[type=text]~.form-label,[data-theme=dark] input[type=email]~.form-label,[data-theme=dark] input[type=password]~.form-label,[data-theme=dark] input[type=number]~.form-label,[data-theme=dark] input[type=tel]~.form-label,[data-theme=dark] input[type=url]~.form-label,[data-theme=dark] input[type=date]~.form-label,[data-theme=dark] input[type=time]~.form-label,[data-theme=dark] input[type=datetime-local]~.form-label,[data-theme=dark] select.form-input~.form-label,[data-theme=dark] textarea.form-textarea~.form-label,[data-theme=dark] .password-input-wrapper .form-label,[data-theme=dark] .custom-datepicker-wrapper~.form-label{background:var(--bg-card);color:var(--text-muted)}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] .form-select,[data-theme=dark] .form-file-input,[data-theme=dark] .timezone-select{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .form-input:hover:not(:disabled):not(:focus),[data-theme=dark] .form-textarea:hover:not(:disabled):not(:focus),[data-theme=dark] .form-select:hover:not(:disabled){border-color:var(--border-strong)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-alpha)}[data-theme=dark] .form-input:disabled,[data-theme=dark] .form-textarea:disabled,[data-theme=dark] .form-select:disabled{background:var(--bg-surface);color:var(--text-muted);border-color:var(--border-subtle)}[data-theme=dark] .form-input:read-only,[data-theme=dark] .form-textarea:read-only{background:var(--bg-surface);border-color:var(--border-subtle)}[data-theme=dark] select.form-input,[data-theme=dark] .form-select{background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E")}[data-theme=dark] select.form-input option,[data-theme=dark] .form-select option{background:var(--bg-card);color:var(--text-primary)}[data-theme=dark] .form-helper-text{color:var(--text-secondary)}[data-theme=dark] .form-input-error,[data-theme=dark] .form-input.error{background:#ef444414;border-color:#ef4444}[data-theme=dark] .form-input-success,[data-theme=dark] .form-input.success{background:#10b98114;border-color:#10b981}[data-theme=dark] .form-section{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .form-section-title,[data-theme=dark] .form-section-subtitle{color:var(--text-primary)}[data-theme=dark] .form-group .custom-datepicker-input{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] input[type=text]:focus~.form-label,[data-theme=dark] input[type=email]:focus~.form-label,[data-theme=dark] input[type=password]:focus~.form-label,[data-theme=dark] input[type=number]:focus~.form-label,[data-theme=dark] input[type=tel]:focus~.form-label,[data-theme=dark] input[type=url]:focus~.form-label,[data-theme=dark] input[type=date]:focus~.form-label,[data-theme=dark] input[type=time]:focus~.form-label,[data-theme=dark] input[type=datetime-local]:focus~.form-label,[data-theme=dark] select.form-input:focus~.form-label,[data-theme=dark] .password-input-wrapper input:focus~.form-label{color:var(--brand-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:120px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;outline:none;border:none;font-family:inherit;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.btn{min-width:20px}}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{height:32px;padding:0 16px;font-size:.8125rem}.btn-md{height:38px;padding:0 20px;font-size:.875rem}.btn-lg{height:44px;padding:0 24px;font-size:.9375rem}.btn-xl{height:48px;padding:0 28px;font-size:1rem}.btn-primary{color:var(--text-on-brand, #fff);background:var(--brand-primary, var(--primary));box-shadow:0 2px 6px var(--brand-primary-alpha, rgba(0,0,0,.15))}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 3px 10px var(--brand-primary-alpha, rgba(0,0,0,.2));transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--text-primary, #374151);background:var(--bg-card, #fff);border:1.5px solid var(--border-color, #d1d5db)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface, #f9fafb);border-color:var(--border-strong, #9ca3af)}.btn-secondary:active:not(:disabled){background:var(--bg-surface, #f3f4f6)}.btn-success{color:#fff;background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);box-shadow:0 2px 6px #10b98140}.btn-success:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 3px 10px #10b98159;transform:translateY(-1px)}.btn-danger{color:#fff;background:linear-gradient(135deg,var(--error) 0%,var(--error-dark) 100%);box-shadow:0 2px 6px #ef444440}.btn-danger:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 3px 10px #ef444459;transform:translateY(-1px)}.btn-danger.btn-icon,.btn-danger.btn-icon-sm,.btn-danger.btn-icon-lg{color:#6b7280;background:transparent;border:1px solid #e5e7eb;box-shadow:none}.btn-danger.btn-icon:hover:not(:disabled),.btn-danger.btn-icon-sm:hover:not(:disabled),.btn-danger.btn-icon-lg:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#dc2626;box-shadow:none;filter:none}.btn-warning{color:#fff;background:linear-gradient(135deg,var(--warning) 0%,var(--warning-dark) 100%);box-shadow:0 2px 6px #f59e0b40}.btn-warning:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 3px 10px #f59e0b59;transform:translateY(-1px)}.btn-info{color:#fff;background:linear-gradient(135deg,var(--info) 0%,#2563eb 100%);box-shadow:0 2px 6px #3b82f640}.btn-info:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 3px 10px #3b82f659;transform:translateY(-1px)}.btn-outline-primary{color:var(--primary);background:transparent;border:1.5px solid var(--primary)}.btn-outline-primary:hover:not(:disabled){background:#6366f11a;border-color:var(--primary-dark)}.btn-outline-secondary{color:#6b7280;background:transparent;border:1.5px solid #d1d5db}.btn-outline-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.btn-outline-success{color:var(--success);background:transparent;border:1.5px solid var(--success)}.btn-outline-success:hover:not(:disabled){background:#10b9811a;border-color:var(--success-dark)}.btn-outline-danger{color:var(--error);background:transparent;border:1.5px solid var(--error)}.btn-outline-danger:hover:not(:disabled){background:#ef44441a;border-color:var(--error-dark)}.btn-ghost{color:#6b7280;background:transparent;border:none}.btn-ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.btn-ghost-primary{color:var(--primary);background:transparent;border:none}.btn-ghost-primary:hover:not(:disabled){background:#6366f11a}.btn-icon{width:38px;height:38px;min-width:0;padding:0;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:0}.btn-icon-sm{width:32px;height:32px;min-width:40px;padding:4px 5px 4px 12px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:0}.btn-icon-lg{width:44px;height:44px;min-width:0;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:0}.btn-icon-circle{border-radius:50%}.btn-icon-left{flex-direction:row}.btn-icon-right{flex-direction:row-reverse}.btn svg,.btn i{font-size:1em}.btn-group{display:inline-flex;gap:8px;align-items:center}.btn-group-sm{gap:6px}.btn-group-lg{gap:12px}.btn-group-stack{display:flex;flex-direction:column;gap:8px}.btn-group-connected{display:inline-flex;gap:0}.btn-group-connected .btn{border-radius:0;margin-left:-1px}.btn-group-connected .btn:first-child{border-radius:6px 0 0 6px;margin-left:0}.btn-group-connected .btn:last-child{border-radius:0 6px 6px 0}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:btn-spin .6s linear infinite;color:inherit}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-add{color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:0 2px 4px #6366f133}.btn-add:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.btn-edit{color:#0284c7;background:transparent;border:1.5px solid #0284c7}.btn-edit:hover:not(:disabled){background:#0284c71a;border-color:#0369a1}.btn-delete{color:var(--error);background:transparent;border:1.5px solid var(--error)}.btn-delete:hover:not(:disabled){background:#ef44441a;border-color:var(--error-dark)}.btn-gold{color:#fff;background:linear-gradient(135deg,#d4af37,#b8941e);box-shadow:0 2px 6px #d4af3740}.btn-gold:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 3px 10px #d4af3759;transform:translateY(-1px)}@media (max-width: 640px){.btn-group,.btn-group-mobile-stack{flex-direction:column}}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[data-btn-style=outlined] .btn-primary{background:transparent!important;color:var(--brand-primary, var(--primary))!important;border:2px solid var(--brand-primary, var(--primary))!important;box-shadow:none!important}[data-btn-style=outlined] .btn-primary:hover:not(:disabled){background:var(--brand-primary, var(--primary))!important;color:var(--text-on-brand, #fff)!important;filter:none!important;box-shadow:0 3px 10px var(--brand-primary-alpha, rgba(0,0,0,.2))!important}[data-btn-style=text] .btn-primary{background:transparent!important;color:var(--brand-primary, var(--primary))!important;border:none!important;box-shadow:none!important;text-decoration:underline;text-underline-offset:2px}[data-btn-style=text] .btn-primary:hover:not(:disabled){background:var(--brand-primary-alpha, rgba(37,99,235,.08))!important;filter:none!important;box-shadow:none!important;text-decoration:none}[data-btn-style=filled] .btn-primary{background:var(--brand-primary, var(--primary))!important;color:var(--text-on-brand, #fff)!important;border:none!important}.btn-cancel{display:inline-flex;align-items:center;justify-content:center;min-width:90px;height:38px;padding:0 20px;font-size:.875rem;font-weight:500;color:var(--text-primary, #374151);background:var(--bg-card, #fff);border:1.5px solid var(--border-color, #d1d5db);border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.btn-cancel:hover:not(:disabled){background:var(--bg-surface, #f9fafb);border-color:var(--border-strong, #9ca3af)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}button.btn-primary:not(.btn),.btn-primary:not(.btn){display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:38px;padding:0 22px;font-size:.875rem;font-weight:600;color:var(--text-on-brand, #fff);background:var(--brand-primary, var(--primary));box-shadow:0 2px 6px var(--brand-primary-alpha, rgba(0,0,0,.15));border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}button.btn-primary:not(.btn):hover:not(:disabled),.btn-primary:not(.btn):hover:not(:disabled){filter:brightness(1.1);box-shadow:0 3px 10px var(--brand-primary-alpha, rgba(0,0,0,.2));transform:translateY(-1px)}button.btn-primary:not(.btn):disabled,.btn-primary:not(.btn):disabled{opacity:.5;cursor:not-allowed;transform:none}button.btn-secondary:not(.btn),.btn-secondary:not(.btn){display:inline-flex;align-items:center;justify-content:center;min-width:100px;height:38px;padding:0 20px;font-size:.875rem;font-weight:500;color:var(--text-primary, #374151);background:var(--bg-card, #fff);border:1.5px solid var(--border-color, #d1d5db);border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}button.btn-secondary:not(.btn):hover:not(:disabled),.btn-secondary:not(.btn):hover:not(:disabled){background:var(--bg-surface, #f9fafb);border-color:var(--border-strong, #9ca3af)}button.btn-secondary:not(.btn):disabled,.btn-secondary:not(.btn):disabled{opacity:.5;cursor:not-allowed}.btn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark] .btn-secondary,[data-theme=dark] .btn-cancel,[data-theme=dark] button.btn-secondary:not(.btn),[data-theme=dark] .btn-secondary:not(.btn){background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .btn-secondary:hover:not(:disabled),[data-theme=dark] .btn-cancel:hover:not(:disabled),[data-theme=dark] button.btn-secondary:not(.btn):hover:not(:disabled),[data-theme=dark] .btn-secondary:not(.btn):hover:not(:disabled){background:var(--bg-surface-raised);border-color:var(--border-strong)}[data-theme=dark] .btn-ghost{color:var(--text-secondary)}[data-theme=dark] .btn-ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}[data-theme=dark] .btn-outline-secondary{color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .btn-outline-secondary:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}[data-btn-style=outlined] .btn-primary,[data-btn-style=outlined] button.btn-primary:not(.btn),[data-btn-style=outlined] .btn-primary:not(.btn){background:transparent!important;border:2px solid var(--brand-primary, var(--primary))!important;color:var(--brand-primary, var(--primary))!important;box-shadow:none!important}[data-btn-style=outlined] .btn-primary:hover:not(:disabled),[data-btn-style=outlined] button.btn-primary:not(.btn):hover:not(:disabled),[data-btn-style=outlined] .btn-primary:not(.btn):hover:not(:disabled){background:var(--brand-primary, var(--primary))!important;color:var(--text-on-brand, #fff)!important;box-shadow:0 2px 8px var(--brand-primary-alpha, rgba(37,99,235,.2))!important}[data-btn-style=outlined] .btn-add{background:transparent!important;border:2px solid var(--brand-primary, var(--primary))!important;color:var(--brand-primary, var(--primary))!important;box-shadow:none!important}[data-btn-style=outlined] .btn-add:hover:not(:disabled){background:var(--brand-primary, var(--primary))!important;color:var(--text-on-brand, #fff)!important}[data-btn-style=text] .btn-primary,[data-btn-style=text] button.btn-primary:not(.btn),[data-btn-style=text] .btn-primary:not(.btn){background:transparent!important;border:none!important;color:var(--brand-primary, var(--primary))!important;box-shadow:none!important}[data-btn-style=text] .btn-primary:hover:not(:disabled),[data-btn-style=text] button.btn-primary:not(.btn):hover:not(:disabled),[data-btn-style=text] .btn-primary:not(.btn):hover:not(:disabled){background:var(--brand-primary-alpha, rgba(37,99,235,.1))!important;transform:none!important}[data-btn-style=text] .btn-add{background:transparent!important;border:none!important;color:var(--brand-primary, var(--primary))!important;box-shadow:none!important}[data-btn-style=text] .btn-add:hover:not(:disabled){background:var(--brand-primary-alpha, rgba(37,99,235,.1))!important}[data-btn-style=outlined] .btn-add-lead,[data-btn-style=outlined] .btn-campaign-primary,[data-btn-style=outlined] .button-primary,[data-btn-style=outlined] .btn-detect-location,[data-btn-style=outlined] .bp-request-btn,[data-btn-style=outlined] .bp-pay-btn,[data-btn-style=outlined] .att-btn--checkin,[data-btn-style=outlined] .att-btn--checkout{background:transparent!important;border:2px solid var(--brand-primary, var(--primary))!important;color:var(--brand-primary, var(--primary))!important;box-shadow:none!important}[data-btn-style=outlined] .btn-add-lead:hover:not(:disabled),[data-btn-style=outlined] .btn-campaign-primary:hover:not(:disabled),[data-btn-style=outlined] .button-primary:hover:not(:disabled),[data-btn-style=outlined] .btn-detect-location:hover:not(:disabled),[data-btn-style=outlined] .bp-request-btn:hover:not(:disabled),[data-btn-style=outlined] .bp-pay-btn:hover:not(:disabled),[data-btn-style=outlined] .att-btn--checkin:hover:not(:disabled),[data-btn-style=outlined] .att-btn--checkout:hover:not(:disabled){background:var(--brand-primary, var(--primary))!important;color:var(--text-on-brand, #fff)!important}[data-btn-style=outlined] .btn-secondary,[data-btn-style=outlined] .btn-cancel,[data-btn-style=outlined] button.btn-secondary:not(.btn),[data-btn-style=outlined] .btn-secondary:not(.btn){background:transparent!important;border:1.5px solid var(--border-color, #d1d5db)!important;color:var(--text-primary)!important;box-shadow:none!important}[data-btn-style=text] .btn-add-lead,[data-btn-style=text] .btn-campaign-primary,[data-btn-style=text] .button-primary,[data-btn-style=text] .btn-detect-location,[data-btn-style=text] .bp-request-btn,[data-btn-style=text] .bp-pay-btn,[data-btn-style=text] .att-btn--checkin,[data-btn-style=text] .att-btn--checkout{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--brand-primary, var(--primary))!important}[data-btn-style=text] .btn-add-lead:hover:not(:disabled),[data-btn-style=text] .btn-campaign-primary:hover:not(:disabled),[data-btn-style=text] .button-primary:hover:not(:disabled),[data-btn-style=text] .btn-detect-location:hover:not(:disabled),[data-btn-style=text] .bp-request-btn:hover:not(:disabled),[data-btn-style=text] .bp-pay-btn:hover:not(:disabled),[data-btn-style=text] .att-btn--checkin:hover:not(:disabled),[data-btn-style=text] .att-btn--checkout:hover:not(:disabled){background:var(--brand-primary-alpha, rgba(37,99,235,.1))!important;transform:none!important}[data-btn-style=text] .btn-secondary,[data-btn-style=text] .btn-cancel,[data-btn-style=text] button.btn-secondary:not(.btn),[data-btn-style=text] .btn-secondary:not(.btn){background:transparent!important;border:none!important;color:var(--text-secondary)!important;box-shadow:none!important}[data-btn-style=text] .btn-secondary:hover:not(:disabled),[data-btn-style=text] .btn-cancel:hover:not(:disabled),[data-btn-style=text] button.btn-secondary:not(.btn):hover:not(:disabled),[data-btn-style=text] .btn-secondary:not(.btn):hover:not(:disabled){background:var(--bg-surface)!important;color:var(--text-primary)!important}.badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;line-height:1.2}.badge-sm{padding:2px 8px;font-size:.625rem;border-radius:10px}.badge-md{padding:4px 10px;font-size:.6875rem;border-radius:12px}.badge-lg{padding:6px 12px;font-size:.75rem;border-radius:14px}.badge-success{background:#10b981;color:#fff}.badge-warning{background:#f59e0b;color:#fff}.badge-error,.badge-danger{background:#ef4444;color:#fff}.badge-info{background:#3b82f6;color:#fff}.badge-primary{background:var(--primary);color:#fff}.badge-secondary{background:#6b7280;color:#fff}.badge-success-soft{background:#d1fae5;color:#065f46}.badge-warning-soft{background:#fef3c7;color:#92400e}.badge-error-soft,.badge-danger-soft{background:#fee2e2;color:#991b1b}.badge-info-soft{background:#dbeafe;color:#1e40af}.badge-primary-soft{background:#e0e7ff;color:#4338ca}.badge-secondary-soft{background:#f3f4f6;color:#374151}.badge-outline-success{background:transparent;color:#059669;border:1.5px solid #10b981}.badge-outline-warning{background:transparent;color:#d97706;border:1.5px solid #f59e0b}.badge-outline-error,.badge-outline-danger{background:transparent;color:#dc2626;border:1.5px solid #ef4444}.badge-outline-info{background:transparent;color:#2563eb;border:1.5px solid #3b82f6}.badge-outline-primary{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.badge-outline-secondary{background:transparent;color:#6b7280;border:1.5px solid #9ca3af}.badge-new{background:linear-gradient(135deg,#10b981,#059669);color:#fff;animation:badge-pulse 2s infinite}.badge-hot{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;animation:badge-pulse 2s infinite}.badge-premium,.badge-gold{background:linear-gradient(135deg,#d4af37,#b8941e);color:#fff;box-shadow:0 2px 4px #d4af374d}.badge-active{background:#10b981;color:#fff}.badge-inactive{background:#9ca3af;color:#fff}.badge-pending{background:#f59e0b;color:#fff}.badge-completed{background:#10b981;color:#fff}.badge-cancelled,.badge-rejected{background:#ef4444;color:#fff}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:4px}.badge-with-icon{gap:6px}.badge-with-icon svg,.badge-with-icon i{font-size:.875em}.badge-removable{padding-right:6px}.badge-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;border-radius:50%;background:#0003;border:none;cursor:pointer;color:currentColor;transition:background .2s}.badge-remove-btn:hover{background:#0000004d}.badge-pill{border-radius:999px;padding:4px 12px;text-transform:none;font-weight:500}.badge-pill-sm{padding:2px 10px;font-size:.625rem}.badge-pill-lg{padding:6px 16px;font-size:.75rem}.badge-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ef4444;color:#fff;font-size:.6875rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.badge-count-sm{min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:.625rem}.badge-count-lg{min-width:24px;height:24px;padding:0 8px;border-radius:12px;font-size:.75rem}.badge-count-positioned{position:absolute;top:-8px;right:-8px}.badge-group{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.badge-group-sm{gap:4px}.badge-group-lg{gap:8px}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.8}}.badge-pulse{animation:badge-pulse 2s infinite}@media (max-width: 640px){.badge{font-size:.625rem;padding:3px 8px}.badge-lg{font-size:.6875rem;padding:4px 10px}}.icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;font-size:18px;color:var(--icon-color, #6b7280);cursor:pointer;transition:all .2s ease;flex-shrink:0}.icon svg{width:100%;height:100%;display:block}.icon:hover{transform:scale(1.08)}.icon-disabled{color:#cbd5e1;cursor:not-allowed;opacity:.5}.icon-disabled:hover{transform:none;color:#cbd5e1}.icon-sm{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;font-size:16px}.icon-md{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;font-size:20px}.icon-lg{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;font-size:24px}.icon-xl{width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;font-size:28px}.icon-action{border-radius:6px;transition:all .2s ease}.icon-action:hover{background:#6b72801a;transform:scale(1.15)}.icon-action.edit:hover{background:#2563eb14;color:#2563eb}.icon-action.delete:hover{background:#ef444414;color:#ef4444}.icon-action.download:hover{background:#10b98114;color:#10b981}.icon-action.preview:hover{background:#8b5cf614;color:#8b5cf6}.icon-action.duplicate:hover{background:#f59e0b14;color:#f59e0b}.icon-status{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.status-new{color:#2563eb}.status-visit{color:#16a34a}.status-negotiation{color:#f59e0b}.status-hot{color:#ef4444}.status-done,.status-closed{color:#10b981}.status-lost{color:#6b7280}.icon-nav{margin-right:8px;color:#94a3b8;transition:color .2s ease}.icon-nav:hover{color:#475569;transform:translate(2px)}.icon-nav.active{color:#2563eb}.icon-communication{border-radius:50%;transition:all .2s ease}.icon-communication:hover{transform:scale(1.1)}.icon-email:hover{color:#ea4335;background:#ea433514}.icon-whatsapp:hover{color:#25d366;background:#25d36614}.icon-call{color:#b91c1c!important;transition:all .2s ease}.icon-call:hover{color:#991b1b!important;background:#b91c1c1a;transform:scale(1.1)}.icon-callback{color:#b91c1c!important;transition:all .2s ease}.icon-callback:hover{color:#991b1b!important;background:#b91c1c1a;transform:scale(1.1)}.icon-edit{color:#6b7280!important;transition:all .2s ease}.icon-edit:hover{color:#2563eb!important;background:#2563eb1a;transform:scale(1.1)}.icon-complete{color:#6b7280!important;transition:all .2s ease}.icon-complete:hover{color:#10b981!important;background:#10b9811a;transform:scale(1.1)}.icon-sms:hover{color:#3b82f6;background:#3b82f614}.icon-note:hover{color:#f59e0b;background:#f59e0b14}.action-buttons-modern{display:flex;gap:4px}.action-btn-modern{width:28px;height:28px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:12px;text-decoration:none;color:inherit}.action-btn-modern svg{stroke:currentColor}.icon-utility{color:#64748b;transition:all .2s ease}.icon-utility:hover{color:#475569;transform:scale(1.1)}.icon-search,.icon-filter{color:#94a3b8}.icon-filter.active{color:#2563eb;background:#2563eb14}.icon-settings{color:#64748b;transition:all .3s ease}.icon-settings:hover{color:#6b7280;transform:rotate(90deg)}.icon-import:hover,.icon-export:hover{color:#10b981}.view-toggle{display:flex;gap:4px;background:var(--gray-100);padding:4px;border-radius:6px;border:1px solid transparent}.view-toggle-btn,.toggle-btn{display:flex;align-items:center;justify-content:center;width:31px;height:31px;min-width:31px;min-height:31px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.view-toggle-btn svg,.toggle-btn svg{width:18px;height:18px;stroke:#6b7280}.view-toggle-btn:hover,.toggle-btn:hover{background:var(--gray-200)}.view-toggle-btn:hover svg,.toggle-btn:hover svg{stroke:#374151}.view-toggle-btn.active,.toggle-btn.active{background:transparent;color:var(--primary);box-shadow:0 1px 3px #0000001a}.view-toggle-btn.active svg,.toggle-btn.active svg{stroke:#6b7280}.view-toggle-buttons{display:flex;gap:4px;background:var(--gray-100);padding:4px;border-radius:6px}.icon-view-toggle{border-radius:6px;transition:all .2s ease}.icon-view-toggle:hover{background:#0000000d;transform:scale(1.05)}.icon-view-toggle.active{background:#2563eb1a;color:#2563eb}.btn .icon{margin-right:6px;font-size:16px}.btn .icon-right{margin-left:6px;margin-right:0}.btn-icon-only .icon{margin:0}.icon+span{margin-left:0}span+.icon{margin-left:6px}td .icon,th .icon{vertical-align:middle}.icon-group{display:inline-flex;align-items:center;gap:8px}.icon-group .icon{margin:0}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-badge{position:relative}.icon-badge:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;background:#ef4444;border:2px solid var(--bg-primary, white);border-radius:50%}.card-header .icon,.card-title .icon{margin-right:8px}.icon-primary{color:#2563eb}.icon-success{color:#10b981}.icon-warning{color:#f59e0b}.icon-danger{color:#6b7280;transition:color .2s ease}.icon-danger:hover{color:#ef4444}.icon-info{color:#3b82f6}.icon-muted{color:#94a3b8}[data-theme=dark] .icon{color:var(--icon-color, #94a3b8)}[data-theme=dark] .icon:hover{color:var(--icon-hover-color, #60a5fa)}[data-theme=dark] .icon-disabled{color:#475569}[data-theme=dark] .icon-nav{color:#64748b}[data-theme=dark] .icon-nav.active{color:#60a5fa}[data-theme=dark] .icon-utility{color:#64748b}[data-theme=dark] .icon-action:hover{background:#60a5fa1f;color:#60a5fa}@media (max-width: 768px){.icon{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;font-size:20px}.icon-sm{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;font-size:18px}}.icon[data-tooltip]{position:relative}.icon-center{display:flex;align-items:center;justify-content:center}.icon-inline{display:inline-flex;vertical-align:middle}:root{--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-inline{display:inline!important}}@media (min-width: 769px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}@media (max-width: 1024px){.hide-tablet{display:none!important}}@media (max-width: 768px){.stack-mobile{flex-direction:column!important;align-items:stretch!important}.stack-mobile>*{width:100%!important}.stack-mobile-sm{flex-direction:column!important}}.table-scroll-mobile{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table-scroll-mobile table{min-width:640px}}.card-grid-mobile{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}@media (max-width: 480px){.card-grid-mobile{grid-template-columns:1fr}}@media (max-width: 768px){.p-mobile-sm{padding:var(--space-sm)!important}.p-mobile-md{padding:var(--space-md)!important}.px-mobile-sm{padding-left:var(--space-sm)!important;padding-right:var(--space-sm)!important}.py-mobile-sm{padding-top:var(--space-sm)!important;padding-bottom:var(--space-sm)!important}.mt-mobile-sm{margin-top:var(--space-sm)!important}.mt-mobile-md{margin-top:var(--space-md)!important}.mb-mobile-md{margin-bottom:var(--space-md)!important}}@media (max-width: 768px){.btn-full-mobile{width:100%!important;text-align:center!important;justify-content:center!important}}.settings-layout{display:flex;gap:var(--space-xl);align-items:flex-start}.settings-tab-rail{flex:0 0 220px;display:flex;flex-direction:column;gap:var(--space-xs);position:sticky;top:72px}.settings-tab-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--color-text-secondary, #64748b);text-align:left;transition:background .15s,color .15s;white-space:nowrap}.settings-tab-btn svg{flex-shrink:0}.settings-tab-btn:hover{background:var(--brand-primary-alpha, rgba(37,99,235,.1));color:var(--brand-primary, var(--color-text, #1e293b))}.settings-tab-btn.active{background:var(--brand-primary, var(--color-primary, #2563eb));color:#fff}.settings-content-area{flex:1 1 0;min-width:0}@media (max-width: 768px){.settings-layout{flex-direction:column;gap:0}.settings-tab-rail{flex:unset;position:static;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--space-sm);background:var(--color-surface, #fff);border-bottom:1px solid var(--color-border, #e2e8f0);gap:var(--space-xs);width:100%;scroll-snap-type:x mandatory}.settings-tab-btn{scroll-snap-align:start;flex-shrink:0;font-size:.8rem;padding:var(--space-xs) var(--space-sm)}.settings-content-area{padding:var(--space-md)}}@media (max-width: 768px){.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--color-border, #e2e8f0)}.admin-table-wrap table{min-width:560px}}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 640px){.form-grid-2{grid-template-columns:1fr}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] body,[data-theme=dark] #root,[data-theme=dark] .App{background-color:var(--bg-page);color:var(--text-primary)}[data-theme=dark] .card,[data-theme=dark] .page-card,[data-theme=dark] .content-card,[data-theme=dark] .info-card,[data-theme=dark] .action-card,[data-theme=dark] .activity-card,[data-theme=dark] .stat-card,[data-theme=dark] .metric-card,[data-theme=dark] .audit-card-mobile,[data-theme=dark] .kpi-card,[data-theme=dark] .summary-card,[data-theme=dark] .report-card,[data-theme=dark] .detail-card,[data-theme=dark] .overview-card,[data-theme=dark] .quick-actions-card,[data-theme=dark] .filter-card,[data-theme=dark] .access-denied-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)}[data-theme=dark] .settings-section,[data-theme=dark] .settings-card,[data-theme=dark] .settings-panel,[data-theme=dark] .section-card,[data-theme=dark] .section-panel,[data-theme=dark] .config-section,[data-theme=dark] .preference-section,[data-theme=dark] .profile-section,[data-theme=dark] .billing-section,[data-theme=dark] .danger-zone,[data-theme=dark] .page-section{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .settings-section h2,[data-theme=dark] .settings-section h3,[data-theme=dark] .settings-card h2,[data-theme=dark] .settings-card h3,[data-theme=dark] .section-header h2,[data-theme=dark] .section-header h3{color:var(--text-primary)}[data-theme=dark] .page-container,[data-theme=dark] .page-wrapper,[data-theme=dark] .content-wrapper,[data-theme=dark] .main-content,[data-theme=dark] .inner-container,[data-theme=dark] .list-container,[data-theme=dark] .audit-container,[data-theme=dark] .attendance-top-section{background-color:var(--bg-page)}[data-theme=dark] .modal-overlay,[data-theme=dark] .modal-backdrop,[data-theme=dark] .overlay,[data-theme=dark] .alert-modal-overlay,[data-theme=dark] .confirmation-overlay{background:#000000b3!important}[data-theme=dark] .modal-content,[data-theme=dark] .modal-container,[data-theme=dark] .modal-card,[data-theme=dark] .modal-body,[data-theme=dark] .dialog-content,[data-theme=dark] .alert-modal-content,[data-theme=dark] .gps-modal-body,[data-theme=dark] .assignment-rules-modal,[data-theme=dark] .file-preview-modal,[data-theme=dark] .lead-form-modal{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)}[data-theme=dark] .modal-header,[data-theme=dark] .alert-modal-header,[data-theme=dark] .modal-footer,[data-theme=dark] .alert-modal-footer{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)}[data-theme=dark] table,[data-theme=dark] .data-table,[data-theme=dark] .leads-table,[data-theme=dark] .audit-table,[data-theme=dark] .user-table,[data-theme=dark] .report-table,[data-theme=dark] .campaign-table{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] table th,[data-theme=dark] .table-header th,[data-theme=dark] thead th,[data-theme=dark] .audit-table th{background:var(--bg-surface)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] table td,[data-theme=dark] tbody td,[data-theme=dark] .audit-table td{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] table tr:hover td,[data-theme=dark] tbody tr:hover td{background:var(--bg-surface)!important}[data-theme=dark] table tr:nth-child(2n) td,[data-theme=dark] .striped-table tr:nth-child(2n) td{background:var(--bg-surface)!important}[data-theme=dark] .audit-table-card,[data-theme=dark] .audit-table-container{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .nb-dropdown{background:var(--bg-card)!important;border-color:var(--border-color)!important;box-shadow:0 8px 24px #0006!important}[data-theme=dark] .nb-dropdown-header{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .nb-dropdown-title{color:var(--text-primary)!important}[data-theme=dark] .nb-mark-all-btn{color:var(--brand-primary)!important}[data-theme=dark] .nb-item{border-color:var(--border-color)!important;background:var(--bg-card)!important}[data-theme=dark] .nb-item:hover{background:var(--bg-surface)!important}[data-theme=dark] .nb-item--unread{background:rgba(var(--brand-primary),.06)!important}[data-theme=dark] .nb-item--unread:hover{background:var(--bg-surface)!important}[data-theme=dark] .nb-item-title{color:var(--text-primary)!important}[data-theme=dark] .nb-item-msg{color:var(--text-secondary)!important}[data-theme=dark] .nb-item-time{color:var(--text-muted)!important}[data-theme=dark] .nb-empty{color:var(--text-secondary)!important}[data-theme=dark] .nb-list::-webkit-scrollbar-track{background:var(--bg-surface)!important}[data-theme=dark] .nb-list::-webkit-scrollbar-thumb{background:var(--border-color)!important}[data-theme=dark] .stat-card,[data-theme=dark] .metric-tile,[data-theme=dark] .kpi-value-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .stat-card .stat-label,[data-theme=dark] .metric-tile .metric-label,[data-theme=dark] .stat-value-label{color:var(--text-secondary)!important}[data-theme=dark] .stat-card .stat-value,[data-theme=dark] .metric-tile .metric-value{color:var(--text-primary)!important}[data-theme=dark] .filter-group-inline,[data-theme=dark] .filter-container,[data-theme=dark] .filters-bar,[data-theme=dark] .search-filters{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .filter-select-inline,[data-theme=dark] .filter-select,[data-theme=dark] .filter-input{background:transparent!important;color:var(--text-primary)!important}[data-theme=dark] .filter-label-inline,[data-theme=dark] .filter-label{color:var(--brand-primary)!important}[data-theme=dark] .sidebar,[data-theme=dark] .left-panel,[data-theme=dark] .side-panel,[data-theme=dark] .details-sidebar,[data-theme=dark] .activities-panel,[data-theme=dark] .notes-panel,[data-theme=dark] .timeline-panel{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .lead-detail-container,[data-theme=dark] .lead-detail-panel,[data-theme=dark] .lead-info-section,[data-theme=dark] .lead-header,[data-theme=dark] .lead-profile-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .lead-form-section,[data-theme=dark] .lead-notes-container,[data-theme=dark] .lead-files-container,[data-theme=dark] .notes-list-container{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .note-card,[data-theme=dark] .note-item,[data-theme=dark] .activity-item,[data-theme=dark] .follow-up-item,[data-theme=dark] .timeline-item{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .note-card:hover,[data-theme=dark] .activity-item:hover{background:var(--bg-card)!important}[data-theme=dark] .dropdown-menu,[data-theme=dark] .dropdown-content,[data-theme=dark] .context-menu,[data-theme=dark] .popover,[data-theme=dark] .tooltip-content{background:var(--bg-card)!important;border-color:var(--border-color)!important;box-shadow:0 4px 16px #0006!important;color:var(--text-primary)!important}[data-theme=dark] .dropdown-item,[data-theme=dark] .menu-item,[data-theme=dark] .context-menu-item{color:var(--text-primary)!important}[data-theme=dark] .dropdown-item:hover,[data-theme=dark] .menu-item:hover{background:var(--bg-surface)!important}[data-theme=dark] .search-box,[data-theme=dark] .search-container,[data-theme=dark] .search-input-wrapper,[data-theme=dark] .autocomplete-dropdown,[data-theme=dark] .user-select-dropdown,[data-theme=dark] .suggestions-list{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .search-box input,[data-theme=dark] .search-input{background:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .suggestion-item,[data-theme=dark] .autocomplete-item,[data-theme=dark] .user-option{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .suggestion-item:hover,[data-theme=dark] .autocomplete-item:hover,[data-theme=dark] .user-option:hover{background:var(--bg-surface)!important}[data-theme=dark] .pagination,[data-theme=dark] .pagination-container{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .pagination-btn,[data-theme=dark] .page-btn{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .pagination-btn:hover,[data-theme=dark] .page-btn:hover{background:var(--brand-primary)!important;color:var(--text-on-brand)!important}[data-theme=dark] .pagination-btn.active,[data-theme=dark] .page-btn.active{background:var(--brand-primary)!important;color:var(--text-on-brand)!important;border-color:var(--brand-primary)!important}[data-theme=dark] .badge,[data-theme=dark] .status-badge,[data-theme=dark] .status-pill{opacity:.95}[data-theme=dark] .info-box,[data-theme=dark] .info-banner,[data-theme=dark] .alert-info{background:#3b82f61f!important;border-color:#3b82f64d!important;color:#93c5fd!important}[data-theme=dark] .alert-success,[data-theme=dark] .success-box{background:#10b9811f!important;border-color:#10b9814d!important;color:#6ee7b7!important}[data-theme=dark] .alert-warning,[data-theme=dark] .warning-box{background:#f59e0b1f!important;border-color:#f59e0b4d!important;color:#fcd34d!important}[data-theme=dark] .alert-danger,[data-theme=dark] .alert-error,[data-theme=dark] .error-box{background:#ef44441f!important;border-color:#ef44444d!important;color:#fca5a5!important}[data-theme=dark] .flag-checkbox{background:var(--bg-input)!important;border-color:var(--border-color)!important}[data-theme=dark] .flag-checkbox.checked{background:var(--brand-accent)!important;border-color:var(--brand-accent)!important}[data-theme=dark] .location-info-box,[data-theme=dark] .location-not-configured,[data-theme=dark] .location-display{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .gps-modal-tabs{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .gps-modal-tab{color:var(--text-secondary)!important}[data-theme=dark] .gps-modal-tab.active{background:var(--brand-primary)!important;color:var(--text-on-brand)!important}[data-theme=dark] .settings-section .stat-card{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-card) 100%)!important;border-color:var(--border-color)!important}[data-theme=dark] .current-time-display{background:var(--bg-surface)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .project-eligibility-item{border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .quick-stats-container,[data-theme=dark] .dashboard-grid,[data-theme=dark] .charts-grid{background:transparent}[data-theme=dark] .dashboard-section-title{color:var(--text-primary)!important}[data-theme=dark] .activity-feed-container{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .activity-feed-item{border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .activity-feed-item:hover{background:var(--bg-surface)!important}[data-theme=dark] .chart-container,[data-theme=dark] .chart-wrapper{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .leads-container,[data-theme=dark] .leads-list-wrapper{background:var(--bg-page)}[data-theme=dark] .lead-row,[data-theme=dark] .lead-card,[data-theme=dark] .lead-list-item{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .lead-row:hover,[data-theme=dark] .lead-card:hover,[data-theme=dark] .lead-list-item:hover{background:var(--bg-surface)!important}[data-theme=dark] .import-export-modal,[data-theme=dark] .lead-import-section{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .campaign-card,[data-theme=dark] .campaign-stat-card,[data-theme=dark] .campaign-list-item,[data-theme=dark] .campaign-details-panel{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .campaign-wizard,[data-theme=dark] .wizard-step,[data-theme=dark] .wizard-body,[data-theme=dark] .wizard-sidebar{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .wizard-step-indicator{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .billing-plan-card,[data-theme=dark] .billing-usage-card,[data-theme=dark] .billing-invoice-row,[data-theme=dark] .plan-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .plan-card.active,[data-theme=dark] .plan-card.current{background:var(--bg-surface)!important;border-color:var(--brand-primary)!important}[data-theme=dark] .bp-status-active{background:#10b9811a!important;border-color:#10b98140!important}[data-theme=dark] .bp-status-active .bp-status-info strong{color:#6ee7b7!important}[data-theme=dark] .bp-status-active .bp-status-info span{color:#a7f3d0!important}[data-theme=dark] .bp-status-pending{background:#f59e0b1a!important;border-color:#f59e0b40!important}[data-theme=dark] .bp-status-pending .bp-status-info strong{color:#fcd34d!important}[data-theme=dark] .bp-status-pending .bp-status-info span{color:#fbbf24!important}[data-theme=dark] .bp-status-overdue{background:#ef44441a!important;border-color:#ef444440!important}[data-theme=dark] .bp-status-overdue .bp-status-info strong{color:#fca5a5!important}[data-theme=dark] .bp-status-overdue .bp-status-info span{color:#f87171!important}[data-theme=dark] .bp-status-suspended{background:#a21caf1a!important;border-color:#a21caf40!important}[data-theme=dark] .bp-status-suspended .bp-status-info strong{color:#f0abfc!important}[data-theme=dark] .bp-status-suspended .bp-status-info span{color:#e879f9!important}[data-theme=dark] .planner-container,[data-theme=dark] .planner-card,[data-theme=dark] .planner-section,[data-theme=dark] .daily-agenda-item,[data-theme=dark] .task-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .task-card:hover,[data-theme=dark] .daily-agenda-item:hover{background:var(--bg-surface)!important}[data-theme=dark] .planner-header,[data-theme=dark] .planner-footer{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .followup-card,[data-theme=dark] .followup-item,[data-theme=dark] .followup-list-container,[data-theme=dark] .followup-details-panel{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .followup-stat-card{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .calendar-container,[data-theme=dark] .calendar-grid,[data-theme=dark] .calendar-cell,[data-theme=dark] .calendar-header-cell{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .calendar-day-cell{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .calendar-day-cell.today{background:rgba(var(--brand-primary),.1)!important}[data-theme=dark] .audit-header{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .audit-stats{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .user-management-container,[data-theme=dark] .user-card,[data-theme=dark] .user-role-badge,[data-theme=dark] .user-list-header{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .user-card:hover{background:var(--bg-surface)!important}[data-theme=dark] .project-card,[data-theme=dark] .project-detail-container,[data-theme=dark] .project-section,[data-theme=dark] .project-header-section,[data-theme=dark] .project-meta,[data-theme=dark] .amenity-chip{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .amenity-chip:hover{background:var(--bg-surface)!important}[data-theme=dark] .construction-progress-card,[data-theme=dark] .media-gallery-container{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .report-container,[data-theme=dark] .report-section,[data-theme=dark] .report-chart-card,[data-theme=dark] .report-filter-panel,[data-theme=dark] .visit-card,[data-theme=dark] .visit-details-panel,[data-theme=dark] .map-legend,[data-theme=dark] .map-kpi-stats,[data-theme=dark] .map-filter-chips,[data-theme=dark] .lead-details-panel{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .map-controls{border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .confirmation-dialog,[data-theme=dark] .map-error-boundary{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .template-card,[data-theme=dark] .template-editor,[data-theme=dark] .template-preview,[data-theme=dark] .email-template-modal,[data-theme=dark] .email-analytics-modal{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .template-editor textarea,[data-theme=dark] .email-template-editor{background:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .file-upload-zone,[data-theme=dark] .file-drop-zone,[data-theme=dark] .upload-area{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .file-upload-zone:hover,[data-theme=dark] .file-drop-zone:hover{background:var(--bg-card)!important;border-color:var(--brand-primary)!important}[data-theme=dark] .file-item,[data-theme=dark] .file-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .tabs-container,[data-theme=dark] .tab-bar,[data-theme=dark] .tab-list{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .tab-item,[data-theme=dark] .tab-btn{color:var(--text-secondary)!important}[data-theme=dark] .tab-item.active,[data-theme=dark] .tab-btn.active,[data-theme=dark] .tab-item:hover,[data-theme=dark] .tab-btn:hover{color:var(--text-primary)!important;background:var(--bg-card)!important}[data-theme=dark] .tab-content,[data-theme=dark] .tab-panel{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .date-picker-popup,[data-theme=dark] .custom-date-picker,[data-theme=dark] .react-datepicker,[data-theme=dark] .react-datepicker__month-container{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .react-datepicker__header{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .react-datepicker__day{color:var(--text-primary)!important}[data-theme=dark] .react-datepicker__day:hover{background:var(--bg-surface)!important}[data-theme=dark] .react-datepicker__day--selected{background:var(--brand-primary)!important;color:var(--text-on-brand)!important}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-card) 50%,var(--bg-surface) 75%)!important;background-size:200% 100%!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#fff}[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] label,[data-theme=dark] li{color:inherit}[data-theme=dark] .text-muted,[data-theme=dark] .muted-hint,[data-theme=dark] .helper-text,[data-theme=dark] .field-hint{color:var(--text-muted)!important}[data-theme=dark] .section-header,[data-theme=dark] .page-header{border-color:var(--border-color)}[data-theme=dark] hr,[data-theme=dark] .divider,[data-theme=dark] .separator{border-color:var(--border-color)!important;background-color:var(--border-color)!important}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-surface)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=dark] .facebook-integration-container,[data-theme=dark] .fb-card,[data-theme=dark] .fb-stat-card,[data-theme=dark] .fb-page-card,[data-theme=dark] .attendance-container,[data-theme=dark] .attendance-card,[data-theme=dark] .attendance-item,[data-theme=dark] .attendance-header,[data-theme=dark] .attendance-advanced-panel{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .att-btn-row button{border-color:var(--border-color)!important}[data-theme=dark] .info-text,[data-theme=dark] .help-text,[data-theme=dark] .instruction-text{color:var(--text-secondary)!important}[data-theme=dark] .info-icon{color:var(--brand-primary)!important}[data-theme=dark] .form-group label,[data-theme=dark] .form-row label,[data-theme=dark] .field-label{color:var(--text-secondary)!important}[data-theme=dark] .error-message{color:#fca5a5!important}[data-theme=dark] .success-message{color:#6ee7b7!important}[data-theme=dark] .bp-card,[data-theme=dark] .bp-section,[data-theme=dark] .bp-card-accent{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .bp-pending-banner{background:linear-gradient(135deg,#f59e0b1f,#d977061f)!important;border-color:#f59e0b4d!important;color:#fcd34d!important}[data-theme=dark] .bp-alert-success{background:#10b9811f!important;border-color:#10b9814d!important;color:#6ee7b7!important}[data-theme=dark] .bp-alert-error{background:#ef44441f!important;border-color:#ef44444d!important;color:#fca5a5!important}[data-theme=dark] .bp-icon-blue{background:#3b82f626!important;color:#93c5fd!important}[data-theme=dark] .bp-icon-indigo{background:#6366f126!important;color:#a5b4fc!important}[data-theme=dark] .bp-icon-green{background:#10b98126!important;color:#6ee7b7!important}[data-theme=dark] .bp-icon-amber{background:#f59e0b26!important;color:#fcd34d!important}[data-theme=dark] .bp-badge-paid{background:#10b98126!important;color:#6ee7b7!important}[data-theme=dark] .bp-badge-pending{background:#f59e0b26!important;color:#fcd34d!important}[data-theme=dark] .bp-badge-overdue,[data-theme=dark] .bp-badge-rejected{background:#ef444426!important;color:#fca5a5!important}[data-theme=dark] .bp-badge-approved{background:#10b98126!important;color:#6ee7b7!important}[data-theme=dark] .bp-badge-cancelled{background:var(--bg-surface)!important;color:var(--text-secondary)!important}[data-theme=dark] .ar-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .ar-role-card,[data-theme=dark] .ar-strat-card,[data-theme=dark] .ar-rr-tile{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .ar-role-card:hover,[data-theme=dark] .ar-strat-card:hover,[data-theme=dark] .ar-rr-tile:hover{background:var(--bg-card)!important;border-color:var(--brand-primary)!important}[data-theme=dark] .ar-role-card--on,[data-theme=dark] .ar-strat-card--on{background:rgba(var(--brand-primary),.1)!important;border-color:var(--brand-primary)!important}[data-theme=dark] .ar-role-check{background:var(--brand-primary)!important}[data-theme=dark] .ar-wrap,[data-theme=dark] .ar-title,[data-theme=dark] .ar-card-title,[data-theme=dark] .ar-card-hd,[data-theme=dark] .ar-tgl-label,[data-theme=dark] .ar-stepper-label,[data-theme=dark] .ar-rr-name,[data-theme=dark] .ar-tbl-user,[data-theme=dark] .ar-mob-cap-name{color:var(--text-primary)!important}[data-theme=dark] .ar-subtitle,[data-theme=dark] .ar-card-desc,[data-theme=dark] .ar-tgl-desc,[data-theme=dark] .ar-stepper-help,[data-theme=dark] .ar-rr-meta,[data-theme=dark] .ar-mob-cap-meta,[data-theme=dark] .ar-footer-hint,[data-theme=dark] .ar-group-label,[data-theme=dark] .ar-bar-pct,[data-theme=dark] .ar-muted{color:var(--text-secondary)!important}[data-theme=dark] .ar-num{color:var(--text-primary)!important}[data-theme=dark] .ar-badge{background:var(--bg-surface)!important;color:var(--text-secondary)!important}[data-theme=dark] .ar-stepper-control{border-color:var(--border-color)!important;background:var(--bg-surface)!important}[data-theme=dark] .ar-stepper-btn{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .ar-stepper-btn:hover{background:var(--bg-surface-raised)!important}[data-theme=dark] .ar-stepper-input,[data-theme=dark] .ar-cap-in{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .ar-cap-in:focus{border-color:var(--brand-primary)!important}[data-theme=dark] .ar-toggle{background:var(--bg-surface-raised)!important}[data-theme=dark] .ar-toggle--on{background:var(--brand-primary, #6366f1)!important}[data-theme=dark] .ar-tbl-wrap{border-color:var(--border-color)!important}[data-theme=dark] .ar-tbl thead th{background:var(--bg-surface)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .ar-tbl tbody td{border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .ar-tbl tbody tr:hover td{background:var(--bg-surface)!important}[data-theme=dark] .ar-row-over td{background:#ef444414!important}[data-theme=dark] .ar-bar{background:var(--bg-surface-raised)!important}[data-theme=dark] .ar-divider{background:var(--border-color)!important}[data-theme=dark] .ar-footer{border-color:var(--border-color)!important}[data-theme=dark] .ar-readonly-banner{background:#f59e0b1f!important;border-color:#f59e0b4d!important;color:#fbbf24!important}[data-theme=dark] .ar-mob-cap{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .ar-mob-cap--over{background:#ef444414!important;border-color:#ef44444d!important}[data-theme=dark] .ar-mob-cap-lbl{color:var(--text-secondary)!important}[data-theme=dark] .ar-pill--ok{background:#10b98126!important;color:#6ee7b7!important}[data-theme=dark] .ar-pill--over{background:#ef444426!important;color:#fca5a5!important}[data-theme=dark] .ar-over-pill{background:#ef44441f!important;color:#fca5a5!important}[data-theme=dark] .ar-chk{border-color:var(--border-color)!important}[data-theme=dark] .ar-rr-tile--on{background:#6366f11f!important;border-color:#6366f1!important}[data-theme=dark] .ar-rr-tile--over{background:#ef444414!important;border-color:#ef44444d!important}[data-theme=dark] .ar-btn-primary{background:var(--brand-primary, #6366f1)!important;color:var(--text-on-brand, #fff)!important}[data-theme=dark] .ar-btn-primary:hover:not(:disabled){filter:brightness(1.1)}[data-theme=dark] .ar-toast--success{background:#10b9811f!important;color:#6ee7b7!important;border-color:#10b9814d!important}[data-theme=dark] .ar-toast--error{background:#ef44441f!important;color:#fca5a5!important;border-color:#ef44444d!important}[data-theme=dark] .status-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .status-card.status-green{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(16,185,129,.06) 100%)!important;border-color:#10b98133!important}[data-theme=dark] .status-card.status-completed{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(99,102,241,.06) 100%)!important;border-color:#6366f133!important}[data-theme=dark] .work-timer-block.timer-running{background:linear-gradient(135deg,#10b9811a,#4ade8014)!important;border-color:#4ade8033!important}[data-theme=dark] .break-timer-block.timer-running{background:linear-gradient(135deg,#f59e0b1a,#fdd34614)!important;border-color:#fdd34633!important}[data-theme=dark] .badge-green{background:#10b98126!important;color:#6ee7b7!important}[data-theme=dark] .badge-completed,[data-theme=dark] .completed-hours{background:#6366f126!important;color:#a5b4fc!important}[data-theme=dark] .att-btn-row{border-color:var(--border-color)!important}[data-theme=dark] .lead-detail-tabs{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .lead-detail-tabs .tab{color:var(--text-secondary)!important}[data-theme=dark] .lead-detail-tabs .tab.active{background:var(--bg-surface)!important;color:var(--brand-primary)!important}[data-theme=dark] .lead-detail-tabs .tab.active:after{display:none!important}[data-theme=dark] .lead-detail-modal,[data-theme=dark] .lead-detail-sidebar{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .modal-tabs .tab.active{color:var(--brand-primary)!important;border-bottom-color:var(--brand-primary)!important}[data-theme=dark] .timeline-filter-btn{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .timeline-filter-btn.active{background:var(--brand-primary)!important;color:var(--text-on-brand, #fff)!important;border-color:var(--brand-primary)!important}[data-theme=dark] .timeline-filter-btn:hover{background:var(--bg-card)!important;color:var(--brand-primary)!important;border-color:var(--brand-primary)!important}[data-theme=dark] .inline-input,[data-theme=dark] .inline-select{background:var(--bg-input)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .campaigns-page{background:var(--bg-page)!important}[data-theme=dark] .campaigns-table{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .campaigns-table th{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .campaigns-table td{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .campaigns-table tr:hover td{background:var(--bg-surface)!important}[data-theme=dark] .view-toggle{background:var(--bg-surface)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .campaigns-filter{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .toggle-btn,[data-theme=dark] .view-toggle-btn{color:var(--text-secondary)!important}[data-theme=dark] .toggle-btn svg,[data-theme=dark] .view-toggle-btn svg{stroke:var(--text-secondary)!important}[data-theme=dark] .toggle-btn:hover,[data-theme=dark] .view-toggle-btn:hover{background:var(--bg-hover)!important}[data-theme=dark] .toggle-btn:hover svg,[data-theme=dark] .view-toggle-btn:hover svg{stroke:var(--text-primary)!important}[data-theme=dark] .toggle-btn.active,[data-theme=dark] .view-toggle-btn.active{background:transparent!important;color:var(--primary)!important;box-shadow:0 1px 3px #0000004d!important}[data-theme=dark] .toggle-btn.active svg,[data-theme=dark] .view-toggle-btn.active svg{stroke:var(--text-secondary)!important}[data-theme=dark] .campaigns-pending-banner{background:#f59e0b1f!important;border-color:#f59e0b4d!important;color:#fcd34d!important}[data-theme=dark] .success-highlight,[data-theme=dark] .action-success,[data-theme=dark] .setting-info.success{background:#10b9811f!important;border-color:#10b98140!important;color:#6ee7b7!important}[data-theme=dark] .warning-highlight,[data-theme=dark] .action-warning,[data-theme=dark] .location-help-text{background:#f59e0b1f!important;border-color:#f59e0b40!important;color:#fcd34d!important}[data-theme=dark] .danger-highlight,[data-theme=dark] .action-danger{background:#ef44441f!important;border-color:#ef444440!important;color:#fca5a5!important}[data-theme=dark] .action-info,[data-theme=dark] .setting-info,[data-theme=dark] .location-info-box{background:#3b82f61f!important;border-color:#3b82f640!important;color:#93c5fd!important}[data-theme=dark] .stat-badge.backlog{background:#ef44441f!important;border-color:#ef444440!important;color:#fca5a5!important}[data-theme=dark] .stat-badge.today{background:#10b9811f!important;border-color:#10b98140!important;color:#6ee7b7!important}[data-theme=dark] .temp-badge-modern.hot{background:#ef444426!important;color:#fca5a5!important}[data-theme=dark] .temp-badge-modern.warm{background:#f59e0b26!important;color:#fcd34d!important}[data-theme=dark] .temp-badge-modern.cold{background:#3b82f626!important;color:#93c5fd!important}[data-theme=dark] .category-badge-modern.hot_prospect{background:#db277726!important;color:#f9a8d4!important}[data-theme=dark] .category-badge-modern.revisit{background:#6366f126!important;color:#a5b4fc!important}[data-theme=dark] .category-badge-modern.callback,[data-theme=dark] .status-badge-modern.pending{background:var(--bg-surface)!important;color:var(--text-secondary)!important}[data-theme=dark] .status-badge-modern.completed{background:#10b98126!important;color:#6ee7b7!important}[data-theme=dark] .timezone-select{background:var(--bg-input)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .timezone-select:disabled{background:var(--bg-surface)!important;color:var(--text-muted)!important}[data-theme=dark] .project-form-modal{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .project-form-modal-header{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .project-form-modal-header h2,[data-theme=dark] .project-form-modal-header h3{color:var(--text-primary)!important}[data-theme=dark] .project-form-close-btn{background:var(--bg-surface-raised)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .project-form-close-btn:hover{background:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .project-form-modal-body{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .project-form-modal-footer,[data-theme=dark] .lead-detail-mobile-footer{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .lead-info-section{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .lead-info-section h3{color:var(--text-primary)!important}[data-theme=dark] .info-item{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .info-item label{color:var(--text-secondary)!important}[data-theme=dark] .info-item span{color:var(--text-primary)!important}[data-theme=dark] .info-item input,[data-theme=dark] .info-item select,[data-theme=dark] .info-item textarea{background:var(--bg-input, var(--bg-surface))!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .timeline-filters{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .timeline-date-input{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .timeline-date-input:hover,[data-theme=dark] .timeline-date-input:focus{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .timeline-content-compact{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .timeline-content-compact:hover,[data-theme=dark] .timeline-item.expanded .timeline-content-compact{background:var(--bg-card)!important;border-color:var(--brand-primary, var(--primary))!important}[data-theme=dark] .timeline-detail-row,[data-theme=dark] .timeline-scheduled-info{background:var(--bg-surface)!important;color:var(--text-secondary)!important}[data-theme=dark] .timeline-meeting-link{background:#0284c71f!important;color:var(--text-secondary)!important}[data-theme=dark] .timeline-meeting-link strong,[data-theme=dark] .timeline-meeting-link a{color:#7dd3fc!important}[data-theme=dark] .timeline-item.expanded{background:var(--brand-primary-alpha, rgba(99, 102, 241, .08))!important}[data-theme=dark] .timeline-item:hover{background:var(--brand-primary-alpha, rgba(99, 102, 241, .05))!important}[data-theme=dark] .timeline-date-header{color:var(--text-secondary)!important}[data-theme=dark] .activity-tab .card,[data-theme=dark] .notes-tab .card,[data-theme=dark] .visits-tab .card{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .empty-state,[data-theme=dark] .no-results{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .email-template-stage{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .stage-header{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .stage-header:hover{background:var(--bg-surface-raised)!important}[data-theme=dark] .stage-header.expanded{background:var(--bg-surface-raised)!important;border-color:var(--border-color)!important}[data-theme=dark] .stage-label{color:var(--text-primary)!important}[data-theme=dark] .stage-count,[data-theme=dark] .stage-toggle{color:var(--text-secondary)!important}[data-theme=dark] .stage-content{background:var(--bg-card)!important}[data-theme=dark] .template-item{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .template-item:hover{background:var(--bg-surface-raised)!important}[data-theme=dark] .template-header h4{color:var(--brand-primary, #60a5fa)!important}[data-theme=dark] .template-creator{color:var(--text-secondary)!important}[data-theme=dark] .template-preview-snippet{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .smtp-modal-overlay .project-form-modal,[data-theme=dark] .magic-email-modal-overlay .project-form-modal{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .react-calendar{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .react-calendar__navigation{background:var(--bg-surface)!important}[data-theme=dark] .react-calendar__navigation button{color:var(--text-primary)!important}[data-theme=dark] .react-calendar__navigation button:enabled:hover,[data-theme=dark] .react-calendar__navigation button:enabled:focus{background:var(--bg-surface-raised)!important}[data-theme=dark] .react-calendar__month-view__weekdays,[data-theme=dark] .react-calendar__month-view__weekdays__weekday abbr{color:var(--text-secondary)!important}[data-theme=dark] .react-calendar__tile{background:transparent!important;color:var(--text-primary)!important}[data-theme=dark] .react-calendar__tile:enabled:hover,[data-theme=dark] .react-calendar__tile:enabled:focus{background:var(--bg-surface)!important;color:var(--brand-primary, var(--primary))!important}[data-theme=dark] .react-calendar__tile--now{background:var(--bg-surface-raised)!important;color:var(--brand-primary, var(--primary))!important}[data-theme=dark] .react-calendar__tile--hasActive,[data-theme=dark] .react-calendar__tile--active{background:var(--brand-primary, var(--primary))!important;color:var(--text-on-brand, #fff)!important}[data-theme=dark] .react-calendar__tile--active:enabled:hover,[data-theme=dark] .react-calendar__tile--active:enabled:focus{background:var(--brand-primary, var(--primary))!important;color:var(--text-on-brand, #fff)!important;filter:brightness(.9)}[data-theme=dark] .react-calendar__month-view__days__day--neighboringMonth{color:var(--text-muted, #64748b)!important}[data-theme=dark] .custom-datepicker-calendar{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .custom-datepicker-input{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .import-export-body{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .import-export-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .import-export-card h3{color:var(--text-primary)!important}[data-theme=dark] .file-upload-box{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .file-upload-box:hover{background:var(--bg-surface-raised)!important;border-color:var(--brand-primary, var(--primary))!important}[data-theme=dark] .mapping-select{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .mapping-table th{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .mapping-table td{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .mapping-table-wrapper{border-color:var(--border-color)!important}[data-theme=dark] .result-card,[data-theme=dark] .import-results-container{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .error-item{background:#ef444414!important;border-color:#ef444433!important;color:#fca5a5!important}[data-theme=dark] .file-info{background:var(--bg-surface)!important;color:var(--text-secondary)!important}[data-theme=dark] .import-results{background:var(--bg-surface)!important;color:var(--text-primary)!important}[data-theme=dark] .modal-content{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .form-section{border-color:var(--border-color)!important}[data-theme=dark] .form-section-title{color:var(--text-primary)!important}[data-theme=dark] .section-description,[data-theme=dark] .form-group label{color:var(--text-secondary)!important}[data-theme=dark] .form-group input[type=file]{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .form-group small,[data-theme=dark] .form-group .help-text{color:var(--text-secondary)!important}[data-theme=dark] .modal-tabs,[data-theme=dark] .lead-detail-tabs{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .modal-tabs .tab{color:var(--text-secondary)!important}[data-theme=dark] .modal-tabs .tab:hover{background:#6366f114!important;color:var(--brand-primary, var(--primary))!important}[data-theme=dark] .modal-tabs .tab.active{background:var(--bg-card)!important;color:var(--brand-primary, var(--primary))!important}[data-theme=dark] .assignment-rules-modal .modal-header,[data-theme=dark] .note-input,[data-theme=dark] .notes-textarea,[data-theme=dark] .note-textarea{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .file-drop-zone,[data-theme=dark] .drag-drop-zone,[data-theme=dark] .upload-drop-zone{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .file-drop-zone:hover,[data-theme=dark] .drag-drop-zone.dragover,[data-theme=dark] .upload-drop-zone.dragover{background:rgba(var(--brand-primary),.06)!important;border-color:var(--brand-primary, var(--primary))!important}[data-theme=dark] .activity-stat-card,[data-theme=dark] .stat-grid .stat-item{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .activity-stat-card .stat-number,[data-theme=dark] .stat-grid .stat-item .stat-value{color:var(--brand-primary, var(--primary))!important}[data-theme=dark] .activity-stat-card .stat-label,[data-theme=dark] .stat-grid .stat-item .stat-label{color:var(--text-secondary)!important}[data-theme=dark] .users-table thead{background:var(--bg-surface)!important}[data-theme=dark] .users-table th{color:var(--text-secondary)!important;background:transparent!important}[data-theme=dark] .users-table tbody tr:hover{background:var(--bg-surface)!important}[data-theme=dark] .user-edit-modal-overlay{background:#000000b3!important}[data-theme=dark] .user-edit-modal{background:var(--bg-card)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .user-edit-modal-header{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .user-edit-section{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .user-edit-section-readonly{background:var(--bg-page)!important;border-color:var(--border-color)!important}[data-theme=dark] .user-edit-input{background:var(--bg-input, var(--bg-surface))!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .user-edit-input:disabled{background:var(--bg-page)!important;color:var(--text-muted)!important}[data-theme=dark] .user-edit-modal-footer{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .user-edit-btn-cancel{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .table-tabs{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .table-tab{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .form-input[type=file],[data-theme=dark] .amenity-input,[data-theme=dark] .custom-amenity-input input,[data-theme=dark] .floor-plan-inline-input,[data-theme=dark] .search-input,[data-theme=dark] select[multiple]{background:var(--bg-input, var(--bg-surface))!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .project-form-modal,[data-theme=dark] .campaign-wizard-content,[data-theme=dark] .premium-amenity-card,[data-theme=dark] .floor-plan-new-item,[data-theme=dark] .new-brochure-item,[data-theme=dark] .new-image-preview,[data-theme=dark] .public-enquiry-card,[data-theme=dark] .ar-card,[data-theme=dark] .ar-role-card,[data-theme=dark] .ar-strat-card,[data-theme=dark] .ar-rr-tile,[data-theme=dark] .ar-dropdown-content,[data-theme=dark] .stat-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .toggle-label,[data-theme=dark] .floor-plan-inline-input,[data-theme=dark] .checkbox-custom,[data-theme=dark] .checkbox-mark,[data-theme=dark] .amenity-badge,[data-theme=dark] .brochure-card,[data-theme=dark] .expanded-description{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .nb-dropdown{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .nb-empty,[data-theme=dark] .nb-item{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .crm-sticky-actions,[data-theme=dark] .landmarks-select,[data-theme=dark] .category-btn,[data-theme=dark] .toggle-label input:checked+span{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .tooltip-content{background:var(--bg-tooltip, #1f2937)!important;color:var(--text-on-dark, #f3f4f6)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .tooltip-top:after{border-top-color:var(--bg-tooltip, #1f2937)!important}[data-theme=dark] .tooltip-bottom:after{border-bottom-color:var(--bg-tooltip, #1f2937)!important}[data-theme=dark] .tooltip-right:after{border-right-color:var(--bg-tooltip, #1f2937)!important}[data-theme=dark] .tooltip-left:after{border-left-color:var(--bg-tooltip, #1f2937)!important}[data-theme=dark] .floor-plan-modal-content,[data-theme=dark] .milestone-modal,[data-theme=dark] .project-form-modal,[data-theme=dark] .construction-progress .modal-body{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .attendance-card header,[data-theme=dark] .info-item,[data-theme=dark] .metric-info span,[data-theme=dark] .stat-value{color:var(--text-primary)!important}[data-theme=dark] .crm-card,[data-theme=dark] .crm-tab-bar,[data-theme=dark] .crm-metric-card,[data-theme=dark] .crm-amenity-tile,[data-theme=dark] .crm-floorplan-card,[data-theme=dark] .landmark-card-modern,[data-theme=dark] .premium-luxury-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .crm-tab{color:var(--text-secondary)!important}[data-theme=dark] .crm-tab.active{color:var(--brand-primary, var(--primary))!important}[data-theme=dark] .floor-plan-card-modern,[data-theme=dark] .floor-plan-row,[data-theme=dark] .floor-plan-new-item{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .ar-role-card,[data-theme=dark] .ar-strat-card,[data-theme=dark] .ar-rr-tile{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .ar-role-card:hover,[data-theme=dark] .ar-strat-card:hover,[data-theme=dark] .ar-rr-tile:hover{background:var(--bg-card)!important}[data-theme=dark] .milestone-compact-card,[data-theme=dark] .progress-display,[data-theme=dark] .current-stage-badge{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .wizard-step.active,[data-theme=dark] .period-label.active{background:var(--brand-primary, var(--primary))!important;color:#fff!important}[data-theme=dark] .btn-primary,[data-theme=dark] .btn-success,[data-theme=dark] .btn-danger,[data-theme=dark] .btn-warning,[data-theme=dark] .btn-info,[data-theme=dark] .schedule-followup-btn,[data-theme=dark] .badge-primary,[data-theme=dark] .badge-success,[data-theme=dark] .badge-warning,[data-theme=dark] .badge-error,[data-theme=dark] .badge-info{color:#fff!important}[data-theme=dark] .button-primary,[data-theme=dark] .fp-btn-view,[data-theme=dark] .fp-btn-download,[data-theme=dark] .fp-btn-enquire,[data-theme=dark] .download-plan-btn,[data-theme=dark] .get-directions-btn{filter:none!important}[data-theme=dark] .info-icon{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--brand-primary, var(--primary))!important}[data-theme=dark] .info-icon:hover{background:var(--brand-primary, var(--primary))!important;color:#fff!important}[data-theme=dark] select,[data-theme=dark] .note-type-select,[data-theme=dark] .landmarks-select,[data-theme=dark] .form-select{background:var(--bg-input, var(--bg-surface))!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] select option{background:var(--bg-surface)!important;color:var(--text-primary)!important}[data-theme=dark] .badge-inline,[data-theme=dark] .amenity-chip,[data-theme=dark] .category-btn{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .category-btn.active{background:var(--brand-primary, var(--primary))!important;border-color:var(--brand-primary, var(--primary))!important;color:#fff!important}[data-theme=dark] .public-enquiry-form input,[data-theme=dark] .public-enquiry-form select,[data-theme=dark] .public-enquiry-form textarea{background:var(--bg-input, var(--bg-surface))!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .public-enquiry-form input:focus,[data-theme=dark] .public-enquiry-form select:focus,[data-theme=dark] .public-enquiry-form textarea:focus{background:var(--bg-input, var(--bg-surface))!important;border-color:var(--brand-primary, var(--primary))!important}[data-theme=dark] .visit-verify-container{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .crm-empty-state,[data-theme=dark] .empty-milestones,[data-theme=dark] .no-notes{background:var(--bg-surface)!important;color:var(--text-secondary)!important}[data-theme=dark] .landmark-category,[data-theme=dark] .landmark-item,[data-theme=dark] .insight-item,[data-theme=dark] .location-address{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .premium-grid-card,[data-theme=dark] .premium-amenities-section{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .floor-plan-badge.popular.active,[data-theme=dark] .badge-popular,[data-theme=dark] .floor-plan-badge.new.active,[data-theme=dark] .badge-new,[data-theme=dark] .floor-plan-badge.best-value.active,[data-theme=dark] .badge-value{filter:saturate(.8) brightness(1.1)}[data-theme=dark] .premium-badge,[data-theme=dark] .premium-badge-title,[data-theme=dark] .unit-type-badge,[data-theme=dark] .floor-plan-card-badge,[data-theme=dark] .crm-status-badge,[data-theme=dark] .crm-rera-badge,[data-theme=dark] .dropdown-user-avatar,[data-theme=dark] .dropdown-user-name,[data-theme=dark] .nav-link,[data-theme=dark] .nav-link.active{color:#fff!important}[data-theme=dark] .settings-dropdown{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .mobile-action-btn.call:hover,[data-theme=dark] .mobile-action-btn.whatsapp:hover,[data-theme=dark] .mobile-action-btn.edit:hover,[data-theme=dark] .mobile-action-btn.note:hover{color:#fff!important}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer,[data-theme=dark] .modal-body,[data-theme=dark] .project-form-modal-body,[data-theme=dark] .construction-progress .modal-footer{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .table-tab.active{background:var(--brand-primary, var(--primary))!important;border-color:var(--brand-primary, var(--primary))!important;color:#fff!important}[data-theme=dark] .tile-present{background:#16a34a26!important;border-color:#4ade804d!important}[data-theme=dark] .tile-absent{background:#ef444426!important;border-color:#fca5a54d!important}[data-theme=dark] .tile-hours{background:#3b82f626!important;border-color:#93c5fd4d!important}[data-theme=dark] .tile-status{background:#a855f726!important;border-color:#d8b4fe4d!important}[data-theme=dark] .tile-status.tile-green{background:#16a34a26!important;border-color:#4ade804d!important}[data-theme=dark] .tile-status.tile-blue{background:#3b82f626!important;border-color:#93c5fd4d!important}[data-theme=dark] .tile-status.tile-orange{background:#f9731626!important;border-color:#fdba844d!important}[data-theme=dark] .tile-status.tile-red{background:#ef444426!important;border-color:#fca5a54d!important}[data-theme=dark] .attendance-toast.success{background:#16a34a26!important;border-color:#4ade804d!important;color:#6ee7b7!important}[data-theme=dark] .attendance-toast.error{background:#ef444426!important;border-color:#fca5a54d!important;color:#fca5a5!important}[data-theme=dark] .checkout-warning{background:#f59e0b1f!important;border-color:#fdd3464d!important;color:#fcd34d!important}[data-theme=dark] .hours-summary{background:#6366f126!important;color:#a5b4fc!important}[data-theme=dark] .day-completed{background:#6366f126!important;border-color:#a5b4fc4d!important;color:#a5b4fc!important}[data-theme=dark] .completed-text{color:#a5b4fc!important}[data-theme=dark] .breakdown-item.completed{background:#16a34a1a!important}[data-theme=dark] .breakdown-item.in_progress{background:#f59e0b1a!important}[data-theme=dark] .break-modal{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .break-reason-select,[data-theme=dark] .break-reason-textarea{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .status-card.status-grey,[data-theme=dark] .calendar-section,[data-theme=dark] .activities-panel.enhanced,[data-theme=dark] .lead-status-panel.enhanced,[data-theme=dark] .recent-leads-panel{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .activity-card,[data-theme=dark] .card-attendance,[data-theme=dark] .card-followup,[data-theme=dark] .card-visit,[data-theme=dark] .card-sale{background:var(--bg-surface)!important}[data-theme=dark] .no-activities-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .recent-lead-item{background:var(--bg-surface)!important}[data-theme=dark] .recent-lead-item:hover{background:var(--bg-page)!important}[data-theme=dark] .total-badge{background:var(--bg-surface)!important;color:var(--text-primary)!important}[data-theme=dark] .enhanced-calendar .react-calendar__tile--now,[data-theme=dark] .enhanced-calendar .react-calendar__tile:hover{background:var(--bg-surface)!important}[data-theme=dark] .status-new{background:#1976d226!important;color:#93c5fd!important}[data-theme=dark] .status-site-visit{background:#f57c0026!important;color:#fdba74!important}[data-theme=dark] .status-negotiation{background:#c2185b26!important;color:#f9a8d4!important}[data-theme=dark] .status-hot-deal{background:#f9a82526!important;color:#fde68a!important}[data-theme=dark] .status-closed{background:#388e3c26!important;color:#6ee7b7!important}[data-theme=dark] .status-lost{background:#d32f2f26!important;color:#fca5a5!important}[data-theme=dark] .insight-strip{background:#f59e0b1f!important;border-color:#fdd34640!important}[data-theme=dark] .insight-label{color:#fde68a!important}[data-theme=dark] .insight-text{color:#fef3c7!important}[data-theme=dark] .settings-section .form-input,[data-theme=dark] .settings-section input,[data-theme=dark] .settings-section textarea,[data-theme=dark] .settings-section select{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .settings-section .form-input:disabled,[data-theme=dark] .settings-section input:disabled,[data-theme=dark] .settings-section textarea:disabled{background:var(--bg-surface)!important;color:var(--text-secondary)!important}[data-theme=dark] .timezone-select{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .timezone-select:disabled{background:var(--bg-surface)!important;color:var(--text-secondary)!important}[data-theme=dark] .btn-map-link{background:var(--bg-surface)!important;color:var(--brand-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .location-display .setting-value.mono{background:var(--bg-surface)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .project-eligibility-list{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .error-message{background:#ef44441f!important;border-color:#ef44444d!important;color:#fca5a5!important}[data-theme=dark] .success-message{background:#16a34a1f!important;border-color:#16a34a4d!important;color:#86efac!important}[data-theme=dark] .settings-error{background:#ef44441f!important;border-color:#ef44444d!important;color:#fca5a5!important}[data-theme=dark] .settings-success{background:#16a34a1f!important;border-color:#16a34a4d!important;color:#86efac!important}[data-theme=dark] .call-item,[data-theme=dark] .visit-item{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .call-item:hover,[data-theme=dark] .visit-item:hover{border-color:var(--brand-primary, #6366f1)!important}[data-theme=dark] .visit-status.scheduled{background:#fbbf2426!important;color:#fbbf24!important}[data-theme=dark] .visit-status.conducted{background:#10b98126!important;color:#34d399!important}[data-theme=dark] .visit-status.did_not_visit,[data-theme=dark] .visit-status.not_interested{background:#ef444426!important;color:#f87171!important}[data-theme=dark] .visit-status.cancelled{background:#64748b26!important;color:#94a3b8!important}[data-theme=dark] .call-type.outgoing{background:#2563eb26!important;color:#60a5fa!important}[data-theme=dark] .call-type.incoming,[data-theme=dark] .call-status.answered{background:#10b98126!important;color:#34d399!important}[data-theme=dark] .call-status.not_answered,[data-theme=dark] .call-status.missed{background:#ef444426!important;color:#f87171!important}[data-theme=dark] .temperature-badge.temp-hot,[data-theme=dark] .badge.temp-hot{background:#dc262626!important;color:#f87171!important;border-color:#dc26264d!important}[data-theme=dark] .temperature-badge.temp-warm,[data-theme=dark] .badge.temp-warm{background:#d9770626!important;color:#fbbf24!important;border-color:#d977064d!important}[data-theme=dark] .temperature-badge.temp-cold,[data-theme=dark] .badge.temp-cold{background:#2563eb26!important;color:#60a5fa!important;border-color:#2563eb4d!important}[data-theme=dark] .lead-item{background:var(--bg-surface)!important}[data-theme=dark] .lead-item-clickable:hover{background:var(--bg-page)!important;box-shadow:0 2px 8px #0003!important}[data-theme=dark] .facebook-section{background:#4267b21f!important;border-color:#4267b266!important}[data-theme=dark] .address-pill{background:#10b9812e!important;border-color:#10b98166!important;color:#6ee7b7!important}[data-theme=dark] .address-pill .location-icon{color:#6ee7b7!important;fill:#6ee7b7!important}[data-theme=dark] .customize-select,[data-theme=dark] .customize-textarea,[data-theme=dark] .color-input{background:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .toggle-item{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .toggle-item:hover{background:var(--bg-card)!important;border-color:var(--brand-primary, var(--primary))!important}[data-theme=dark] .toggle-item span{color:var(--text-secondary)!important}[data-theme=dark] .color-picker-dropdown{background:var(--bg-card)!important;border-color:var(--border-color)!important}*{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;--success-dark: #059669;--error: #ef4444;--error-light: #fee2e2;--error-dark: #dc2626;--warning: #f59e0b;--warning-light: #fef3c7;--warning-dark: #d97706;--danger: #ef4444;--danger-dark: #dc2626;--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;--bg-page: #f1f5f9;--bg-card: #ffffff;--bg-input: #ffffff;--bg-surface: #f8fafc;--bg-surface-raised: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--border-color: #e2e8f0;--border-subtle: #f1f5f9;--border-strong: #94a3b8;--divider: #e2e8f0;--text-on-brand: #ffffff;--text-muted: #94a3b8;--brand-primary: #2563eb;--brand-accent: #1e40af;--brand-header: #2563eb;--brand-active-tab: #1e40af;--brand-primary-alpha: rgba(37, 99, 235, .12);--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;--unit-available: #27AE60;--unit-available-light: rgba(39, 174, 96, .12);--unit-held: #F39C12;--unit-held-light: rgba(243, 156, 18, .12);--unit-reserved: #3498DB;--unit-reserved-light: rgba(52, 152, 219, .12);--unit-booked: #E67E22;--unit-booked-light: rgba(230, 126, 34, .12);--unit-sold: #1A5276;--unit-sold-light: rgba(26, 82, 118, .12);--unit-blocked: #E74C3C;--unit-blocked-light: rgba(231, 76, 60, .12);--unit-cancelled: #7F8C8D;--unit-cancelled-light: rgba(127, 140, 141, .12)}html{width:100%;overflow-x:hidden;scroll-behavior:smooth}body{width:100%;margin:0;padding:0;overflow-x:hidden;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;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}code{font-family:var(--font-mono)}#root{width:100%;min-height:100vh;overflow-x:hidden}*: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)}[data-theme=dark]{--bg-page: #0f172a;--bg-card: #1e293b;--bg-input: #1e293b;--bg-surface: #273548;--bg-surface-raised: #2d3f57;--bg-primary: #1e293b;--bg-secondary: #273548;--bg-tertiary: #334155;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--border-color: #334155;--border-subtle: #1e293b;--border-strong: #475569;--divider: #2d3f57;--gray-50: #1e293b;--gray-100: #273548;--gray-200: #334155;--gray-300: #475569;--gray-400: #64748b;--gray-500: #94a3b8;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-800: #f1f5f9;--gray-900: #f8fafc;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--unit-available: #2ecc71;--unit-held: #f1c40f;--unit-reserved: #5dade2;--unit-booked: #eb984e;--unit-sold: #5dade2;--unit-blocked: #ec7063;--unit-cancelled: #aab7b8}[data-theme=dark] body{background-color:var(--bg-page);color:var(--text-primary)}[data-theme=dark] *{scrollbar-color:#334155 #1e293b}[data-theme=dark] *::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] *::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}[data-theme=dark] *::-webkit-scrollbar-thumb:hover{background:#475569}*,*:before,*:after{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-fast)}.btn,.modal,[class*=animate-]{transition:all .2s ease}