:root{--background:#f4f4f5;--surface:#fff;--border:#e4e4e7;--text-primary:#09090b;--text-secondary:#71717a;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--success:#16a34a;--success-light:#f0fdf4;--warning:#d97706;--warning-light:#fffbeb;--danger:#dc2626;--danger-light:#fef2f2;--info:#3b82f6;--info-light:#eff6ff;--font-system:system-ui, -apple-system, sans-serif;--font-mono:monospace;--rounded-small:4px;--rounded-medium:6px;--rounded-large:10px;--rounded-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--shadow-card:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--shadow-drawer:-4px 0 12px -2px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-system);background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#root{min-height:100vh;display:flex}.app-container{width:100%;min-height:100vh;display:flex}.main-content{padding:var(--spacing-xl);flex-direction:column;flex:1;max-height:100vh;display:flex;overflow-y:auto}h1{letter-spacing:-.015em;color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:24px;font-weight:600;line-height:1.3}h2{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:20px;font-weight:600;line-height:1.3}h3{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4}.text-secondary{color:var(--text-secondary)}.btn-primary{background-color:var(--accent);color:var(--surface);font-family:var(--font-system);border-radius:var(--rounded-medium);cursor:pointer;border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s,transform .1s}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);font-family:var(--font-system);border:1px solid var(--border);border-radius:var(--rounded-medium);cursor:pointer;padding:8px 16px;font-size:14px;transition:background-color .2s}.btn-secondary:hover{background-color:var(--background)}.card{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--rounded-large);padding:var(--spacing-md);box-shadow:var(--shadow-card)}.input-text{background-color:var(--surface);color:var(--text-primary);font-family:var(--font-system);border:1px solid var(--border);border-radius:var(--rounded-medium);outline:none;padding:8px 12px;font-size:14px;transition:border-color .2s}.input-text:focus{border-color:var(--accent)}.badge-cold{background-color:var(--info-light);color:var(--info);border-radius:var(--rounded-full);padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.badge-warm{background-color:var(--warning-light);color:var(--warning);border-radius:var(--rounded-full);padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.badge-hot{background-color:var(--danger-light);color:var(--danger);border-radius:var(--rounded-full);padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.sidebar{background-color:var(--surface);border-right:1px solid var(--border);width:240px;padding:var(--spacing-lg) var(--spacing-md);flex-direction:column;flex-shrink:0;height:100vh;display:flex}.sidebar-title{color:var(--text-primary);margin-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-sm);font-size:18px;font-weight:700;display:flex}.sidebar-menu{gap:var(--spacing-xs);flex-direction:column;list-style:none;display:flex}.sidebar-item{color:var(--text-secondary);font-family:var(--font-system);border-radius:var(--rounded-medium);text-align:left;cursor:pointer;align-items:center;gap:var(--spacing-sm);background-color:#0000;border:none;width:100%;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{background-color:var(--background);color:var(--text-primary)}.sidebar-item-active{background-color:var(--accent-light);color:var(--accent);font-family:var(--font-system);border-radius:var(--rounded-medium);text-align:left;cursor:default;align-items:center;gap:var(--spacing-sm);border:none;width:100%;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.dashboard-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.metrics-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.metric-card{gap:var(--spacing-xs);flex-direction:column;justify-content:center;display:flex}.metric-label{text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.metric-value{color:var(--text-primary);letter-spacing:-.02em;font-size:28px;font-weight:700}.font-display{font-family:var(--font-system)}.metric-subtext{font-size:12px}.border-success{border-left:4px solid var(--success)}.ranking-table{border-collapse:collapse;width:100%;margin-top:var(--spacing-xs)}.ranking-table th{text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 16px;font-size:12px;font-weight:600}.ranking-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px}.ranking-table tr:last-child td{border-bottom:none}.broker-rank-name{align-items:center;gap:var(--spacing-sm);display:flex}.broker-avatar{border-radius:var(--rounded-full);background-color:var(--accent-light);width:32px;height:32px;color:var(--accent);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.rank-count-badge{background-color:var(--background);color:var(--text-primary);border-radius:var(--rounded-full);border:1px solid var(--border);padding:4px 8px;font-size:12px;font-weight:600}.progress-bar-container{align-items:center;gap:var(--spacing-sm);width:100%;display:flex}.progress-bar{background-color:var(--accent);border-radius:var(--rounded-full);height:8px;transition:width .5s ease-in-out}.progress-bar-container:before{content:"";z-index:-1;flex-grow:1;position:absolute}.progress-bar-container{background-color:var(--background);border-radius:var(--rounded-full);width:80%;max-width:250px;height:8px;position:relative}.progress-percentage{color:var(--text-secondary);font-size:12px;font-weight:600;position:absolute;right:-45px}.pipeline-container{gap:var(--spacing-lg);flex-direction:column;height:100%;display:flex}.pipeline-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.filter-wrapper{align-items:center;display:flex}.kanban-board{gap:var(--spacing-md);padding-bottom:var(--spacing-md);flex-grow:1;align-items:flex-start;display:flex;overflow-x:auto}.kanban-column{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--rounded-large);min-width:250px;max-width:320px;max-height:calc(100vh - 180px);box-shadow:var(--shadow-card);flex-direction:column;flex:1;display:flex}.column-header{padding:var(--spacing-md);border-bottom:1px solid var(--border);background-color:var(--surface);border-top-left-radius:var(--rounded-large);border-top-right-radius:var(--rounded-large)}.column-title-row{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.column-title{color:var(--text-primary);font-size:14px;font-weight:600}.column-sum{letter-spacing:.02em;font-size:11px;font-weight:600}.column-cards-container{padding:var(--spacing-md);gap:var(--spacing-md);border-bottom-left-radius:var(--rounded-large);border-bottom-right-radius:var(--rounded-large);border:2px dashed #0000;flex-direction:column;min-height:450px;transition:background-color .2s,border-color .2s;display:flex;overflow-y:auto}.column-cards-container.dragover-active{background-color:var(--accent-light);border-color:var(--accent)}.empty-column-placeholder{border:1px dashed var(--border);border-radius:var(--rounded-medium);height:80px;color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;font-size:12px;display:flex}.kanban-card{cursor:grab;-webkit-user-select:none;user-select:none;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--rounded-large);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex}.kanban-card:hover{border-color:var(--text-secondary);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.4}.card-header-row{justify-content:space-between;align-items:center;display:flex}.temp-badge{text-transform:uppercase;border-radius:var(--rounded-full);padding:2px 6px;font-size:10px;font-weight:700}.product-type-badge{background-color:var(--background);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--rounded-small);padding:2px 6px;font-size:10px;font-weight:600}.card-lead-name{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.card-value-display{color:var(--text-primary);font-size:18px;font-weight:700}.card-footer-row{color:var(--text-secondary);border-top:1px solid var(--border);padding-top:var(--spacing-sm);margin-top:var(--spacing-xs);justify-content:space-between;font-size:11px;display:flex}.card-channel,.card-broker{align-items:center;gap:2px;display:flex}.lead-list-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.plan-filter-bar{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.filter-title{text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.filter-buttons{gap:var(--spacing-sm);display:flex}.filter-btn{background-color:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--rounded-full);cursor:pointer;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.filter-btn:hover{background-color:var(--background);color:var(--text-primary)}.filter-btn.active{background-color:var(--accent);color:var(--surface);border-color:var(--accent)}.list-table-card{padding:0;overflow:hidden}.table-responsive{width:100%;overflow-x:auto}.lead-table{border-collapse:collapse;width:100%}.lead-table th{text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border);background-color:var(--surface);padding:14px 16px;font-size:12px;font-weight:600}.lead-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px;font-size:13px}.lead-table tr:hover td{background-color:var(--accent-light)}.lead-table tr:last-child td{border-bottom:none}.lead-name-cell{flex-direction:column;display:flex}.lead-id-subtext{color:var(--text-secondary);margin-top:2px;font-size:10px}.empty-table-message{text-align:center;color:var(--text-secondary);padding:32px!important}.status-pill{border-radius:var(--rounded-full);text-transform:uppercase;letter-spacing:.02em;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.status-new{background-color:var(--info-light);color:var(--info);border:1px solid var(--info)}.status-broker{background-color:var(--warning-light);color:var(--warning);border:1px solid var(--warning)}.status-sent{background-color:var(--accent-light);color:var(--accent);border:1px solid var(--accent)}.status-won{background-color:var(--success-light);color:var(--success);border:1px solid var(--success)}.status-lost{background-color:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.sync-indicator-container{z-index:50;position:absolute;top:32px;right:32px}.sync-status{align-items:center;gap:var(--spacing-sm);border-radius:var(--rounded-full);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.sync-status.loading,.sync-status.saving{background-color:var(--warning-light);color:var(--warning);border-color:var(--warning)}.sync-status.synced{background-color:var(--success-light);color:var(--success);border-color:var(--success)}.spinner{animation:1s linear infinite spin}.opacity-25{opacity:.25}.opacity-75{opacity:.75}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lead-list-grid{gap:var(--spacing-md);grid-template-columns:2.2fr .8fr;align-items:start;display:grid}@media (width<=1024px){.lead-list-grid{grid-template-columns:1fr}}.proposals-column{gap:var(--spacing-md);flex-direction:column;min-width:0;display:flex}.brokers-column{flex-direction:column;display:flex}.broker-list{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.broker-list-item{background-color:var(--background);border:1px solid var(--border);border-radius:var(--rounded-medium);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.active-dot{background-color:var(--success);border-radius:var(--rounded-full);width:8px;height:8px;display:inline-block}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background-color:#09090b66;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-content{border-left:1px solid var(--border);width:440px;max-width:90%;height:100%;box-shadow:var(--shadow-drawer);background-color:var(--surface);border-radius:0;flex-direction:column;padding:0;animation:.25s cubic-bezier(.16,1,.3,1) slideIn;display:flex}.drawer-content.advanced-modal{border-radius:var(--rounded-large);border:1px solid var(--border);height:auto;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--border)}.drawer-title-row{justify-content:space-between;align-items:center;display:flex}.drawer-close-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--rounded-small);background:0 0;border:none;padding:4px 8px;font-size:16px;transition:all .2s}.drawer-close-btn:hover{background-color:var(--background);color:var(--text-primary)}.lead-id{font-size:11px}.drawer-body{padding:var(--spacing-lg);flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.drawer-lead-name{margin-bottom:0;font-size:20px;font-weight:700}.info-label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:700}.info-value{font-size:14px}.text-accent{color:var(--accent)}.script-box{background-color:var(--background);border:1px solid var(--border);border-radius:var(--rounded-medium);color:var(--text-primary);white-space:pre-line;max-height:200px;padding:12px 16px;font-size:13px;line-height:1.6;overflow-y:auto}.btn-copied{background-color:var(--success-light)!important;color:var(--success)!important;border-color:var(--success)!important}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto;padding:var(--spacing-md)}.sidebar-title{margin-bottom:var(--spacing-sm);justify-content:center}.sidebar-menu{gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);flex-direction:row;justify-content:center;overflow-x:auto}.sidebar-item,.sidebar-item-active{white-space:nowrap;padding:8px 12px;font-size:13px}.main-content{max-height:none;padding:var(--spacing-md);overflow-y:visible}.sync-indicator-container{margin-bottom:var(--spacing-md);justify-content:center;display:flex;position:static}.metrics-grid{grid-template-columns:1fr}.kanban-board{padding-bottom:var(--spacing-md)}.ranking-table th,.ranking-table td{padding:8px;font-size:12px}}.login-wrapper{background-color:var(--background);z-index:999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.login-card{width:400px;max-width:90%;padding:var(--spacing-xl);flex-direction:column;display:flex}.login-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.login-error-alert{background-color:var(--danger-light);color:var(--danger);border:1px solid var(--danger);border-radius:var(--rounded-medium);text-align:left;margin-bottom:var(--spacing-md);padding:8px 12px;font-size:12px}.login-form{flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);text-align:left;flex-direction:column;display:flex}.form-group input{width:100%}