@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-50:#eef2ff;--primary-100:#dce4fd;--primary-200:#b9c9fc;--primary-300:#8ba6f8;--primary-400:#5a7ff2;--primary-500:#3b5dea;--primary-600:#1e3a8a;--primary-700:#1a2f6e;--primary-800:#162555;--primary-900:#111d42;--primary-950:#0c1530;--success-50:#ecfdf5;--success-100:#d1fae5;--success-200:#a7f3d0;--success-300:#6ee7b7;--success-400:#34d399;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-200:#fecaca;--danger-300:#fca5a5;--danger-400:#f87171;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--info-50:#eff6ff;--info-100:#dbeafe;--info-200:#bfdbfe;--info-300:#93c5fd;--info-400:#60a5fa;--info-500:#3b82f6;--info-600:#2563eb;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-400:#a78bfa;--purple-500:#8b5cf6;--purple-600:#7c3aed;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--whatsapp:#25d366;--whatsapp-dark:#128c7e;--bg-primary:var(--gray-100);--bg-card:#fff;--bg-sidebar:var(--primary-900);--bg-sidebar-hover:var(--primary-800);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-400);--text-on-dark:#fff;--border-color:var(--gray-200);--border-focus:var(--primary-500);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--space-5xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--sidebar-width:260px;--bottom-nav-height:64px;--navbar-height:60px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-500)}img{max-width:100%;height:auto}input,select,textarea,button{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--text-secondary)}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;flex-shrink:0;padding:10px 18px;font-size:.875rem;font-weight:500;line-height:1.4;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff1a}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--primary-600), var(--primary-700));color:#fff;box-shadow:0 2px 8px #1e3a8a4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1e3a8a66}.btn-success{background:linear-gradient(135deg, var(--success-500), var(--success-600));color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b98166}.btn-danger{background:linear-gradient(135deg, var(--danger-500), var(--danger-600));color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-warning{background:linear-gradient(135deg, var(--warning-500), var(--warning-600));color:#fff;box-shadow:0 2px 8px #f59e0b4d}.btn-outline{color:var(--primary-600);border:1.5px solid var(--primary-600);background:0 0}.btn-outline:hover{background:var(--primary-50)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--gray-100);color:var(--text-primary)}.btn-whatsapp{background:linear-gradient(135deg, var(--whatsapp), var(--whatsapp-dark));color:#fff;box-shadow:0 2px 8px #25d3664d}.btn-whatsapp:hover{transform:translateY(-1px);box-shadow:0 4px 14px #25d36666}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-lg{border-radius:var(--radius-lg);padding:14px 24px;font-size:1rem}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:8px}.btn-icon-lg{width:44px;height:44px;padding:10px}.btn-block{width:100%}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#fff;outline:none;padding:10px 14px;font-size:.9375rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b5dea1f}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-error{color:var(--danger-500);margin-top:var(--space-xs);font-size:.75rem}.form-help{color:var(--text-muted);margin-top:var(--space-xs);font-size:.75rem}.form-row{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.form-row{grid-template-columns:1fr}}.form-checkbox{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.875rem;display:flex}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-600);cursor:pointer}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.card-body{padding:var(--space-xl)}.card-footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border-color);background:var(--gray-50)}.badge{border-radius:var(--radius-full);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-baru{background:var(--info-100);color:var(--info-600)}.badge-follow-up{background:var(--warning-100);color:var(--warning-700)}.badge-hot-prospect{background:var(--orange-100);color:var(--orange-600)}.badge-meeting{background:var(--purple-100);color:var(--purple-600)}.badge-negosiasi{background:var(--primary-100);color:var(--primary-600)}.badge-closing{background:var(--success-100);color:var(--success-700)}.badge-drop{background:var(--danger-100);color:var(--danger-600)}.badge-tidak-respon,.badge-nomor-tidak-aktif{background:var(--gray-200);color:var(--gray-600)}.badge-today{background:var(--warning-100);color:var(--warning-700);animation:2s infinite pulse-badge}.badge-overdue{background:var(--danger-100);color:var(--danger-600);animation:1.5s infinite pulse-badge}.badge-tomorrow{background:var(--info-100);color:var(--info-600)}.badge-active{background:var(--success-100);color:var(--success-700)}.badge-inactive{background:var(--gray-200);color:var(--gray-600)}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);align-items:center;gap:var(--space-lg);transition:all var(--transition-base);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.stat-card-content{flex:1;min-width:0}.stat-card-value{color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.2}.stat-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.stat-card.total:before{background:var(--primary-600)}.stat-card.total .stat-card-icon{background:var(--primary-50);color:var(--primary-600)}.stat-card.baru:before{background:var(--info-500)}.stat-card.baru .stat-card-icon{background:var(--info-50);color:var(--info-500)}.stat-card.follow-up:before{background:var(--warning-500)}.stat-card.follow-up .stat-card-icon{background:var(--warning-50);color:var(--warning-500)}.stat-card.hot:before{background:var(--orange-500)}.stat-card.hot .stat-card-icon{background:var(--orange-50);color:var(--orange-500)}.stat-card.closing:before{background:var(--success-500)}.stat-card.closing .stat-card-icon{background:var(--success-50);color:var(--success-500)}.stat-card.drop:before{background:var(--danger-500)}.stat-card.drop .stat-card-icon{background:var(--danger-50);color:var(--danger-500)}.stat-card.ae:before{background:var(--purple-500)}.stat-card.ae .stat-card-icon{background:var(--purple-50);color:var(--purple-500)}.navbar{height:var(--navbar-height);border-bottom:1px solid var(--border-color);padding:0 var(--space-xl);z-index:100;box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:var(--space-md);color:var(--primary-700);font-size:1rem;font-weight:700;display:flex}.navbar-brand svg,.navbar-brand img{width:32px;height:32px}.navbar-actions{align-items:center;gap:var(--space-md);display:flex}.navbar-user{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);background:var(--gray-100);color:var(--text-secondary);flex-shrink:0;padding:6px 12px;font-size:.8125rem;font-weight:500;display:flex}.navbar-user-avatar{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.navbar-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;font-size:1.25rem;display:none}@media (width<=768px){.navbar-menu-btn{display:flex}.navbar-user span{display:none}.navbar-brand{font-size:.875rem}}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);z-index:200;height:100vh;transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{padding:var(--space-xl) var(--space-xl);border-bottom:1px solid #ffffff1a}.sidebar-logo{align-items:center;gap:var(--space-md);color:#fff;font-size:.9375rem;font-weight:700;display:flex}.sidebar-logo-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary-400), var(--primary-600));justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:flex}.sidebar-logo span{line-height:1.3}.sidebar-logo small{color:#ffffff80;font-size:.6875rem;font-weight:400;display:block}.sidebar-nav{padding:var(--space-lg) var(--space-md);flex:1}.sidebar-section{margin-bottom:var(--space-xl)}.sidebar-section-title{text-transform:uppercase;letter-spacing:1px;color:#ffffff59;padding:0 var(--space-md);margin-bottom:var(--space-sm);font-size:.6875rem;font-weight:600}.sidebar-link{align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-md);color:#ffffffa6;transition:all var(--transition-fast);cursor:pointer;margin-bottom:2px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--bg-sidebar-hover);color:#fff}.sidebar-link.active{color:#fff;background:#3b5dea4d}.sidebar-link-icon{text-align:center;width:20px;font-size:1.125rem}.sidebar-link-badge{background:var(--danger-500);color:#fff;border-radius:var(--radius-full);margin-left:auto;padding:2px 8px;font-size:.6875rem;font-weight:600}.sidebar-footer{padding:var(--space-lg);border-top:1px solid #ffffff1a}.sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}}.admin-layout{min-height:100vh;display:flex}.admin-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}@media (width<=768px){.admin-content{margin-left:0}}.page-content{padding:var(--space-2xl);flex:1}@media (width<=768px){.page-content{padding:var(--space-lg)}}.bottom-nav{height:var(--bottom-nav-height);border-top:1px solid var(--border-color);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.bottom-nav-item{color:var(--text-muted);transition:all var(--transition-fast);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:2px;min-width:60px;padding:6px 12px;font-size:.625rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--primary-600)}.bottom-nav-item .nav-icon{transition:transform var(--transition-fast);font-size:1.25rem}.bottom-nav-item.active .nav-icon{transform:scale(1.15)}.bottom-nav-item .nav-badge{background:var(--danger-500);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.ae-layout{min-height:100vh;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px))}.ae-content{padding:var(--space-lg);max-width:600px;margin:0 auto}@media (width>=768px){.ae-content{max-width:800px;padding:var(--space-2xl)}.bottom-nav{display:none}.ae-layout{padding-bottom:0}}.page-header{margin-bottom:var(--space-2xl)}.page-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.5rem;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:.875rem}@media (width<=768px){.page-title{font-size:1.25rem}}@media (width<=640px){.stats-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-md);align-items:flex-start;gap:var(--space-sm);flex-direction:column}.stat-card-icon{width:36px;height:36px;font-size:1rem}.stat-card-value{font-size:1.25rem}}.search-filter-bar{gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.search-input-wrapper{flex:1;min-width:200px;position:relative}.search-input-wrapper .search-icon{color:var(--text-muted);font-size:.875rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border:1.5px solid var(--border-color);border-radius:var(--radius-lg);width:100%;transition:all var(--transition-fast);background:#fff;outline:none;padding:10px 14px 10px 40px;font-size:.875rem}.search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b5dea1f}.filter-btn{align-items:center;gap:var(--space-sm);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#fff;padding:10px 16px;font-size:.875rem;display:flex}.filter-btn:hover{border-color:var(--primary-500);color:var(--primary-600)}.filter-btn.active{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-600)}.filter-panel{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);gap:var(--space-lg);background:#fff;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));animation:.2s slideDown;display:grid}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.filter-panel{gap:var(--space-md);grid-template-columns:1fr 1fr}}.filter-panel .form-group{margin-bottom:0}.data-table-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:#fff;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:var(--gray-50);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:600;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--gray-100);color:var(--text-primary);vertical-align:middle;padding:12px 16px;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--gray-50)}.data-table .td-actions{gap:var(--space-xs);white-space:nowrap;display:flex}@media (width<=768px){.data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:800px}}.lead-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all var(--transition-base);background:#fff;position:relative}.lead-card:hover{box-shadow:var(--shadow-md)}.lead-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.lead-card-name{color:var(--text-primary);margin-bottom:2px;font-size:1rem;font-weight:700}.lead-card-info{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.lead-card-info-row{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.8125rem;display:flex}.lead-card-info-row .info-icon{width:16px;color:var(--text-muted);text-align:center;flex-shrink:0}.lead-card-note{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);margin-bottom:var(--space-md);border-left:3px solid var(--primary-200);font-size:.8125rem}.lead-card-footer{gap:var(--space-sm);flex-wrap:wrap;display:flex}.lead-card-schedule{align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);background:var(--warning-50);color:var(--warning-700);margin-bottom:var(--space-md);padding:4px 8px;font-size:.75rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-lg);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-xl);background:#fff;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-header{padding:var(--space-xl);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:1.125rem;font-weight:700}.modal-close{background:var(--gray-100);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.modal-close:hover{background:var(--gray-200);color:var(--text-primary)}.modal-body{padding:var(--space-xl)}.modal-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--space-md);display:flex}.pagination{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-lg) 0;display:flex}.pagination-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#fff;justify-content:center;align-items:center;font-size:.8125rem;font-weight:500;display:flex}.pagination-btn:hover{border-color:var(--primary-500);color:var(--primary-600)}.pagination-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--text-secondary);padding:0 var(--space-md);font-size:.8125rem}.toast-container{top:var(--space-xl);right:var(--space-xl);z-index:9999;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}@media (width<=640px){.toast-container{left:var(--space-lg);right:var(--space-lg)}}.loading-container{padding:var(--space-5xl);justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.spinner{border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:.875rem}.empty-state{padding:var(--space-5xl) var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-lg);opacity:.3;font-size:3rem}.empty-state-title{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600}.empty-state-text{color:var(--text-secondary);max-width:300px;font-size:.875rem}.login-page{background:linear-gradient(135deg, var(--primary-900) 0%, var(--primary-700) 50%, var(--primary-800) 100%);min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle,#3b5dea26 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.login-page:after{content:"";background:radial-gradient(circle,#10b9811a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--space-4xl);z-index:1;background:#fffffff2;width:100%;max-width:420px;animation:.5s slideUp;position:relative;box-shadow:0 25px 50px #00000040}.login-logo{text-align:center;margin-bottom:var(--space-3xl)}.login-logo-icon{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--primary-500), var(--primary-700));width:64px;height:64px;margin:0 auto var(--space-lg);color:#fff;justify-content:center;align-items:center;font-size:1.75rem;display:flex;box-shadow:0 8px 20px #1e3a8a4d}.login-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.375rem;font-weight:800}.login-subtitle{color:var(--text-secondary);font-size:.875rem}.login-tabs{background:var(--gray-100);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);padding:4px;display:flex}.login-tab{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:10px;font-size:.875rem;font-weight:600}.login-tab.active{color:var(--primary-600);box-shadow:var(--shadow-sm);background:#fff}.login-form{gap:var(--space-lg);flex-direction:column;display:flex}.login-form .btn{margin-top:var(--space-sm)}.chart-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:var(--space-xl);background:#fff}.chart-title{color:var(--text-primary);margin-bottom:var(--space-lg);font-size:.9375rem;font-weight:600}@media (width<=768px){.charts-grid{grid-template-columns:1fr}}.import-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4xl);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--gray-50)}.import-dropzone:hover,.import-dropzone.dragover{border-color:var(--primary-500);background:var(--primary-50)}.import-dropzone-icon{margin-bottom:var(--space-lg);opacity:.4;font-size:3rem}.import-dropzone-text{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1rem;font-weight:600}.import-dropzone-hint{color:var(--text-secondary);font-size:.8125rem}.import-preview-table{border-collapse:collapse;width:100%;margin-top:var(--space-lg);font-size:.8125rem}.import-preview-table th{background:var(--gray-100);text-align:left;border:1px solid var(--border-color);padding:8px 12px;font-weight:600}.import-preview-table td{border:1px solid var(--border-color);padding:8px 12px}.import-progress{margin-top:var(--space-xl)}.import-progress-bar{background:var(--gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.import-progress-fill{background:linear-gradient(90deg, var(--primary-500), var(--success-500));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.reminder-section{margin-bottom:var(--space-2xl)}.reminder-title{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-size:1rem;font-weight:600;display:flex}.reminder-list{gap:var(--space-sm);flex-direction:column;display:flex}.reminder-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast);background:#fff;font-size:.875rem;display:flex}.reminder-item:hover{box-shadow:var(--shadow-sm)}.reminder-item.overdue{border-left:3px solid var(--danger-500);background:var(--danger-50)}.reminder-item.today{border-left:3px solid var(--warning-500);background:var(--warning-50)}.reminder-item.tomorrow{border-left:3px solid var(--info-500);background:var(--info-50)}.bulk-actions-bar{background:var(--primary-900);color:#fff;padding:var(--space-md) var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-md);z-index:50;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:.3s slideUp;display:flex;position:sticky;bottom:0;left:0;right:0}.bulk-actions-count{font-size:.875rem;font-weight:500}.bulk-actions-buttons{gap:var(--space-sm);display:flex}.bulk-actions-buttons .btn{padding:6px 14px;font-size:.8125rem}.ae-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:var(--space-xl);align-items:center;gap:var(--space-lg);transition:all var(--transition-base);background:#fff;display:flex}.ae-card:hover{box-shadow:var(--shadow-md)}.ae-card-avatar{background:linear-gradient(135deg, var(--primary-400), var(--primary-600));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:700;display:flex}.ae-card-info{flex:1;min-width:0}.ae-card-name{color:var(--text-primary);font-size:1rem;font-weight:600}.ae-card-slug{color:var(--text-muted);font-family:monospace;font-size:.75rem}.ae-card-stats{color:var(--text-secondary);margin-top:var(--space-xs);font-size:.8125rem}.ae-card-actions{gap:var(--space-xs);display:flex}.ae-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (width<=640px){.ae-grid{grid-template-columns:1fr}.ae-card{flex-wrap:wrap}}.detail-header{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:var(--space-2xl);margin-bottom:var(--space-xl);background:#fff}.detail-title{margin-bottom:var(--space-lg);align-items:center;gap:var(--space-md);font-size:1.25rem;font-weight:700;display:flex}.detail-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.detail-field{flex-direction:column;gap:2px;display:flex}.detail-field-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.6875rem;font-weight:600}.detail-field-value{color:var(--text-primary);font-size:.9375rem;font-weight:500}.detail-section{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:var(--space-xl);background:#fff}.detail-section-title{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color);font-size:1rem;font-weight:600}.detail-section-body{padding:var(--space-xl)}.timeline{padding-left:var(--space-3xl);position:relative}.timeline:before{content:"";background:var(--gray-200);width:2px;position:absolute;top:8px;bottom:8px;left:10px}.timeline-item{padding-bottom:var(--space-xl);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--primary-500);width:12px;height:12px;box-shadow:0 0 0 2px var(--primary-200);border:2px solid #fff;border-radius:50%;position:absolute;top:4px;left:-26px}.timeline-date{color:var(--text-muted);margin-bottom:var(--space-xs);font-size:.75rem}.timeline-content{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.timeline-status{margin-bottom:var(--space-xs);font-size:.875rem;font-weight:600}.timeline-note{color:var(--text-secondary);font-size:.8125rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.tabs{border-bottom:2px solid var(--border-color);margin-bottom:var(--space-xl);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.tab{padding:var(--space-md) var(--space-xl);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-size:.875rem;font-weight:500}.tab:hover{color:var(--primary-600)}.tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600);font-weight:600}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.charts-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.chart-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:var(--space-lg);background:#fff;overflow-x:auto}.chart-title{margin-bottom:var(--space-lg);font-size:1rem;font-weight:600}.hide-mobile{display:block}.show-mobile{display:none}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}