.layout,.sidebar{display:flex;height:100vh;overflow:hidden}.sidebar{background:#0f172a;color:#fff;flex-direction:column;flex-shrink:0;min-width:240px;transition:width .25s ease,min-width .25s ease;width:240px}.layout.collapsed .sidebar{min-width:68px;width:68px}.sidebar-header{border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;padding:18px 14px 14px}.logo,.sidebar-header{align-items:center;display:flex}.logo{gap:10px;overflow:hidden}.logo-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.logo-text{font-size:17px;font-weight:700;white-space:nowrap}.collapse-btn{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;flex-shrink:0;font-size:14px;padding:4px 6px}.collapse-btn:hover{background:#1e293b;color:#fff}.sidebar-user{border-bottom:1px solid #1e293b;gap:10px;overflow:hidden;padding:14px}.avatar,.sidebar-user{align-items:center;display:flex;flex-shrink:0}.avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:13px;font-weight:600;height:36px;justify-content:center;-webkit-user-select:none;user-select:none;width:36px}.sidebar-user-info{overflow:hidden}.sidebar-user-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#94a3b8;font-size:11px;white-space:nowrap}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:10px 8px}.nav-section-label{color:#475569;font-size:10px;font-weight:600;letter-spacing:.08em;padding:10px 12px 4px;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:9px 12px;text-decoration:none;transition:all .15s;white-space:nowrap;width:100%}.nav-item:hover{background:#1e293b;color:#fff}.nav-item.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.nav-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.nav-label{flex:1 1;text-align:left}.sidebar-footer{border-top:1px solid #1e293b;display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:10px 8px}.signout-btn{color:#94a3b8}.signout-btn:hover{background:#1e293b;color:#ef4444}.main-area{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;height:60px;justify-content:space-between;padding:0 24px}.topbar-left{flex:1 1}.topbar-right{align-items:center;display:flex;gap:12px}.topbar-avatar{font-size:13px;height:36px;width:36px}.user-menu-wrap{position:relative}.user-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 30px #0000001f;overflow:hidden;padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:200px;z-index:200}.user-menu-name{font-size:13px;font-weight:600;padding:6px 8px 2px}.user-menu-email{color:#9ca3af;font-size:11px;padding:0 8px 6px}.user-menu-divider{background:#f3f4f6;height:1px;margin:4px 0}.user-menu button{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px;text-align:left;width:100%}.user-menu button:hover{background:#f3f4f6}.page-content{flex:1 1;overflow-y:auto;padding:24px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:#111827;font-size:22px;font-weight:700}.page-subtitle{color:#6b7280;font-size:14px;margin-top:2px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:14px;padding:20px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;flex-shrink:0;font-size:20px;height:46px;justify-content:center;width:46px}.stat-icon.purple{background:#ede9fe}.stat-icon.blue{background:#dbeafe}.stat-icon.green{background:#d1fae5}.stat-icon.orange{background:#ffedd5}.stat-icon.red{background:#fee2e2}.stat-value{font-size:24px;font-weight:700}.stat-label{color:#6b7280;font-size:13px;margin-top:2px}.stat-change{font-size:12px;margin-top:3px}.stat-change.up{color:#10b981}.stat-change.down{color:#ef4444}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.card-title{font-size:15px;font-weight:600}.card-body{padding:20px}.grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:14px;width:100%}thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase}tbody td{border-bottom:1px solid #f3f4f6;padding:12px 14px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f9fafb}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 9px;white-space:nowrap}.badge-lead{background:#fef3c7;color:#92400e}.badge-prospect{background:#dbeafe;color:#1e40af}.badge-customer{background:#d1fae5;color:#065f46}.badge-churned{background:#fee2e2;color:#991b1b}.badge-prospecting{background:#f3f4f6;color:#374151}.badge-qualification{background:#dbeafe;color:#1e40af}.badge-proposal{background:#ede9fe;color:#5b21b6}.badge-negotiation{background:#fef3c7;color:#92400e}.badge-closed-won{background:#d1fae5;color:#065f46}.badge-closed-lost{background:#fee2e2;color:#991b1b}.badge-planned{background:#dbeafe;color:#1e40af}.badge-completed{background:#d1fae5;color:#065f46}.badge-cancelled{background:#fee2e2;color:#991b1b}.badge-low{background:#f3f4f6;color:#374151}.badge-medium{background:#fef3c7;color:#92400e}.badge-high{background:#fee2e2;color:#991b1b}.badge-manager{background:#ede9fe;color:#5b21b6}.badge-salesperson{background:#dbeafe;color:#1e40af}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#fee2e2;border:none;color:#991b1b}.btn-danger:hover{background:#fecaca}.btn-sm{font-size:12px;padding:5px 10px}.btn-icon{background:none;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;padding:6px;transition:background .15s}.btn-icon:hover{background:#f3f4f6}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-group label{color:#374151;font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical}.form-error{color:#ef4444;font-size:12px;margin-top:2px}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.filter-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:13px;outline:none;padding:8px 12px}.filter-input:focus{border-color:#6366f1}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:95vw;overflow-y:auto;width:560px;z-index:400}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{font-size:18px;font-weight:700}.modal-close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:18px;padding:4px}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.avatar-sm{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;height:28px;justify-content:center;width:28px}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%}.chart-bar-wrap{display:flex;flex-direction:column;gap:12px}.chart-bar-item{align-items:center;display:flex;font-size:13px;gap:12px}.chart-bar-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:500;width:110px}.chart-bar-track{background:#f3f4f6;border-radius:4px;flex:1 1;height:18px;overflow:hidden}.chart-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;height:100%;transition:width .6s ease}.chart-bar-val{color:#374151;font-size:12px;font-weight:600;text-align:right;width:70px}.activity-feed{display:flex;flex-direction:column}.activity-item{border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-dot{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;width:34px}.activity-content{flex:1 1}.activity-title{font-size:13px;font-weight:500;margin-bottom:2px}.activity-meta{color:#9ca3af;font-size:12px}.empty-state{color:#9ca3af;padding:60px 20px;text-align:center}.empty-icon{font-size:44px;margin-bottom:12px}.empty-state p{font-size:15px;margin-bottom:16px}.toast{animation:slideUp .3s ease;border-radius:10px;bottom:24px;box-shadow:0 4px 20px #00000026;color:#fff;font-size:14px;font-weight:500;padding:12px 20px;position:fixed;right:24px;z-index:999}.toast-success{background:#065f46}.toast-error{background:#991b1b}.toast-info{background:#1e40af}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pipeline-board{display:flex;gap:16px;min-height:500px;overflow-x:auto;padding-bottom:16px}.pipeline-col{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;min-width:230px;width:230px}.pipeline-col-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 14px}.pipeline-col-title{font-size:13px;font-weight:600}.pipeline-col-count{background:#e5e7eb;border-radius:20px;color:#374151;font-size:11px;font-weight:600;padding:2px 7px}.pipeline-col-value{color:#6b7280;font-size:11px;margin-top:2px}.pipeline-cards{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:10px}.pipeline-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:12px;transition:all .15s}.pipeline-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.pipeline-card-name{font-size:13px;font-weight:600;margin-bottom:4px}.pipeline-card-contact{color:#6b7280;font-size:12px;margin-bottom:6px}.pipeline-card-value{color:#6366f1;font-size:14px;font-weight:700}.pipeline-card-meta{color:#9ca3af;display:flex;font-size:11px;justify-content:space-between;margin-top:6px}.detail-panel{background:#fff;border-left:1px solid #e5e7eb;box-shadow:-4px 0 20px #00000014;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:400px;z-index:250}.detail-panel.open{transform:translateX(0)}.detail-panel-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px}.detail-panel-body{flex:1 1;overflow-y:auto;padding:20px}.detail-section{margin-bottom:22px}.detail-section-title{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.detail-field{border-bottom:1px solid #f3f4f6;display:flex;font-size:13px;justify-content:space-between;padding:7px 0}.detail-field:last-child{border-bottom:none}.detail-field-label{color:#6b7280}.detail-field-value{font-weight:500;max-width:60%;text-align:right}.fw-600{font-weight:600}.text-muted{color:#9ca3af;font-size:12px}.text-purple{color:#6366f1}.text-green{color:#10b981}.text-red{color:#ef4444}.flex-between{align-items:center;display:flex;justify-content:space-between}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width:768px){.layout .sidebar{min-width:68px;width:68px}.logo-text,.nav-label,.nav-section-label,.sidebar-user-info{display:none}.page-content{padding:16px}}.login-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 25px 60px #0000004d;max-width:420px;padding:40px;width:100%}.login-logo{gap:10px;margin-bottom:28px}.login-logo,.login-logo-icon{align-items:center;display:flex}.login-logo-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.login-logo-text{color:#111827;font-size:20px;font-weight:700}.login-title{color:#111827;font-size:24px;font-weight:700;margin-bottom:6px}.login-sub{color:#6b7280;font-size:14px;margin-bottom:28px}.password-wrap{align-items:center;display:flex;position:relative}.password-wrap input{padding-right:44px!important;width:100%}.password-toggle{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;line-height:1;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#374151}.forgot-link{background:none;border:none;color:#6366f1;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:0}.forgot-link:hover{text-decoration:underline}.login-success{background:#d1fae5;color:#065f46;font-weight:500}.login-error,.login-success{border-radius:8px;font-size:13px;margin-bottom:14px;padding:10px 14px}.login-error{background:#fee2e2;color:#991b1b}.login-btn{font-size:15px;justify-content:center;margin-top:4px;padding:11px;width:100%}.login-switch{color:#6b7280;font-size:14px;margin-top:20px;text-align:center}.login-switch button{background:none;border:none;color:#6366f1;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:0}.login-switch button:hover{text-decoration:underline}.login-note{background:#f5f3ff;border-radius:8px;color:#5b21b6;font-size:12px;line-height:1.5;margin-top:20px;padding:12px 14px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f3f4f6;color:#111827;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}
/*# sourceMappingURL=main.491b9331.css.map*/