@charset "UTF-8";@tailwind base;@tailwind components;@tailwind utilities;:root{--background: #f9fafb;--surface: #ffffff;--fill-light: #fafafa;--primary: #2563eb;--primary-hover: #1e4bb8;--primary-light: rgba(37, 99, 235, .1);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--border: #e5e7eb;--success: #16a34a;--success-light: rgba(22, 163, 74, .1);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .1);--destructive: #e11d48;--whatsapp: #25d366;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--text-primary)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.float-animation{animation:float 3s ease-in-out infinite}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.primary-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%)}.app-shell{display:flex}.main-content{flex:1;min-height:100vh;background:"#ffffff"}.page-content{padding:20px}.Toastify__toast{border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 10px 25px #00000014}.Toastify__toast--success{background:linear-gradient(135deg,#16a34a,#22c55e)}.Toastify__toast--error{background:linear-gradient(135deg,#dc2626,#ef4444)}.Toastify__toast--info{background:linear-gradient(135deg,#2563eb,#3b82f6)}.Toastify__toast--warning{background:linear-gradient(135deg,#d97706,#f59e0b)}.Toastify__progress-bar{background:#fffc}.auth-layout{display:flex;min-height:100vh;background:var(--background)}.auth-left{flex:1;position:relative;overflow:hidden;padding:var(--spacing-2xl);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff}.auth-left .brand{max-width:480px;z-index:2}.auth-left .brand .brand-icon{width:60px;height:60px;border-radius:var(--radius-xl);background:#ffffff26;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);font-size:28px}.auth-left .brand h1{font-size:34px;font-weight:700;margin-bottom:var(--spacing-sm)}.auth-left .brand p{opacity:.9;font-size:16px;margin-bottom:var(--spacing-xl);line-height:1.6}.auth-left .brand .feature-points{display:flex;flex-direction:column;gap:10px;font-size:14px;opacity:.95}.auth-left .overlay-shape{position:absolute;border-radius:var(--radius-full);background:#ffffff14;animation:float 6s ease-in-out infinite}.auth-left .shape-1{width:250px;height:250px;top:-60px;right:-60px}.auth-left .shape-2{width:180px;height:180px;bottom:-50px;left:-50px}.auth-right{flex:1;background:var(--background);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.auth-card{width:100%;max-width:420px;background:var(--surface);padding:var(--spacing-2xl);border:1px solid var(--border);border-radius:var(--radius-2xl);transition:var(--transition)}.auth-card:hover{box-shadow:var(--shadow-2xl)}@media(max-width:480px){.auth-card{padding:var(--spacing-lg);border-radius:var(--radius-lg)}}.login-page{width:100%}.login-page .login-header{margin-bottom:var(--spacing-xl);text-align:center}.login-page .login-header h2{font-size:24px;margin-bottom:6px}.login-page .login-header p{color:var(--text-secondary);font-size:14px}.login-page form{display:flex;flex-direction:column}.login-page .otp-image{text-align:center;margin-bottom:var(--spacing-lg)}.login-page .otp-image img{width:100px;height:100px;object-fit:contain;animation:float 3s ease-in-out infinite}@media(max-width:1024px){.auth-layout{flex-direction:column}.auth-left{display:none}.auth-right{padding:var(--spacing-lg)}}@media(max-width:480px){.auth-card{padding:var(--spacing-lg);border-radius:var(--radius-lg)}.login-page .login-header h2{font-size:20px}}.resend-section{margin-top:var(--spacing-md);text-align:center}.resend-btn{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;transition:var(--transition)}.resend-btn:hover{color:var(--primary-hover)}.timer-text{font-size:14px;color:var(--text-muted)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:6px;font-size:14px;color:var(--text-secondary)}.form-group .input-wrapper{position:relative;display:flex;align-items:center}.form-group .input-wrapper input{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:var(--transition);font-size:14px}.form-group .input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-group .input-wrapper input:disabled{background:var(--fill-light);cursor:not-allowed}.form-group .input-wrapper .input-icon{position:absolute;left:14px;color:var(--text-muted)}.form-group .input-wrapper .toggle-password{position:absolute;right:14px;background:none;border:none;cursor:pointer;color:var(--text-muted)}.form-group.error input{border-color:var(--destructive)}.form-group .error-text{font-size:12px;color:var(--destructive);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--radius-lg);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition);border:none;position:relative;overflow:hidden}.btn-full{width:100%}.btn-loading{cursor:not-allowed}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background:var(--fill-light)}.btn-danger{background:var(--destructive);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9}.btn-icon{font-size:16px}.btn-icon.left{margin-right:4px}.btn-icon.right{margin-left:4px}.btn-spinner{animation:spin 1s linear infinite;font-size:16px}.app-loader-overlay{position:fixed;inset:0;background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999}.app-loader-container{background:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);animation:fadeInUp .3s ease-out}.spinner{width:48px;height:48px;border:4px solid var(--primary-light);border-top:4px solid var(--primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loader-text{font-size:14px;font-weight:500;color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.kpi-card{position:relative;background:var(--surface);padding:20px;border-radius:16px;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:all .25s ease;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000f,0 8px 24px #0000000f}.kpi-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff4d,#fff0);pointer-events:none}.kpi-card__header{display:flex;justify-content:space-between;align-items:center}.kpi-card__title-group{display:flex;align-items:center;gap:8px}.kpi-card__icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);font-size:16px}.kpi-card__title{font-size:.85rem;font-weight:500;color:var(--text-secondary);letter-spacing:.2px}.kpi-card__info-wrapper{position:relative}.kpi-card__info-icon{font-size:16px;color:var(--text-muted);cursor:pointer;transition:.2s}.kpi-card__info-icon:hover{color:var(--primary)}.kpi-card__tooltip{position:absolute;top:calc(100% + 10px);right:0;width:220px;z-index:100;background:#111827;color:#fff;padding:10px 12px;border-radius:10px;font-size:.75rem;line-height:1.5;box-shadow:0 10px 25px #00000026;opacity:0;transform:translateY(6px);animation:tooltipFade .2s forwards}.kpi-card__tooltip:before{content:"";position:absolute;top:-5px;right:12px;width:10px;height:10px;background:#111827;transform:rotate(45deg)}@keyframes tooltipFade{to{opacity:1;transform:translateY(0)}}.kpi-card__value-wrapper{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.kpi-card__value{font-size:clamp(1.8rem,2vw,2.4rem);font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.kpi-card__trend{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kpi-card__trend--up{color:#059669;background:#10b9811f}.kpi-card__trend--down{color:#dc2626;background:#ef44441f}.kpi-card__trend svg{width:14px;height:14px}.dashboard{width:100%;height:100%;background:var(--background);display:flex;flex-direction:column;gap:28px}.dashboard__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.dashboard__title{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;letter-spacing:-.4px;color:var(--text-primary);margin:0}.dashboard__subtitle{font-size:.9rem;color:var(--text-secondary)}.dashboard__meta{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:.85rem}.dashboard__meta-label{color:var(--text-secondary)}.dashboard__meta-time{font-weight:500;color:var(--text-primary);background:#6366f114;padding:4px 10px;border-radius:20px}.dashboard__refresh{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fff;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard__refresh:hover{background:#f9fafb;transform:translateY(-1px)}.dashboard__refresh:active{transform:translateY(0)}.dashboard__refresh:disabled{opacity:.6;cursor:not-allowed}.kpi-grid{display:grid;gap:clamp(14px,2vw,24px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(min-width:1600px){.dashboard{max-width:1400px;margin:0 auto}}.app-shell{display:flex;height:100dvh;width:100dvw;overflow:hidden;background:var(--background)}.app-shell .sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-shell .sidebar-close{display:none;background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:var(--transition);position:absolute;top:10px;right:10px}.app-shell .sidebar-close:hover{background:#ffffff14}.app-shell .sidebar{width:240px;background:#111827;color:#fff;display:flex;flex-direction:column;transition:var(--transition);position:relative;z-index:1000;height:100%;overflow:hidden}.app-shell .sidebar.collapsed{width:80px}.app-shell .sidebar.collapsed .sidebar-link .label,.app-shell .sidebar.collapsed .sidebar-logout span{display:none}.app-shell .sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.08)}.app-shell .sidebar .sidebar-header .sidebar-logo{font-size:1.125rem;font-weight:600}.app-shell .sidebar .sidebar-menu{flex:1;display:flex;flex-direction:column;gap:4px;padding:var(--spacing-sm)}.app-shell .sidebar .sidebar-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:#cbd5e1;text-decoration:none;transition:var(--transition)}.app-shell .sidebar .sidebar-link:hover{background:#ffffff14}.app-shell .sidebar .sidebar-link.active{background:var(--primary);color:#fff}.app-shell .sidebar .sidebar-link .icon{font-size:1.125rem;min-width:20px;display:flex;align-items:center;justify-content:center}.app-shell .sidebar .sidebar-link .label{font-size:.875rem}.app-shell .sidebar .sidebar-footer{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.08)}.app-shell .sidebar .sidebar-logout{width:100%;display:flex;align-items:center;gap:var(--spacing-md);background:none;border:none;color:#f87171;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition)}.app-shell .sidebar .sidebar-logout:hover{background:#ffffff14}.app-shell .sidebar .sidebar-logout .icon{font-size:1.125rem}.app-shell .main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.app-shell .page-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);scroll-behavior:smooth}.app-shell .page-content::-webkit-scrollbar{width:6px}.app-shell .app-header{height:60px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg)}.app-shell .app-header .left-section{display:flex;align-items:center;gap:var(--spacing-md)}.app-shell .app-header .menu-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-sm);transition:var(--transition)}.app-shell .app-header .menu-btn:hover{background:var(--primary-light);color:var(--primary)}.app-shell .app-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.app-shell .app-header .right-section .profile-dropdown{position:relative}.app-shell .app-header .right-section .profile-dropdown:hover .dropdown-menu{display:block}.app-shell .app-header .right-section .profile-dropdown>svg{cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.app-shell .app-header .right-section .profile-dropdown>svg:hover{color:var(--primary)}.app-shell .app-header .right-section .dropdown-menu{display:none;position:absolute;right:0;top:40px;background:var(--surface);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:var(--spacing-xs);min-width:120px;z-index:100}.app-shell .app-header .right-section .dropdown-menu button{background:none;border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);width:100%;text-align:left;color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition)}.app-shell .app-header .right-section .dropdown-menu button:hover{background:var(--primary-light);color:var(--primary)}@media(max-width:1024px){.app-shell .sidebar-close{display:block}.app-shell .sidebar{position:fixed;height:100%;height:100dvh;left:-240px;box-shadow:none;transition:left .3s ease}.app-shell .sidebar.collapsed{left:0;box-shadow:var(--shadow-xl)}.app-shell .main-content{width:100%}}@media(max-width:768px){.app-shell .app-header h2{font-size:1rem}.app-shell .page-content{padding:var(--spacing-md)}}.not-found{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f4f6fa;text-align:center}.not-found-content h1{font-size:120px;margin:0;color:#2a5298}.not-found-content h2{margin:10px 0;font-size:28px}.not-found-content p{margin-bottom:20px;color:#666}.not-found-content button{padding:10px 20px;background:#2a5298;color:#fff;border:none;border-radius:8px;cursor:pointer}.not-found-content button:hover{background:#1e3c72}.user-analytics .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.user-analytics .stat-card p{font-size:13px;font-weight:500;color:var(--text-secondary)}.user-analytics .stat-card h3{font-size:22px;font-weight:700;letter-spacing:-.5px}.user-analytics .stat-card{background:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-md);transition:var(--transition)}.user-analytics .stat-card svg{font-size:24px;color:var(--primary)}.user-analytics .stat-card h3{margin-top:4px}.user-analytics .stat-card p{color:var(--text-secondary);font-size:14px}.user-analytics .stat-card.success svg{color:var(--success)}.user-analytics .stat-card.danger svg{color:var(--destructive)}.user-analytics .stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.user-analytics .filter-bar{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.user-analytics .filter-bar .search-box{display:flex;align-items:center;background:var(--surface);padding:0 var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border);flex:1}.user-analytics .filter-bar .search-box input{border:none;outline:none;padding:var(--spacing-sm);width:100%;background:transparent}.user-analytics .filter-bar .search-box svg{color:var(--text-muted)}.user-analytics .filter-bar .filter-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--surface);color:var(--text-primary);padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--border);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.user-analytics .filter-bar .filter-btn svg{font-size:16px;color:var(--primary)}.user-analytics .filter-bar .filter-btn:hover{background:var(--primary-light);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-analytics .filter-bar .filter-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.user-analytics .filter-bar .filter-btn:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33}.user-analytics .table-wrapper table th:not(:last-child),.user-analytics .table-wrapper table td:not(:last-child){border-right:1px solid rgba(0,0,0,.03)}.user-analytics .table-wrapper table{font-size:14px;color:var(--text-primary)}.user-analytics .table-wrapper table th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);padding-top:14px;padding-bottom:14px}.user-analytics .table-wrapper table td{font-size:14px;font-weight:400;vertical-align:middle}.user-analytics .table-wrapper .user-name{font-weight:600;font-size:14px;color:var(--text-primary)}.user-analytics .table-wrapper .phone-cell{font-weight:500;font-size:13px;color:var(--text-primary);letter-spacing:.3px}.user-analytics .table-wrapper .email-cell{font-size:12px;color:var(--text-muted);font-weight:400;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-analytics .table-wrapper .date-cell{font-size:13px;color:var(--text-secondary);white-space:nowrap}.user-analytics .table-wrapper .phone-cell a,.user-analytics .table-wrapper .email-cell a{text-decoration:none;color:var(--primary);font-weight:500;transition:var(--transition)}.user-analytics .table-wrapper .phone-cell a:hover,.user-analytics .table-wrapper .email-cell a:hover{text-decoration:underline;color:var(--primary-hover)}.user-analytics .table-wrapper td.highlight{font-weight:600;font-size:14px;color:var(--primary)}.user-analytics .table-wrapper th:nth-child(1),.user-analytics .table-wrapper td:nth-child(1){width:160px}.user-analytics .table-wrapper th:nth-child(2),.user-analytics .table-wrapper td:nth-child(2){width:130px}.user-analytics .table-wrapper th:nth-child(3),.user-analytics .table-wrapper td:nth-child(3){width:150px}.user-analytics .table-wrapper th:nth-child(4),.user-analytics .table-wrapper td:nth-child(4){width:110px}.user-analytics .table-wrapper th:nth-child(5),.user-analytics .table-wrapper td:nth-child(5){width:90px}.user-analytics .table-wrapper th:nth-child(6),.user-analytics .table-wrapper td:nth-child(6){width:110px}.user-analytics .table-wrapper th:nth-child(7),.user-analytics .table-wrapper td:nth-child(7){width:110px}.user-analytics .table-wrapper th:nth-child(8),.user-analytics .table-wrapper td:nth-child(8){width:90px}.user-analytics .table-wrapper th:nth-child(9),.user-analytics .table-wrapper td:nth-child(9){width:100px}.user-analytics .table-wrapper th:nth-child(10),.user-analytics .table-wrapper td:nth-child(10){width:130px}.user-analytics .table-wrapper th:nth-child(11),.user-analytics .table-wrapper td:nth-child(11){width:180px}.user-analytics .table-wrapper th:nth-child(12),.user-analytics .table-wrapper td:nth-child(12){width:140px}.user-analytics .table-wrapper th:nth-child(13),.user-analytics .table-wrapper td:nth-child(13){width:200px}.user-analytics .table-wrapper th:nth-child(14),.user-analytics .table-wrapper td:nth-child(14){width:90px}.user-analytics .table-wrapper th:nth-child(4),.user-analytics .table-wrapper th:nth-child(5),.user-analytics .table-wrapper th:nth-child(6),.user-analytics .table-wrapper th:nth-child(7),.user-analytics .table-wrapper th:nth-child(8),.user-analytics .table-wrapper th:nth-child(9),.user-analytics .table-wrapper td:nth-child(4),.user-analytics .table-wrapper td:nth-child(5),.user-analytics .table-wrapper td:nth-child(6),.user-analytics .table-wrapper td:nth-child(7),.user-analytics .table-wrapper td:nth-child(8),.user-analytics .table-wrapper td:nth-child(9){text-align:right;padding-right:20px;font-weight:500}.user-analytics .table-wrapper .table-wrapper table td{padding-top:16px;padding-bottom:16px}.user-analytics .table-wrapper .badge{font-size:11px;font-weight:600;letter-spacing:.3px;padding:5px 10px}.user-analytics .table-wrapper{overflow-x:auto;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.user-analytics .table-wrapper table{width:100%;border-collapse:collapse;table-layout:fixed}.user-analytics .table-wrapper table th,.user-analytics .table-wrapper table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border)}.user-analytics .table-wrapper table th{font-size:14px;color:var(--text-secondary);font-weight:600}.user-analytics .table-wrapper table tr:hover,.user-analytics .table-wrapper table thead{background:var(--fill-light)}.user-analytics .table-wrapper table th{font-size:13px;text-transform:uppercase;letter-spacing:.5px}.user-analytics .table-wrapper table td.highlight{font-weight:700;color:var(--primary)}.user-analytics .table-wrapper table .user-cell{display:flex;flex-direction:column}.user-analytics .table-wrapper table .user-cell span{font-size:12px;color:var(--text-muted)}.user-analytics .status{padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.user-analytics .status.active{background:var(--success-light);color:var(--success)}.user-analytics .status.inactive{background:#e11d481a;color:var(--destructive)}.user-analytics .badge{padding:4px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;display:inline-block;margin-right:4px}.user-analytics .badge.owner{background:#2563eb1a;color:var(--primary)}.user-analytics .badge.staff{background:#6366f11a;color:#6366f1}.user-analytics .badge.success{background:var(--success-light);color:var(--success)}.user-analytics .badge.danger{background:#e11d481a;color:var(--destructive)}.user-analytics .badge.warning{background:#f59e0b26;color:#f59e0b}.user-analytics .badge.cold{background:#94a3b826;color:#64748b}.user-analytics .call-btn{background:var(--primary-light);border:none;padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.user-analytics .call-btn svg{color:var(--primary)}.user-analytics .call-btn:hover{background:var(--primary)}.user-analytics .call-btn:hover svg{color:#fff}.user-analytics .pagination span{font-size:13px;font-weight:500;color:var(--text-secondary)}.user-analytics .pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.user-analytics .pagination button{background:var(--surface);border:1px solid var(--border);padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.user-analytics .pagination button:hover:not(:disabled){background:var(--primary);color:#fff}.user-analytics .pagination button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.user-analytics{padding:var(--spacing-md)}.user-analytics .filter-bar{flex-direction:column}}.drawer-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:1000}.drawer{width:420px;max-width:100%;height:100%;background:var(--surface);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;animation:slideIn .3s ease-out;overflow-y:auto}.drawer-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.drawer-header h3{margin-bottom:4px}.drawer-header p{color:var(--text-secondary);font-size:14px}.drawer-header button{background:none;border:none;font-size:20px;cursor:pointer}.drawer-stats{display:flex;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.drawer-stats div{text-align:center}.drawer-stats div p{font-size:13px;color:var(--text-secondary)}.drawer-stats div h4{margin-top:5px}.add-note{padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.add-note textarea{width:100%;min-height:80px;padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);resize:none}.add-note .note-controls{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.add-note .note-controls select,.add-note .note-controls input{padding:8px;border:1px solid var(--border);border-radius:var(--radius-md);width:100%}.add-note .note-controls .date-input{display:flex;align-items:center;gap:6px;width:100%}.add-note .primary-btn{width:100%;background:var(--primary);color:#fff;border:none;padding:10px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.add-note .primary-btn:hover{background:var(--primary-hover)}.notes-history{padding:var(--spacing-lg)}.notes-history .timeline-item{display:flex;gap:12px;margin-bottom:16px}.notes-history .timeline-item .timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:6px}.notes-history .timeline-item .timeline-dot.new{background:#64748b}.notes-history .timeline-item .timeline-dot.contacted{background:#3b82f6}.notes-history .timeline-item .timeline-dot.interested{background:#f59e0b}.notes-history .timeline-item .timeline-dot.followup{background:#8b5cf6}.notes-history .timeline-item .timeline-dot.converted{background:#16a34a}.notes-history .timeline-item .timeline-dot.lost{background:#dc2626}.notes-history .timeline-item .timeline-content{flex:1}.notes-history .timeline-item .timeline-header{display:flex;justify-content:space-between;align-items:center}.notes-history .timeline-item .delete-btn{background:transparent;border:none;color:#dc2626;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:.2s ease}.notes-history .timeline-item .delete-btn:hover{color:#b91c1c;transform:scale(1.1)}.notes-history .timeline-item .status-text{font-size:12px;color:var(--text-muted)}.notes-history .timeline-item .status-text.converted{color:#16a34a}.notes-history .timeline-item .status-text.lost{color:#dc2626}.notes-history .timeline-item .status-text.interested{color:#f59e0b}.notes-history p{font-size:14px}.notes-history span{font-size:12px;color:var(--text-muted)}.view-btn{background:var(--primary-light);color:var(--primary);border:none;padding:6px 12px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.view-btn:hover{background:var(--primary);color:#fff}.quick-actions{display:flex;gap:12px;padding:var(--spacing-md);border-bottom:1px solid var(--border)}.quick-actions .action-btn{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;background:var(--primary-light);color:var(--primary);padding:8px;border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:var(--transition)}.quick-actions .action-btn:hover{background:var(--primary);color:#fff}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:var(--spacing-md);border-bottom:1px solid var(--border)}.details-grid div{display:flex;gap:10px;align-items:center;background:var(--surface-light);padding:12px;border-radius:var(--radius-md)}.details-grid div p{font-size:12px;color:var(--text-secondary)}.details-grid div h4{margin-top:4px}.activity-section,.health-section{padding:var(--spacing-md);border-bottom:1px solid var(--border)}.activity-section h4,.health-section h4{margin-bottom:10px}.activity-row{display:flex;justify-content:space-between;margin-bottom:8px}.health-badges{display:flex;flex-wrap:wrap;gap:8px}.badge.gray{background:#e5e7eb;color:#555}.drawer-header{padding:20px;border-bottom:1px solid var(--border)}.drawer-header h2{font-size:20px;font-weight:600}.drawer-header .joined{font-size:13px;color:var(--text-secondary);margin-top:4px}.profile-section{padding:18px;border-bottom:1px solid var(--border)}.profile-section .profile-row{display:flex;gap:12px;margin-bottom:14px}.profile-section .profile-row label{font-size:12px;color:var(--text-secondary);display:block}.profile-section .profile-row a{font-size:14px;font-weight:500;color:var(--primary);text-decoration:none}.section{padding:18px;border-bottom:1px solid var(--border)}.section h4{font-size:14px;font-weight:600;margin-bottom:14px}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{background:var(--surface-light);padding:14px;border-radius:var(--radius-md);text-align:center}.metric-card span{display:block;font-size:18px;font-weight:600;margin-top:6px}.metric-card small{font-size:12px;color:var(--text-secondary)}.metric-card.highlight{background:var(--primary-light)}.info-row{display:flex;justify-content:space-between;margin-bottom:10px}.info-row span{font-size:13px;color:var(--text-secondary)}.info-row strong{font-size:14px;font-weight:600}.empty-history{font-size:13px;margin-top:6px}.form-error{color:#e53935;font-size:13px;margin-top:6px}.filter-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:1000}.filter-sidebar{width:380px;height:100%;background:var(--surface);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.filter-header h3{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-header button{background:none;border:none;font-size:20px;cursor:pointer}.filter-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.filter-group{margin-bottom:var(--spacing-xl)}.filter-group h4{margin-bottom:var(--spacing-sm);font-size:14px;color:var(--text-secondary)}.filter-group label{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:14px}.filter-group input:not([type=checkbox]),.filter-group select{width:100%;padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:var(--spacing-sm)}.filter-group .range-input{display:flex;gap:var(--spacing-sm)}.filter-footer{padding:var(--spacing-lg);border-top:1px solid var(--border);display:flex;justify-content:space-between}.filter-footer .reset-btn{background:var(--warning-light);color:var(--warning);border:none;padding:8px 14px;border-radius:var(--radius-md);cursor:pointer}.filter-footer .apply-btn{background:var(--primary);color:#fff;border:none;padding:8px 14px;border-radius:var(--radius-md);cursor:pointer}.filter-footer .apply-btn:hover{background:var(--primary-hover)}