:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#242837;--border:#3d4462;--primary:#6c5ce7;--primary-hover:#7c6ef7;--accent:#a29bfe;--success:#00b894;--warning:#fdcb6e;--danger:#e17055;--text:#e4e6f0;--text2:#9ca3af;--text3:#6b7280;--radius:10px;--shadow:0 4px 24px #0000004d}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body[data-theme=light]{--bg:#f4f7fb;--surface:#fff;--surface2:#eef2f7;--border:#b8c8d8;--text:#18212f;--text2:#4f5f73;--text3:#7a8799;--shadow:0 10px 30px #0f172a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body[data-theme=light] .sidebar .logo{color:var(--text)}body[data-theme=light] .sidebar nav a:hover,body[data-theme=light] .sidebar nav a.active{color:var(--text);background:#6c5ce714}body[data-theme=light] tr:hover{background:#f6f8fb}body[data-theme=light] .btn-outline{background:#fff}body[data-theme=light] .selected-row td{color:var(--primary)!important}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%}.app-page{min-height:100vh}.marketing-shell{place-items:center;min-height:100vh;padding:32px;display:grid}.hero-card,.page-card,.login-card,.stat-card,.status-card,.placeholder-card,.route-card,.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{gap:24px;width:min(1080px,100%);padding:32px;display:grid}.eyebrow{background:color-mix(in srgb, var(--primary) 16%, transparent);width:fit-content;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.hero-title{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.hero-copy,.page-copy,.placeholder-copy,.field-help,.nav-meta,.metric-label,.summary-list,.summary-note,.user-role,.topbar-copy,.section-copy{color:var(--text2)}.hero-grid,.metric-grid,.summary-grid,.route-grid,.status-grid{gap:16px;display:grid}.hero-grid,.summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.route-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.status-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.summary-card,.route-card,.status-card,.stat-card{padding:18px}.summary-card strong,.route-card strong,.status-card strong,.stat-card strong,.user-name,.placeholder-title,.page-title,.section-title{color:var(--text);display:block}.hero-actions,.inline-actions,.login-actions{flex-wrap:wrap;gap:12px;display:flex}.btn,.btn-link{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary,.btn-outline,.btn-link{border-color:var(--border);color:var(--text);background:0 0}.btn-outline:hover,.btn-link:hover,.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));color:var(--danger);background:0 0}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:240px;padding:20px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar .logo{color:#fff;align-items:center;gap:10px;padding:0 24px 24px;font-size:1.3em;font-weight:700;display:flex}.sidebar .logo span{color:var(--primary)}.sidebar nav{flex:1;overflow-y:auto}.sidebar nav a{color:#c4c8d8;align-items:center;gap:12px;padding:12px 24px;font-size:.9em;font-weight:500;transition:all .2s;display:flex}.sidebar nav a:hover{color:#fff;background:#6c5ce714}.sidebar nav a.active{border-left:3px solid var(--primary);color:#fff;background:#6c5ce726;padding-left:21px;font-weight:600}.sidebar .user-info{border-top:1px solid var(--border);color:var(--text3);padding:16px 24px;font-size:.85em}.sidebar .user-info strong{color:var(--text);margin-bottom:2px;display:block}.main{flex:1;min-height:100vh;margin-left:240px;padding:32px}.login-card,.placeholder-card{padding:24px}.login-card{width:min(460px,100%)}.form-grid{gap:16px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--text2);font-size:.86rem;font-weight:600}.field input{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);border-radius:8px;padding:11px 12px}.field select{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);appearance:none;cursor:pointer;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='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;padding:11px 36px 11px 12px}.field input:focus,.field select:focus{border-color:var(--primary);outline:none}.page-stack{gap:24px;display:grid}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title{margin:0;font-size:1.6rem;font-weight:600}.section-title{margin:0;font-size:1.05rem}.page-card,.placeholder-card{padding:20px}.stat-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text3);font-size:.78rem}.stat-value{margin-top:8px;font-size:1.95rem;font-weight:700}.stat-note{color:var(--text2);margin-top:8px;font-size:.84rem}.stack-list,.summary-list,.placeholder-list{gap:10px;padding-left:18px;display:grid}.placeholder-list{margin:16px 0 0}.endpoint-pill{background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-radius:999px;align-items:center;margin:4px 8px 0 0;padding:6px 10px;font-size:.78rem;display:inline-flex}.notice{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:12px;padding:14px 16px}.notice strong{margin-bottom:6px;display:block}.error-banner{border-color:color-mix(in srgb, var(--danger) 30%, var(--border));background:color-mix(in srgb, var(--danger) 8%, transparent)}.empty-state{color:var(--text2)}.nav-badge{border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:.7rem}.nav-badge.migrated{color:var(--success);border-color:color-mix(in srgb, var(--success) 36%, var(--border))}.nav-badge.planned{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 36%, var(--border))}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:960px){.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;position:static}.main{margin-left:0;padding:20px}}@media (max-width:720px){.marketing-shell,.main{padding:16px}.hero-card,.login-card,.page-card,.placeholder-card{padding:18px}.sidebar .logo,.sidebar nav a,.sidebar .user-info{padding-left:16px;padding-right:16px}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stat-card .label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.8em}.stat-card .value{font-size:1.8em;font-weight:700}.stat-card .change{margin-top:4px;font-size:.8em}.stat-card .change.up{color:var(--success)}.stat-card .change.down{color:var(--danger)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-header h2{margin:0;font-size:1.1em;font-weight:600}.panel-body{padding:20px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:10px 12px;font-size:.75em}td{border-bottom:1px solid var(--border);color:var(--text);padding:12px;font-size:.9em}tr:hover{background:var(--surface2)}.btn-sm{padding:5px 10px;font-size:.8em}.form-group{margin-bottom:16px}.form-group label{color:var(--text2);margin-bottom:6px;font-size:.85em;font-weight:500;display:block}.form-control{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:.9em}.form-control:focus{border-color:var(--primary);outline:none}select.form-control{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='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}textarea.form-control{resize:vertical;min-height:100px}.badge{border-radius:4px;padding:3px 8px;font-size:.75em;font-weight:600;display:inline-block}.badge-product{color:#a29bfe;background:#6c5ce71f}.badge-service{color:#55efc4;background:#00b8941f}.badge-pending{color:var(--warning);background:#fdcb6e26}.badge-confirmed{color:var(--success);background:#00b89426}.badge-cancelled{color:var(--danger);background:#e1705526}.badge-completed{color:var(--accent);background:#6c5ce726}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:560px;max-width:95vw;max-height:90vh;box-shadow:var(--shadow);overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{margin:0;font-size:1.1em}.modal-close{color:var(--text3);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.3em;line-height:1}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.tabs{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;gap:0;margin-bottom:20px;display:flex;overflow-x:auto}.tab{color:var(--text3);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;padding:10px 20px;font-size:.9em;transition:all .2s}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.toast{pointer-events:auto;border-radius:8px;max-width:340px;padding:12px 20px;font-size:.9em;font-weight:500;animation:.3s slideIn}.toast.success{color:#5adfca;background:#0d2818;border:1px solid #00b89440}.toast.error{color:#f0a796;background:#2d1419;border:1px solid #e1705540}.toast.info{color:var(--accent);background:#1a1d2e;border:1px solid #6c5ce740}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.chat-bubble{border-radius:12px;max-width:80%;margin:6px 0;padding:10px 14px;position:relative}.chat-bubble.user{background:var(--primary);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.chat-bubble.bot{background:var(--surface2);color:var(--text);border-bottom-left-radius:4px;margin-right:auto}.bubble-role{opacity:.7;margin-bottom:2px;font-size:10px;font-weight:700}.bubble-text{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.4}.bubble-time{opacity:.5;text-align:right;margin-top:4px;font-size:10px}.selected-row{background:#6c5ce714!important}.selected-row td{color:var(--primary)!important}.stage-badge{background:var(--surface2);white-space:nowrap;border:1px solid var(--border);border-radius:10px;padding:2px 8px;font-size:11px}.channel-tag{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:1px 6px;font-size:.7em;font-weight:700}.tag-wa{color:#25d366;background:#25d3661f}.tag-tg{color:#74b9ff;background:#74b9ff1a}.lead-name{margin-bottom:1px;font-weight:600;display:block}.toolbar-stack{flex-direction:column;align-items:flex-end;gap:10px;width:min(980px,100%);display:flex}.toolbar-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;width:100%;display:flex}.search-control{flex:260px;min-width:260px;position:relative}.search-control input{width:100%}.color-picker{border:1px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:10px;flex-shrink:0;width:52px;height:44px;padding:4px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:8px}.color-picker::-moz-color-swatch{border:none;border-radius:8px}@media (max-width:800px){.sidebar{width:60px}.sidebar .logo span,.sidebar nav a span,.sidebar .user-info{display:none}.sidebar nav a{justify-content:center;padding:12px}.main{margin-left:60px;padding:16px}.pipeline-grid{grid-template-columns:1fr!important}}@media (max-width:900px){.branding-preview,.color-input-grid{grid-template-columns:1fr}}@media (max-width:1024px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.toolbar-stack{align-items:stretch}.toolbar-row,.filter-summary{justify-content:flex-start}}