:root{--primary:#3b82f6;--primary-dark:#2563eb;--bg-app:#f8f9fa;--bg-card:#fff;--text-main:#1f2937;--text-muted:#6b7280;--text-light:#9ca3af;--border:#e5e7eb;--color-green:#10b981;--color-red:#ef4444;--color-yellow:#f59e0b;--color-purple:#8b5cf6;--color-blue:#3b82f6;--color-orange:#f97316;--bg-green-light:#d1fae5;--bg-red-light:#fee2e2;--bg-yellow-light:#fef3c7;--bg-purple-light:#ede9fe;--bg-blue-light:#dbeafe;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-card:0 4px 20px #00000008;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidebar-header{padding:24px}.logo{align-items:center;gap:12px;display:flex}.logo-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.logo-text{color:var(--text-main);font-size:1.1rem;font-weight:700}.sidebar-nav{flex:1;padding:0 16px;overflow-y:auto}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-app);color:var(--text-main)}.nav-item.active{background-color:var(--bg-blue-light);color:var(--primary-dark)}.nav-item i{font-size:20px}.nav-section{margin-top:24px}.nav-section-title{color:var(--text-light);letter-spacing:.05em;margin-bottom:12px;padding-left:12px;font-size:.7rem;font-weight:600;display:block}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.company-info{cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:12px;padding:8px;display:flex}.company-info:hover{background-color:var(--bg-app)}.company-logo{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:700;display:flex}.company-name{flex:1;font-size:.9rem;font-weight:600}.main-content{flex-direction:column;flex:1;gap:24px;padding:24px 32px;display:flex;overflow-y:auto}.top-header{justify-content:space-between;align-items:flex-start;display:flex}.greeting h1{margin-bottom:4px;font-size:1.5rem;font-weight:700}.greeting p{color:var(--text-muted);font-size:.9rem}.header-actions{align-items:center;gap:20px;display:flex}.search-bar{align-items:center;display:flex;position:relative}.search-bar input{border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--bg-card);outline:none;width:280px;padding:10px 40px;font-size:.9rem;transition:all .2s}.search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--bg-blue-light)}.search-icon{color:var(--text-muted);font-size:18px;position:absolute;left:12px}.search-shortcut{background-color:var(--bg-app);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600;position:absolute;right:12px}.notification-btn{background-color:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex;position:relative}.notification-btn:hover{background-color:var(--bg-app)}.badge{background-color:var(--color-red);color:#fff;border:2px solid var(--bg-app);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.user-profile{cursor:pointer;align-items:center;gap:12px;display:flex}.avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.user-info{flex-direction:column;display:flex}.user-name{font-size:.9rem;font-weight:600}.user-role{color:var(--text-muted);align-items:center;gap:4px;font-size:.8rem;display:flex}.kpi-section{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.kpi-card{background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);align-items:flex-start;gap:16px;padding:20px;display:flex}.kpi-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.leads-icon{background-color:var(--bg-purple-light);color:var(--color-purple)}.qual-icon{background-color:var(--bg-yellow-light);color:var(--color-yellow)}.deals-icon{background-color:var(--bg-blue-light);color:var(--color-blue)}.won-icon{background-color:var(--bg-green-light);color:var(--color-green)}.kpi-details{flex:1}.kpi-title{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.kpi-value-row{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.kpi-value{font-size:1.5rem;font-weight:700}.kpi-trend{align-items:center;gap:2px;font-size:.8rem;font-weight:600;display:flex}.kpi-trend.positive{color:var(--color-green)}.kpi-trend.negative{color:var(--color-red)}.kpi-subtitle{color:var(--text-light);font-size:.75rem}.middle-section{grid-template-columns:3fr 1fr;gap:20px;display:grid}.card{background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;padding:20px;display:flex}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-header h2{font-size:1rem;font-weight:700}.dropdown{color:var(--text-muted);cursor:pointer;align-items:center;gap:4px;font-size:.8rem;font-weight:500;display:flex}.dropdown i{font-size:14px}.view-all{color:var(--primary);font-size:.8rem;font-weight:600}.kanban-board{flex:1;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kanban-column{flex-direction:column;gap:12px;display:flex}.column-header{border-bottom:2px solid;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:12px;font-size:.85rem;font-weight:600;display:flex}.border-purple{border-color:var(--color-purple)}.border-yellow{border-color:var(--color-yellow)}.border-blue{border-color:var(--color-blue)}.border-green{border-color:var(--color-green)}.count{color:var(--text-muted)}.kanban-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:12px}.card-top{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.avatar-small{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:600;display:flex}.lead-info{flex-direction:column;flex:1;gap:2px;display:flex}.lead-info strong{color:var(--text-main);font-size:.85rem}.lead-info span{color:var(--text-muted);font-size:.75rem}.dots{color:var(--text-light);cursor:pointer}.time-ago{color:var(--text-light);text-align:right;font-size:.7rem}.add-btn{border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.add-btn:hover{background:var(--bg-app);color:var(--text-main)}.activity-list{flex-direction:column;gap:20px;display:flex}.activity-item{align-items:flex-start;gap:12px;display:flex}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.activity-details p{color:var(--text-main);margin-bottom:4px;font-size:.85rem}.activity-details span{color:var(--text-muted);font-size:.75rem}.bottom-section{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.chart-container{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.donut-container{flex-direction:row;justify-content:center;align-items:center;gap:20px;min-height:200px;display:flex}.donut-container canvas{max-width:140px;max-height:140px}.donut-legend{flex-direction:column;gap:12px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.dot{border-radius:50%;width:8px;height:8px}.legend-item .percent{color:var(--text-main);margin-left:auto;font-weight:600}.deals-value-container{flex-direction:row;height:100%;display:flex}.deals-value-y-axis{color:var(--text-light);flex-direction:column;justify-content:space-between;height:160px;padding-right:12px;font-size:.7rem;display:flex}.chart-absolute-container{flex:1;height:160px;position:relative}.deals-value-badge{border:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:10;background:#fff;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:700;position:absolute;top:10px;right:20px}.tasks-list{flex-direction:column;gap:16px;display:flex}.task-item{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.checkbox-wrapper input{accent-color:var(--primary);width:16px;height:16px;margin-top:2px}.task-item:has(input:checked) p{color:var(--text-light);text-decoration:line-through}.task-details p{margin-bottom:4px;font-size:.85rem;font-weight:500}.task-details span{color:var(--text-light);font-size:.75rem}.team-list{flex-direction:column;flex:1;gap:16px;display:flex}.team-member{align-items:center;gap:12px;display:flex}.team-member img{object-fit:cover;border-radius:50%;width:32px;height:32px}.team-details{flex-direction:column;flex:1;gap:6px;display:flex}.name-value{justify-content:space-between;font-size:.8rem;font-weight:600;display:flex}.progress-bar{background-color:var(--bg-app);border-radius:3px;height:6px;overflow:hidden}.progress{border-radius:3px;height:100%}.view-report-container{text-align:center;margin-top:16px}.app-footer{border-top:1px solid var(--border);color:var(--text-light);justify-content:space-between;padding-top:12px;font-size:.75rem;display:flex}.bg-purple{background-color:var(--color-purple)}.bg-blue{background-color:var(--color-blue)}.bg-yellow{background-color:var(--color-yellow)}.bg-green{background-color:var(--color-green)}.bg-red{background-color:var(--color-red)}.bg-orange{background-color:var(--color-orange)}.bg-purple-light{background-color:var(--bg-purple-light)}.bg-blue-light{background-color:var(--bg-blue-light)}.bg-yellow-light{background-color:var(--bg-yellow-light)}.bg-green-light{background-color:var(--bg-green-light)}.bg-red-light{background-color:var(--bg-red-light)}.text-purple{color:var(--color-purple)}.text-blue{color:var(--color-blue)}.text-yellow{color:var(--color-yellow)}.text-green{color:var(--color-green)}.text-red{color:var(--color-red)}.text-white{color:#fff}@media (width<=1200px){.kpi-section,.bottom-section{grid-template-columns:repeat(2,1fr)}.middle-section{grid-template-columns:1fr}}