@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-sans:"Inter","Inter Fallback"}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;line-height:1.6;color:var(--text-primary);background-color:var(--bg);font-family:var(--font-sans)}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}:root{--primary:#208AEC;--primary-dark:#1a6fbd;--primary-light:#4da3f0;--primary-glow:rgba(32,138,236,0.25);--primary-subtle:rgba(32,138,236,0.08);--success:#27AE60;--success-glow:rgba(39,174,96,0.25);--success-subtle:rgba(39,174,96,0.08);--warning:#F39C12;--warning-glow:rgba(243,156,18,0.25);--warning-subtle:rgba(243,156,18,0.08);--danger:#E74C3C;--danger-glow:rgba(231,76,60,0.25);--danger-subtle:rgba(231,76,60,0.08);--info:#8E44AD;--info-glow:rgba(142,68,173,0.25);--info-subtle:rgba(142,68,173,0.08);--hot:#E74C3C;--warm:#F39C12;--cold:#3498DB;--bg:#0f1117;--bg-gradient:linear-gradient(135deg,#0f1117,#141722 50%,#0f1117);--surface:#1a1d27;--surface-elevated:#242836;--surface-hover:#2a2e3d;--surface-glass:rgba(26,29,39,0.75);--border:#2d3348;--border-light:#363c52;--border-focus:var(--primary);--text-primary:#f0f2f5;--text-secondary:#8b92a5;--text-muted:#5a6178;--text-inverse:#0f1117;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5);--shadow-xl:0 16px 48px rgba(0,0,0,0.6);--shadow-glow-primary:0 0 20px rgba(32,138,236,0.15);--shadow-glow-success:0 0 20px rgba(39,174,96,0.15);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-spring:0.4s cubic-bezier(0.34,1.56,0.64,1);--sidebar-width:260px;--sidebar-collapsed-width:0px;--navbar-height:56px;--z-sidebar:100;--z-overlay:90;--z-navbar:80;--z-modal:200;--z-toast:300;--z-tooltip:250;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3;letter-spacing:-.01em}h1{font-size:2rem;letter-spacing:-.02em}h1,h2{font-weight:700}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}h6,p{color:var(--text-secondary)}p{line-height:1.7}small{font-size:.8125rem;color:var(--text-muted)}strong{font-weight:600}.text-primary{color:var(--primary)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-sm{font-size:.8125rem!important}.text-xs{font-size:.75rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0!important}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-2{margin-left:var(--space-2)}.mr-2{margin-right:var(--space-2)}.p-0{padding:0!important}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn,.whitespace-nowrap{white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;font-size:.875rem;font-weight:500;line-height:1.4;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px rgba(32,138,236,.25)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 4px 16px rgba(32,138,236,.35);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff;border-color:var(--success);box-shadow:0 2px 8px rgba(39,174,96,.25)}.btn-success:hover:not(:disabled){background:#219a52;box-shadow:0 4px 16px rgba(39,174,96,.35);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 2px 8px rgba(231,76,60,.25)}.btn-danger:hover:not(:disabled){background:#c0392b;box-shadow:0 4px 16px rgba(231,76,60,.35);transform:translateY(-1px)}.btn-warning{background:var(--warning);color:var(--text-inverse);border-color:var(--warning);box-shadow:0 2px 8px rgba(243,156,18,.25)}.btn-warning:hover:not(:disabled){background:#d68910;box-shadow:0 4px 16px rgba(243,156,18,.35);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary-subtle);box-shadow:var(--shadow-glow-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-lg{padding:14px 28px;font-size:1rem;border-radius:var(--radius-lg)}.btn-icon{padding:8px;width:36px;height:36px;border-radius:var(--radius-md);font-size:1.125rem}.btn-icon.btn-sm{width:28px;height:28px;padding:4px;font-size:.875rem}.btn-icon.btn-lg{width:44px;height:44px;padding:10px;font-size:1.25rem}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);white-space:nowrap;line-height:1.4;letter-spacing:.02em}.badge-hot{background:rgba(231,76,60,.15);color:#f87171;border:1px solid rgba(231,76,60,.25)}.badge-warm{background:rgba(243,156,18,.15);color:#fbbf24;border:1px solid rgba(243,156,18,.25)}.badge-cold{background:rgba(52,152,219,.15);color:#60a5fa;border:1px solid rgba(52,152,219,.25)}.badge-new{background:rgba(32,138,236,.15);color:var(--primary-light);border:1px solid rgba(32,138,236,.25)}.badge-followup{background:rgba(243,156,18,.15);color:#fbbf24;border:1px solid rgba(243,156,18,.25)}.badge-negosiasi{background:rgba(142,68,173,.15);color:#c084fc;border:1px solid rgba(142,68,173,.25)}.badge-dp{background:rgba(39,174,96,.15);color:#4ade80;border:1px solid rgba(39,174,96,.25)}.badge-lunas{background:rgba(39,174,96,.2);color:#22c55e;border:1px solid rgba(39,174,96,.35)}.badge-lost{background:rgba(231,76,60,.15);color:#f87171;border:1px solid rgba(231,76,60,.25)}.badge-paspor-ada{background:rgba(39,174,96,.15);color:#4ade80;border:1px solid rgba(39,174,96,.25)}.badge-paspor-belum{background:rgba(231,76,60,.15);color:#f87171;border:1px solid rgba(231,76,60,.25)}.badge-paspor-diurus{background:rgba(243,156,18,.15);color:#fbbf24;border:1px solid rgba(243,156,18,.25)}.badge-admin{background:rgba(142,68,173,.15);color:#c084fc;border:1px solid rgba(142,68,173,.25)}.badge-sales{background:rgba(32,138,236,.15);color:var(--primary-light);border:1px solid rgba(32,138,236,.25)}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.form-label .required{color:var(--danger);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;font-size:.875rem;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-light)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--surface-elevated)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%238b92a5' d='M6 8.825L1.175 4 2.238 2.938 6 6.7l3.763-3.763L10.825 4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-select option{background:var(--surface);color:var(--text-primary)}.form-textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.form-hint{color:var(--text-muted)}.form-error,.form-hint{font-size:.75rem;margin-top:2px}.form-error{color:var(--danger)}.form-input.input-error,.form-select.input-error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-glow)}.card{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.card:hover{border-color:var(--border-light)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.card-header h3,.card-header h4{margin:0}.card-body{padding:var(--space-6)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--surface-elevated);white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:1}.data-table td,.data-table th{padding:12px 16px;border-bottom:1px solid var(--border)}.data-table td{color:var(--text-primary);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.row-highlight-followup{border-left:3px solid var(--warning)!important;background:var(--warning-subtle)!important}.row-clickable{cursor:pointer}.table-empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-muted)}.table-empty-icon{font-size:2.5rem;margin-bottom:var(--space-3);opacity:.5}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn .2s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}.modal-lg{max-width:720px}.modal-sm{max-width:400px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.125rem}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast);font-size:1.25rem;flex-shrink:0}.modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:var(--z-sidebar);transition:transform var(--transition-slow);overflow:hidden}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo{width:36px;height:36px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.sidebar-brand{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.sidebar-brand span{color:var(--primary)}.sidebar-nav{flex:1 1;padding:var(--space-3);overflow-y:auto}.sidebar-section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:450;transition:all var(--transition-fast);margin-bottom:2px;border-left:3px solid transparent;text-decoration:none}.sidebar-link:hover{background:var(--surface-hover);color:var(--text-primary);border-left-color:var(--border-light)}.sidebar-link.active{background:var(--primary-subtle);color:var(--primary-light);border-left-color:var(--primary);font-weight:500}.sidebar-link-icon{font-size:1.125rem;width:24px;text-align:center;flex-shrink:0}.sidebar-divider{height:1px;background:var(--border);margin:var(--space-3) var(--space-3)}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.sidebar-user-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--primary-subtle);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem;flex-shrink:0}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.sidebar-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px;font-size:.8125rem;color:var(--text-muted);border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;transition:all var(--transition-fast);cursor:pointer}.sidebar-logout:hover{background:var(--danger-subtle);border-color:rgba(231,76,60,.3);color:var(--danger)}.sidebar-overlay{inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:calc(var(--z-sidebar) - 1);animation:fadeIn .2s ease}.navbar,.sidebar-overlay{display:none;position:fixed}.navbar{top:0;left:0;right:0;height:var(--navbar-height);background:var(--surface);border-bottom:1px solid var(--border);z-index:var(--z-navbar);padding:0 var(--space-4);align-items:center;justify-content:space-between}.navbar-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);font-size:1.25rem}.navbar-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.navbar-brand{font-size:.9375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.navbar-brand span{color:var(--primary)}.navbar-end{display:flex;align-items:center;gap:var(--space-2)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;padding:var(--space-8);transition:margin-left var(--transition-slow)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.page-header h1{font-size:1.5rem}.page-header-actions{display:flex;align-items:center;gap:var(--space-3)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-5);gap:var(--space-5);margin-bottom:var(--space-6)}.stat-card{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);position:relative;overflow:hidden;transition:all var(--transition-base)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-light)}.stat-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.stat-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.stat-label{font-size:.8125rem;color:var(--text-muted);margin-top:var(--space-1);font-weight:450}.stat-primary:before{background:linear-gradient(90deg,var(--primary),var(--primary-light))}.stat-primary .stat-card-icon{background:var(--primary-subtle);color:var(--primary)}.stat-success:before{background:linear-gradient(90deg,var(--success),#2ecc71)}.stat-success .stat-card-icon{background:var(--success-subtle);color:var(--success)}.stat-warning:before{background:linear-gradient(90deg,var(--warning),#f1c40f)}.stat-warning .stat-card-icon{background:var(--warning-subtle);color:var(--warning)}.stat-danger:before{background:linear-gradient(90deg,var(--danger),#e57373)}.stat-danger .stat-card-icon{background:var(--danger-subtle);color:var(--danger)}.stat-info:before{background:linear-gradient(90deg,var(--info),#ab47bc)}.stat-info .stat-card-icon{background:var(--info-subtle);color:var(--info)}.followup-widget{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.followup-widget-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.followup-list{max-height:400px;overflow-y:auto}.followup-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);border-left:3px solid transparent;transition:all var(--transition-fast);cursor:pointer}.followup-item:last-child{border-bottom:none}.followup-item:hover{background:var(--surface-hover)}.followup-item.suhu-hot{border-left-color:var(--hot)}.followup-item.suhu-warm{border-left-color:var(--warm)}.followup-item.suhu-cold{border-left-color:var(--cold)}.followup-item-name{font-weight:500;font-size:.875rem;color:var(--text-primary)}.followup-item-info{margin-top:2px}.followup-item-info,.followup-item-time{font-size:.75rem;color:var(--text-muted)}.followup-item-time{margin-left:auto;white-space:nowrap}.followup-empty{padding:var(--space-8) var(--space-6);text-align:center;color:var(--text-muted)}.followup-empty-icon{font-size:2rem;margin-bottom:var(--space-2);opacity:.5}.lead-table-wrapper{display:block}.lead-cards-wrapper{display:none}.lead-card{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);margin-bottom:var(--space-3)}.lead-card:hover{border-color:var(--border-light)}.lead-card:active{transform:scale(.99)}.lead-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-2)}.lead-card-name{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.lead-card-status{flex-shrink:0}.lead-card-body{padding:var(--space-2) var(--space-4)}.lead-card-field{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) 0;font-size:.8125rem}.lead-card-field-label{color:var(--text-muted)}.lead-card-field-value{color:var(--text-secondary);font-weight:450}.lead-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-2)}.lead-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.lead-detail-section{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.lead-detail-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.lead-detail-field{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-4)}.lead-detail-field:last-child{margin-bottom:0}.lead-detail-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.lead-detail-value{font-size:.9375rem;color:var(--text-primary);font-weight:450}.lead-detail-value.empty{color:var(--text-muted);font-style:italic}.payment-summary{background:linear-gradient(135deg,var(--surface-elevated) 0,var(--surface) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.payment-summary-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.payment-summary-row:last-child{border-bottom:none;font-weight:600;font-size:1.0625rem;padding-top:var(--space-3)}.payment-summary-label{color:var(--text-secondary);font-size:.875rem}.payment-summary-value{color:var(--text-primary);font-weight:500;font-size:.9375rem}.payment-summary-value.total{color:var(--success);font-size:1.125rem}.payment-summary-value.remaining{color:var(--warning)}.timeline{position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:11px;top:4px;bottom:4px;width:2px;background:var(--border);border-radius:1px}.timeline-item{position:relative;padding-bottom:var(--space-6)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:calc(-1 * var(--space-8) + 4px);top:4px;width:16px;height:16px;border-radius:var(--radius-full);border:3px solid var(--surface);background:var(--primary);z-index:1}.timeline-dot.dot-success{background:var(--success)}.timeline-dot.dot-warning{background:var(--warning)}.timeline-dot.dot-danger{background:var(--danger)}.timeline-dot.dot-info{background:var(--info)}.timeline-content{background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-fast)}.timeline-content:hover{border-color:var(--border-light)}.timeline-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.timeline-content-title{font-size:.875rem;font-weight:500;color:var(--text-primary)}.timeline-date{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.timeline-content-body{font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.timeline-content-user{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-2)}.filter-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1 1;min-width:200px}.search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.875rem;pointer-events:none}.search-input{width:100%;padding:9px 14px 9px 36px;font-size:.875rem;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-base)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.filter-select{padding:9px 32px 9px 12px;font-size:.8125rem;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%238b92a5' d='M6 8.825L1.175 4 2.238 2.938 6 6.7l3.763-3.763L10.825 4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;transition:all var(--transition-base)}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.pagination{gap:var(--space-1);margin-top:var(--space-6)}.pagination,.pagination-btn{display:flex;align-items:center;justify-content:center}.pagination-btn{min-width:36px;height:36px;padding:0 var(--space-3);font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled):not(.active){background:var(--surface-hover);border-color:var(--border-light);color:var(--text-primary)}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(32,138,236,.3)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.8125rem;color:var(--text-muted);margin:0 var(--space-3)}.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn .2s ease}.confirm-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-6);box-shadow:var(--shadow-xl);animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}.confirm-dialog-icon{font-size:2.5rem;text-align:center;margin-bottom:var(--space-4)}.confirm-dialog h3{text-align:center;margin-bottom:var(--space-2)}.confirm-dialog p{text-align:center}.confirm-dialog p,.confirm-input{font-size:.875rem;margin-bottom:var(--space-5)}.confirm-input{width:100%;padding:10px 14px;color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-base)}.confirm-input:focus{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-glow)}.confirm-actions{display:flex;gap:var(--space-3)}.confirm-actions .btn{flex:1 1}.export-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px 16px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.export-btn:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text-primary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(32,138,236,.08) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(142,68,173,.06) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(39,174,96,.04) 0,transparent 50%);animation:loginBgFloat 20s ease-in-out infinite;z-index:0}@keyframes loginBgFloat{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(2%,-1%) rotate(1deg)}50%{transform:translate(-1%,2%) rotate(-.5deg)}75%{transform:translate(1%,-2%) rotate(.5deg)}}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-xl);animation:slideUp .5s cubic-bezier(.34,1.56,.64,1)}.login-logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.login-logo img{width:72px;height:72px;border-radius:var(--radius-lg);object-fit:cover;box-shadow:var(--shadow-md)}.login-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.02em}.login-title span{color:var(--primary)}.login-subtitle{text-align:center;font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-8)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.login-error{display:flex;padding:var(--space-3) var(--space-4);background:var(--danger-subtle);border:1px solid rgba(231,76,60,.25);border-radius:var(--radius-md);color:#f87171;animation:slideUp .2s ease}.login-error,.wa-btn{align-items:center;gap:var(--space-2);font-size:.8125rem}.wa-btn{display:inline-flex;padding:8px 14px;font-weight:500;color:#fff;background:#25D366;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;box-shadow:0 2px 8px rgba(37,211,102,.25)}.wa-btn:hover{background:#1fbb58;box-shadow:0 4px 16px rgba(37,211,102,.35);transform:translateY(-1px)}.wa-btn-sm{padding:5px 10px;font-size:.75rem}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:4px}.spinner-white{border-color:#fff rgba(255,255,255,.25) rgba(255,255,255,.25)}.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-4);background:var(--bg);z-index:var(--z-modal)}.loading-overlay .spinner{width:40px;height:40px;border-width:4px}.loading-text{font-size:.875rem;color:var(--text-muted);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.inline-spinner{display:inline-flex;align-items:center;gap:var(--space-2)}.toast-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:var(--z-toast);flex-direction:column;pointer-events:none}.toast,.toast-container{display:flex;gap:var(--space-3)}.toast{align-items:center;padding:var(--space-4) var(--space-5);min-width:300px;max-width:420px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.875rem;color:var(--text-primary);pointer-events:all;animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1)}.toast.toast-exit{animation:slideOutRight .2s ease forwards}.toast-icon{font-size:1.125rem;flex-shrink:0}.toast-message{flex:1 1}.toast-close{flex-shrink:0;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-xs);transition:all var(--transition-fast)}.toast-close:hover{background:var(--surface-hover);color:var(--text-primary)}.toast-success{border-left:3px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-warning{border-left:3px solid var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left:3px solid var(--primary)}.toast-info .toast-icon{color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s ease}.animate-slide-in-left{animation:slideInLeft .3s ease}.animate-scale-in{animation:scaleIn .2s ease}.stagger-children>*{animation:slideUp .3s ease backwards}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:.05s}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-elevated) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-title{height:24px;width:60%;margin-bottom:var(--space-3)}.skeleton-card{height:120px;border-radius:var(--radius-lg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::selection{background:rgba(32,138,236,.3);color:var(--text-primary)}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.form-row,.lead-detail-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.main-content{padding:var(--space-6)}}@media (max-width:768px){html{font-size:15px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0);box-shadow:var(--shadow-xl)}.sidebar-overlay{display:block}.navbar{display:flex}.main-content{margin-left:0;padding:var(--space-4);padding-top:calc(var(--navbar-height) + var(--space-4))}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat-card{padding:var(--space-4)}.stat-value{font-size:1.375rem}.lead-table-wrapper{display:none}.lead-cards-wrapper{display:block}.filter-bar{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:auto}.grid-2,.grid-3,.grid-4,.lead-detail-grid{grid-template-columns:1fr}.modal{margin:var(--space-4);max-height:calc(100vh - var(--space-8))}.page-header{flex-direction:column;align-items:flex-start}.page-header-actions{width:100%}.page-header-actions .btn{flex:1 1}.toast-container{top:auto;bottom:var(--space-5);left:var(--space-4);right:var(--space-4)}.toast{min-width:auto;max-width:100%}.card-body,.card-header{padding:var(--space-4)}.login-card{padding:var(--space-6);border-radius:var(--radius-xl)}.confirm-dialog{max-width:calc(100% - var(--space-8))}.pagination{flex-wrap:wrap}}@media (max-width:480px){.dashboard-grid{grid-template-columns:1fr}.stat-card{padding:var(--space-4) var(--space-5)}.confirm-actions{flex-direction:column}.form-row{grid-template-columns:1fr}.page-header-actions{flex-direction:column}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.4}.empty-state h3{color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state p{color:var(--text-muted);font-size:.875rem;max-width:360px;margin-bottom:var(--space-6)}.divider{height:1px;background:var(--border);margin:var(--space-6) 0}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.9);padding:6px 10px;font-size:.75rem;font-weight:450;color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);z-index:var(--z-tooltip)}[data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) scale(1)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}@media print{.btn,.filter-bar,.navbar,.pagination,.sidebar,.sidebar-overlay,.toast-container{display:none!important}.main-content{margin-left:0!important;padding:0!important}body{background:#fff;color:#000}.card,.lead-detail-section,.stat-card{border:1px solid #ddd;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}