@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--primary: #16a34a;--primary-hover: #15803d;--primary-light: rgba(22, 163, 74, .08);--accent: #0f766e;--accent-light: rgba(15, 118, 110, .08);--success: #16a34a;--success-light: rgba(22, 163, 74, .08);--warning: #d97706;--warning-light: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-light: rgba(220, 38, 38, .08);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05), 0 10px 15px -3px rgba(0, 0, 0, .03);--transition-smooth: all .2s ease-in-out;--font-sans: "Plus Jakarta Sans", sans-serif;--velzon-bg: var(--bg-primary);--velzon-sidebar-bg: var(--bg-secondary);--velzon-sidebar-color: var(--text-secondary);--velzon-card-bg: var(--bg-card);--velzon-text: var(--text-primary);--velzon-text-muted: var(--text-muted);--velzon-border: var(--border-color);--velzon-primary: var(--primary);--velzon-success: var(--success);--velzon-danger: var(--danger);--velzon-warning: var(--warning);font-family:var(--font-sans)}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;font-family:var(--font-sans);min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.velzon-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background:radial-gradient(circle at top right,rgba(22,163,74,.04),transparent 400px),radial-gradient(circle at bottom left,rgba(15,118,110,.03),transparent 400px)}.velzon-sidebar{width:260px;background-color:var(--bg-secondary);color:var(--text-secondary);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border-color);box-shadow:4px 0 24px #00000005}.sidebar-brand{height:70px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid var(--border-color)}.brand-logo-text{font-family:var(--font-sans);font-weight:800;font-size:1.25rem;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em;margin:0;display:flex;align-items:baseline}.brand-logo-tld{font-family:var(--font-sans);font-weight:400;font-size:.85rem;color:var(--accent)}.menu-header{font-size:.7rem;font-weight:700;color:var(--text-muted);padding:24px 24px 8px;letter-spacing:.8px;text-transform:uppercase}.sidebar-menu{flex:1;display:flex;flex-direction:column;gap:4px;padding:0 16px}.menu-item{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:10px;transition:var(--transition-smooth)}.menu-item:hover,.menu-item.active{color:var(--primary);background-color:var(--primary-light)}.menu-item.active{font-weight:600;border:1px solid rgba(22,163,74,.15)}.submenu{display:flex;flex-direction:column;padding-left:44px;gap:6px;margin-top:2px}.submenu-item{font-size:.8125rem;color:var(--text-secondary);cursor:pointer;padding:4px 0;transition:var(--transition-smooth)}.submenu-item:hover,.submenu-item.active{color:var(--primary)}.velzon-main{flex:1;display:flex;flex-direction:column;overflow:hidden;width:calc(100% - 260px)}.velzon-header{height:70px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 24px;box-sizing:border-box;box-shadow:0 2px 12px #00000003}.header-search{display:flex;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;width:220px}.header-search input{border:none;background:transparent;outline:none;font-size:.85rem;padding-left:8px;color:var(--text-primary);width:100%}.header-search .search-icon{color:var(--text-muted)}.header-profile{display:flex;align-items:center;gap:16px}.db-indicator{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:9999px;text-transform:uppercase}.db-indicator.connected{background-color:var(--primary-light);color:var(--primary)}.db-indicator.disconnected{background-color:var(--danger-light);color:var(--danger)}.profile-details{display:flex;flex-direction:column;text-align:right}.profile-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.profile-role{font-size:.75rem;color:var(--text-muted)}.btn-logout-header{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;transition:var(--transition-smooth)}.btn-logout-header:hover{background-color:var(--danger-light);color:var(--danger);border-color:#dc262633}.velzon-body{flex:1;padding:24px;box-sizing:border-box;overflow-y:auto}.page-title-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title-box h4{font-size:1.1rem;font-weight:700;margin:0;text-transform:uppercase;color:var(--text-primary)}.breadcrumb{font-size:.8rem;color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:24px}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:var(--glass-shadow);transition:var(--transition-smooth);display:flex;flex-direction:column;justify-content:space-between}.kpi-card:hover{transform:translateY(-2px);border-color:var(--border-hover);background-color:var(--bg-card-hover)}.kpi-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.kpi-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.kpi-icon{font-size:1.1rem;opacity:.8}.kpi-val-row{display:flex;justify-content:space-between;align-items:baseline}.kpi-val-row h3{margin:0;font-size:1.75rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.kpi-pct{font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:4px}.kpi-pct.pos{background-color:var(--primary-light);color:var(--primary)}.kpi-pct.neg{background-color:var(--danger-light);color:var(--danger)}.charts-row{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin-bottom:24px}.chart-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:var(--glass-shadow)}.chart-card h5{margin:0 0 16px;font-size:.95rem;font-weight:600;color:var(--text-primary)}.mock-chart{display:flex;justify-content:center;align-items:center;background-color:var(--bg-primary);border-radius:10px;padding:12px;border:1px solid var(--border-color)}.chart-labels{display:flex;justify-content:center;gap:16px;margin-top:12px;font-size:.75rem;color:var(--text-secondary)}.chart-labels span{display:flex;align-items:center;gap:6px}.chart-labels i{display:inline-block;width:8px;height:8px;border-radius:50%}.content-workspace{display:grid;grid-template-columns:1.5fr 1fr 1.1fr;gap:24px;align-items:start}.roster-card,.tasks-card,.quick-add-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:var(--glass-shadow);box-sizing:border-box}.roster-card h5,.tasks-card h5,.quick-add-card h5{margin:0 0 16px;font-size:.95rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:12px}.roster-table{width:100%;border-collapse:collapse;text-align:left}.roster-table th{padding:12px;font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-weight:600}.roster-table td{padding:12px;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.badge-pill{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-pill.status-lead{background-color:var(--warning-light);color:var(--warning)}.badge-pill.status-active{background-color:var(--primary-light);color:var(--primary);border:1px solid rgba(22,163,74,.15)}.badge-pill.status-deal-won{background-color:var(--accent-light);color:var(--accent);border:1px solid rgba(15,118,110,.15)}.badge-pill.status-inactive{background-color:#94a3b81a;color:var(--text-muted)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.85rem}.tasks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.tasks-list li{display:flex;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px dashed var(--border-color)}.tasks-list li.completed .task-text{text-decoration:line-through;color:var(--text-muted)}.tasks-list input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);margin-top:2px}.task-details{display:flex;flex-direction:column;gap:4px}.task-text{font-size:.875rem;font-weight:600;color:var(--text-primary)}.task-date{font-size:.75rem;color:var(--text-muted)}.form-group-compact{margin-bottom:16px}.form-group-compact label{display:block;font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.form-group-compact input,.form-group-compact select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;box-sizing:border-box;outline:none;transition:var(--transition-smooth)}.form-group-compact input:focus,.form-group-compact select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.btn-add-client{width:100%;padding:10px;background-color:var(--primary);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);margin-top:8px}.btn-add-client:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px #16a34a33}.split-container{display:flex;height:100vh;width:100vw;background-color:var(--bg-primary)}.left-pane{flex:1.2;position:relative;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px;box-sizing:border-box;color:#fff}.left-pane:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.08),transparent 50%);pointer-events:none}.badge{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-block;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em;z-index:10}.left-pane h1{font-size:2.8rem;font-weight:800;margin:0 0 16px;color:#fff;letter-spacing:-.025em;line-height:1.2;z-index:10}.left-pane h1 em{font-style:normal;color:#fff;opacity:.9}.left-pane .description{font-size:1.05rem;color:#ffffffd9;line-height:1.6;margin-bottom:30px;font-weight:400;max-width:500px;z-index:10}.features{display:flex;flex-direction:column;gap:12px;z-index:10}.feature-item{display:flex;align-items:center;gap:12px}.feature-dot{width:8px;height:8px;border-radius:50%}.feature-text{font-size:.9rem;color:#ffffffd9}.right-pane{flex:.8;background-color:var(--bg-primary);display:flex;justify-content:center;align-items:center;padding:40px;box-sizing:border-box;border-left:1px solid var(--border-color)}.form-card{width:100%;max-width:380px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:32px;border-radius:16px;box-shadow:var(--glass-shadow)}.form-card h2{font-size:1.6rem;font-weight:800;margin:0 0 6px;color:var(--text-primary);letter-spacing:-.02em}.subtitle{font-size:.85rem;color:var(--text-secondary);margin-bottom:24px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;box-sizing:border-box;outline:none;background-color:var(--bg-secondary);transition:var(--transition-smooth)}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.btn{width:100%;padding:12px;background-color:var(--primary);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);margin-top:8px}.btn:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px #16a34a33}.alert{padding:10px 12px;border-radius:8px;font-size:.85rem;margin-bottom:16px;border:1px solid transparent}.alert-danger{background-color:var(--danger-light);border-color:#dc262626;color:var(--danger)}@media (max-width: 1024px){.velzon-sidebar{width:70px}.velzon-sidebar h2,.velzon-sidebar .menu-header,.velzon-sidebar .submenu,.brand-logo-tld{display:none}.charts-row,.content-workspace{grid-template-columns:1fr}.split-container{flex-direction:column}.left-pane{display:none}.right-pane{width:100vw;height:100vh;padding:24px;border-left:none}}