:root{--c-bg:#f3f4f6;--c-surface:#fff;--c-elevated:#fff;--c-border:#0000000f;--c-border-strong:#0000001a;--c-text:#111827;--c-text-secondary:#6b7280;--c-text-muted:#9ca3af;--c-text-placeholder:#d1d5db;--c-primary:#5b8def;--c-primary-hover:#4a7dd8;--c-accent:#5b8def;--c-accent-hover:#4a7dd8;--c-accent-subtle:#dce8f7;--c-success:#34a373;--c-success-bg:#e2f2ea;--c-danger:#e06666;--c-danger-bg:#f5dcdc;--c-danger-text:#b54a4a;--c-warning:#d99a4a;--c-warning-bg:#f5ebd4;--c-info:#5b8def;--c-info-bg:#dce8f7;--c-hover:#f9fafb;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 20px 60px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-container{background:var(--c-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--c-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:2.5rem}.login-box h1{color:var(--c-text);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.login-box h2{color:var(--c-text-secondary);margin-bottom:1.75rem;font-size:.9375rem;font-weight:400}.field{margin-bottom:1rem}.field label{color:#374151;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.field input{border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-surface);width:100%;height:2.5rem;padding:0 .875rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--c-accent);outline:none;box-shadow:0 0 0 3px #5b8def14}button[type=submit]{background:var(--c-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:.75rem;font-size:.9375rem;font-weight:600;transition:background .15s}button[type=submit]:hover:not(:disabled){background:var(--c-primary-hover)}button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.error{background:var(--c-danger-bg);color:var(--c-danger-text);border-radius:var(--radius-md);border:1px solid #fecaca;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.loading{text-align:center;color:var(--c-text-secondary);padding:3rem;font-size:.9375rem}.conversations-page{background:var(--c-surface);max-width:680px;min-height:100vh;box-shadow:var(--shadow-sm);margin:0 auto}.conversations-page header{border-bottom:1px solid var(--c-border);background:var(--c-surface);z-index:10;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex;position:sticky;top:0}.tenant-info h1{letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.sender-badge{color:var(--c-text-muted);margin-top:.125rem;font-size:.75rem}.sender-badge strong{color:var(--c-text-secondary);font-weight:500}.settings-link{padding:.25rem;font-size:1.25rem;text-decoration:none}.conversation-list{flex-direction:column;display:flex}.conversation-item{border-bottom:1px solid var(--c-border);color:inherit;justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;transition:background .15s;display:flex}.conversation-item:hover{background:var(--c-hover)}.conversation-info{flex:1;min-width:0}.conversation-info .name{color:var(--c-text);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.conversation-info .phone{color:var(--c-text-secondary);margin-top:.125rem;font-size:.8125rem}.conversation-info .preview{color:var(--c-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;font-size:.875rem;overflow:hidden}.conversation-meta{text-align:right;flex-shrink:0;margin-left:1rem}.conversation-meta .status{border-radius:999px;margin-bottom:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:block}.status.open{background:var(--c-info-bg);color:var(--c-info)}.conversation-meta .time{color:var(--c-text-muted);font-size:.75rem}.empty{text-align:center;color:var(--c-text-secondary);padding:3rem}.desk-selector{border-bottom:1px solid var(--c-border);background:var(--c-hover);align-items:center;gap:.5rem;padding:.5rem 1.25rem;display:flex}.desk-selector label{color:var(--c-text-secondary);font-size:.8125rem;font-weight:500}.desk-selector select{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);flex:1;height:2rem;padding:0 .5rem;font-size:.875rem}.chat-page{background:var(--c-surface);max-width:680px;min-height:100vh;box-shadow:var(--shadow-sm);flex-direction:column;margin:0 auto;display:flex}.chat-header{border-bottom:1px solid var(--c-border);background:var(--c-surface);z-index:10;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.back-btn{color:var(--c-text-secondary);cursor:pointer;white-space:nowrap;border-radius:var(--radius-md);background:0 0;border:none;min-width:80px;padding:.625rem 1rem;font-size:1rem;font-weight:600;transition:background .15s,color .15s}.back-btn:hover{background:var(--c-hover);color:var(--c-text)}.chat-title{flex:1;min-width:0}.chat-title h2{letter-spacing:-.01em;font-size:1rem;font-weight:600;line-height:1.2}.chat-subtitle{color:var(--c-text-muted);font-size:.75rem}.messages{background:var(--c-bg);flex-direction:column;flex:1;gap:.75rem;padding:1.25rem;display:flex;overflow-y:auto}.message{border-radius:var(--radius-lg);max-width:80%;box-shadow:var(--shadow-sm);padding:.625rem .875rem;font-size:.9375rem;line-height:1.4}.message.inbound{background:var(--c-surface);border-bottom-left-radius:4px;align-self:flex-start}.message.outbound{color:#1e3a5f;background:#dbeafe;border-bottom-right-radius:4px;align-self:flex-end}.message-direction{opacity:.6;margin-bottom:.125rem;font-size:.6875rem;font-weight:500}.message.outbound .message-direction{color:#5b8def}.message-content{word-wrap:break-word}.message-meta{opacity:.7;gap:.5rem;margin-top:.25rem;font-size:.6875rem;display:flex}.status-badge.sent{color:var(--c-warning)}.status-badge.delivered{color:var(--c-success)}.status-badge.read{color:var(--c-info)}.status-badge.failed{color:var(--c-danger)}.status-badge.pending{color:var(--c-text-muted)}.message-input{border-top:1px solid var(--c-border);background:var(--c-surface);gap:.5rem;padding:.75rem 1rem;display:flex;position:relative}.message-input input{border:1px solid var(--c-border-strong);background:var(--c-hover);border-radius:999px;outline:none;flex:1;height:2.75rem;padding:0 1rem;font-size:.9375rem;transition:border-color .15s,background .15s}.message-input input:focus{border-color:var(--c-accent);background:var(--c-surface)}.message-input button{background:var(--c-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;height:2.75rem;padding:0 1.5rem;font-size:.9375rem;font-weight:600;transition:background .15s}.message-input button:hover:not(:disabled){background:var(--c-primary-hover)}.message-input button:disabled{opacity:.5;cursor:not-allowed}.message-input .template-btn{background:var(--c-hover);color:var(--c-text-secondary);border-radius:999px;padding:.625rem .75rem;font-size:1rem}.message-input .template-btn:hover{background:#e5e7eb}.template-picker-inline{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;padding:.5rem;position:absolute;bottom:calc(100% + .5rem);left:1rem;right:1rem}.template-picker-inline select{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);width:100%;padding:.5rem;font-size:.9375rem}.settings-page{background:var(--c-surface);max-width:680px;min-height:100vh;box-shadow:var(--shadow-sm);margin:0 auto}.settings-page header{border-bottom:1px solid var(--c-border);background:var(--c-surface);z-index:10;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex;position:sticky;top:0}.back-link{color:var(--c-text-secondary);cursor:pointer;white-space:nowrap;border-radius:var(--radius-md);min-width:80px;padding:.625rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.back-link:hover{background:var(--c-hover);color:var(--c-text)}.settings-page header h1{letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.settings-content{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.settings-card{background:var(--c-surface);border-radius:var(--radius-lg);border:1px solid var(--c-border);box-shadow:var(--shadow-sm);padding:1.25rem}.settings-card h2{color:var(--c-text);letter-spacing:-.01em;margin-bottom:1rem;font-size:1rem;font-weight:700}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-header h2{margin-bottom:0}.setting-row{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:.625rem 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-row label{color:var(--c-text-secondary);font-size:.875rem;font-weight:400}.setting-row span{color:var(--c-text);font-size:.875rem;font-weight:500}.setting-row .mono{color:var(--c-text-muted);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.75rem}.setting-row .phone{color:var(--c-accent);font-weight:600}.badge{border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-block}.badge.pending{background:var(--c-warning-bg);color:var(--c-warning)}.badge.connected,.badge.active{background:var(--c-success-bg);color:var(--c-success)}.badge.inactive{background:var(--c-danger-bg);color:var(--c-danger)}.settings-desc{color:var(--c-text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.connect-btn{background:var(--c-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:.875rem;font-size:.9375rem;font-weight:600;transition:background .15s}.connect-btn:hover{background:var(--c-primary-hover)}.desk-form{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1.25rem}.desk-form h3{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1rem;font-weight:700}.desk-form-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.875rem;margin-bottom:1rem;padding:1.25rem;display:flex}.desk-form-card h3{color:var(--c-text);letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.required{color:var(--c-danger)}.desks-list{flex-direction:column;gap:.75rem;display:flex}.desk-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:1rem;transition:border-color .15s,box-shadow .15s}.desk-item:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-sm)}.desk-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.desk-details{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.detail-row{gap:.5rem;font-size:.875rem;display:flex}.detail-row .label{color:var(--c-text-muted);min-width:70px;font-weight:400}.detail-row .value{color:var(--c-text);font-weight:500}.desk-actions{gap:.5rem;display:flex}.btn-small:hover{background:var(--c-primary-hover)}.btn-small.btn-danger{color:var(--c-danger);border:1px solid var(--c-danger);background:0 0}.btn-small.btn-danger:hover{background:var(--c-danger-bg)}.form-actions{gap:.5rem;margin-top:.75rem;display:flex}.form-actions button{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;height:2.5rem;padding:0 1rem;font-size:.9375rem;font-weight:600;transition:background .15s}.form-actions button:not(.cancel-btn){background:var(--c-primary);color:#fff}.form-actions button:not(.cancel-btn):hover{background:var(--c-primary-hover)}.form-actions .cancel-btn{background:var(--c-hover);color:var(--c-text-secondary)}.form-actions .cancel-btn:hover{color:var(--c-text);background:#e5e7eb}.nav-links{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.nav-links button.nav-link{background:var(--c-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;height:2rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:background .15s}.nav-links button.nav-link:hover{background:var(--c-primary-hover)}.nav-link{color:var(--c-text-secondary);border-radius:var(--radius-sm);padding:.375rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{background:var(--c-hover);color:var(--c-text)}.nav-link.icon-btn{color:var(--c-text-secondary);background:0 0;padding:.375rem .5rem;font-size:1rem}.nav-link.icon-btn:hover{background:var(--c-hover)}.menu-dropdown{position:relative}.menu-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;min-width:180px;padding:.375rem;position:absolute;top:calc(100% + .25rem);right:0}.menu-panel a,.menu-panel button{text-align:left;width:100%;color:var(--c-text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:background .1s;display:block}.menu-panel a:hover,.menu-panel button:hover{background:var(--c-hover)}.menu-panel hr{border:none;border-top:1px solid var(--c-border);margin:.25rem 0}.launcher-page{background:var(--c-surface);max-width:680px;min-height:100vh;box-shadow:var(--shadow-sm);margin:0 auto}.launcher-page header{border-bottom:1px solid var(--c-border);background:var(--c-surface);z-index:10;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex;position:sticky;top:0}.launcher-header-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.launcher-header-inner h1{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.launcher-header-inner p{color:var(--c-text-secondary);margin:.125rem 0 0;font-size:.875rem}.logout-btn{background:var(--c-hover);color:var(--c-text-secondary);border:1px solid var(--c-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:flex}.logout-btn:hover{background:var(--c-danger-bg);color:var(--c-danger);border-color:var(--c-danger)}.launcher-page main{flex-direction:column;padding:1.25rem;display:flex}.launcher-section-title{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.launcher-card-list{flex-direction:column;gap:.75rem;display:flex}.launcher-card-list .launcher-card+.launcher-card{margin-top:0}.launcher-quick-links{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0000004d;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--c-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:90vh;box-shadow:var(--shadow-xl);padding:1.5rem;overflow-y:auto}.modal h2{letter-spacing:-.01em;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.modal-actions{gap:.5rem;margin-top:1rem;display:flex}.modal-actions button{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:.625rem;font-size:.9375rem;font-weight:600;transition:background .15s}.modal-actions button[type=submit]{background:var(--c-primary);color:#fff}.modal-actions button[type=submit]:hover{background:var(--c-primary-hover)}.modal-actions .cancel-btn{background:var(--c-hover);color:var(--c-text-secondary)}.modal-actions .cancel-btn:hover{color:var(--c-text);background:#e5e7eb}.modal-card{background:var(--c-surface);border-radius:var(--radius-lg);width:100%;max-width:420px;max-height:90vh;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.modal-card-header{border-bottom:1px solid var(--c-border);padding:1.25rem 1.5rem .75rem}.modal-card-header h2{color:var(--c-text);letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.modal-subtitle{color:var(--c-text-secondary);margin:.25rem 0 0;font-size:.8125rem}.modal-card-body{flex-direction:column;gap:.875rem;padding:1rem 1.5rem;display:flex;overflow-y:auto}.modal-field{flex-direction:column;gap:.375rem;display:flex}.modal-field label{color:#374151;font-size:.8125rem;font-weight:500}.modal-field label .optional{color:var(--c-text-muted);font-weight:400}.modal-field .field-hint{color:var(--c-text-secondary);margin:0;font-size:.75rem;line-height:1.4}.modal-field input,.modal-field select{border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-surface);width:100%;height:2.5rem;padding:0 .875rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.modal-field input:focus,.modal-field select:focus{border-color:var(--c-accent);outline:none;box-shadow:0 0 0 3px #5b8def14}.modal-card-actions{border-top:1px solid var(--c-border);gap:.5rem;padding:.75rem 1.5rem 1.25rem;display:flex}.modal-card-actions button{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:.625rem;font-size:.9375rem;font-weight:600;transition:background .15s}.modal-card-actions .modal-primary{background:var(--c-primary);color:#fff}.modal-card-actions .modal-primary:hover:not(:disabled){background:var(--c-primary-hover)}.modal-card-actions .modal-primary:disabled{opacity:.5;cursor:not-allowed}.modal-card-actions .modal-cancel{background:var(--c-hover);color:var(--c-text-secondary)}.modal-card-actions .modal-cancel:hover{color:var(--c-text);background:#e5e7eb}.template-builder-page{background:var(--c-bg);min-height:100vh}.builder-top-header{border-bottom:1px solid var(--c-border);background:var(--c-surface);z-index:10;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;display:flex;position:sticky;top:0}.builder-top-header h1{letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.builder-layout{gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem;display:flex}.builder-workspace{flex:1;align-items:flex-start;gap:1.5rem;display:flex}.builder-form-stack{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.builder-picklist-stack{flex-direction:column;flex-shrink:0;gap:1rem;width:280px;max-height:calc(100vh - 140px);display:flex;position:sticky;top:70px;overflow-y:auto}.builder-body-section>label{color:#374151;font-size:.8125rem;font-weight:500;line-height:1.25}.body-textarea-fixed{border:1px solid var(--c-border-strong);border-radius:var(--radius-md);resize:vertical;background:var(--c-surface);width:100%;height:320px;padding:.875rem;font-family:inherit;font-size:.9375rem;line-height:1.5;transition:border-color .15s,box-shadow .15s;overflow-y:auto}.body-textarea-fixed:focus{border-color:var(--c-accent);outline:none;box-shadow:0 0 0 3px #5b8def14}.builder-signature-row{flex-direction:column;gap:.5rem;display:flex}.signature-header{align-items:center;gap:.75rem;display:flex}.signature-header label{color:#374151;cursor:pointer;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.signature-header input[type=checkbox]{width:16px;height:16px;accent-color:var(--c-primary);cursor:pointer}.signature-textarea,.signature-editor{border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-surface);width:100%;padding:.875rem;font-family:inherit;font-size:.9375rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}.signature-textarea{resize:vertical}.signature-editor{white-space:pre-wrap;outline:none;min-height:120px;overflow-y:auto}.signature-editor:focus,.signature-textarea:focus{border-color:var(--c-accent);outline:none;box-shadow:0 0 0 3px #5b8def14}.builder-preview-row{z-index:5;background:var(--c-surface);position:sticky;top:70px}.builder-sidebar{flex-direction:column;flex-shrink:0;gap:.75rem;width:300px;display:flex}.sidebar-search{gap:.5rem;display:flex}.sidebar-search input{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);flex:1;padding:.5rem .75rem;font-size:.875rem}.template-list-scroll{flex-direction:column;gap:.5rem;max-height:calc(100vh - 160px);display:flex;overflow-y:auto}.template-list-item{border:1px solid var(--c-border);border-radius:var(--radius-md);cursor:pointer;background:var(--c-surface);padding:.875rem;transition:background .15s,border-color .15s,box-shadow .15s}.template-list-item:hover{background:var(--c-hover);border-color:var(--c-border-strong)}.template-list-item.active{border-color:var(--c-text);background:var(--c-hover);box-shadow:var(--shadow-sm)}.template-list-top{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.template-list-top strong{color:var(--c-text);font-size:.9375rem;font-weight:600}.template-list-channels{flex-wrap:wrap;gap:.25rem;margin-bottom:.375rem;display:flex}.channel-pill-small{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em;padding:.15rem .4rem;font-size:.625rem;font-weight:600}.channel-pill-small.noreply{background:var(--c-danger-bg);color:var(--c-danger)}.template-list-preview{color:var(--c-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.8125rem;overflow:hidden}.template-list-meta{color:var(--c-text-muted);font-size:.75rem}.builder-main{flex:1;min-width:0}.builder-top-row{grid-template-columns:2fr 1.5fr 1fr;gap:1rem;display:grid}.builder-field{flex-direction:column;gap:.375rem;display:flex}.builder-field label{color:#374151;font-size:.8125rem;font-weight:500}.builder-field input,.builder-field select{border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-surface);width:100%;padding:.625rem .875rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.builder-field input:focus,.builder-field select:focus{border-color:var(--c-accent);outline:none;box-shadow:0 0 0 3px #5b8def14}.meta-hint{color:var(--c-text-muted);font-size:.75rem}.builder-channels-row{background:var(--c-hover);border:1px solid var(--c-border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem;display:flex}.builder-channels-row>label{color:#374151;font-size:.8125rem;font-weight:500}.channel-toggle-group{gap:.75rem;display:flex}.channel-toggle{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;transition:all .15s;display:flex}.channel-toggle.active{border-color:var(--c-text);background:var(--c-hover)}.channel-toggle input{width:auto;margin:0}.noreply-toggle{cursor:pointer;color:var(--c-text-secondary);align-items:center;gap:.375rem;margin-left:auto;font-size:.875rem;display:flex}.noreply-toggle input{width:auto;margin:0}.builder-body-section{flex-direction:column;gap:.5rem;display:flex}.tree-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tree-header{text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-secondary);background:var(--c-hover);border-bottom:1px solid var(--c-border);padding:.5rem .75rem;font-size:.75rem;font-weight:600}.tree-body{flex:1;padding:.25rem 0;overflow-y:auto}.tree-node{flex-direction:column;display:flex}.tree-node-header{width:100%;color:var(--c-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.8125rem;font-weight:500;transition:background .1s;display:flex}.tree-node-header:hover{background:var(--c-hover)}.tree-arrow{color:var(--c-text-muted);text-align:center;flex-shrink:0;width:.75rem;font-size:.625rem}.tree-icon{flex-shrink:0}.tree-label{flex:1;min-width:0}.tree-count{color:var(--c-text-secondary);background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:.0625rem .375rem;font-size:.6875rem;font-weight:500}.tree-children{border-left:1px solid var(--c-border);flex-direction:column;margin-left:.625rem;padding-left:.5rem;display:flex}.tree-leaf{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.8125rem;transition:background .1s;display:flex}.tree-leaf:hover{background:var(--c-hover)}.tree-leaf-code{color:var(--c-text-secondary);white-space:nowrap;background:0 0;border-radius:0;padding:0;font-family:monospace;font-size:.75rem;font-weight:500}.tree-leaf-label{color:var(--c-text-secondary);font-size:.75rem}.tree-hint{opacity:.6;margin-left:auto;font-size:.75rem}.tree-custom{border-top:1px solid var(--c-border);gap:.25rem;margin-top:.25rem;padding:.5rem .75rem;display:flex}.tree-custom input{border:1px solid var(--c-border-strong);background:var(--c-surface);border-radius:4px;flex:1;padding:.375rem .5rem;font-size:.8125rem}.tree-custom button{background:var(--c-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:background .15s}.tree-custom button:hover{background:var(--c-primary-hover)}.format-toolbar{background:var(--c-hover);border:1px solid var(--c-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:.375rem;padding:.5rem;display:flex;position:relative}.format-toolbar button{background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);cursor:pointer;color:var(--c-text);padding:.375rem .625rem;font-size:.875rem;line-height:1.2;transition:background .1s,border-color .1s}.format-toolbar button:hover{background:var(--c-hover);border-color:var(--c-border)}.format-toolbar .color-picker-btn{background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);cursor:pointer;color:var(--c-text);align-items:center;padding:.375rem .625rem;font-size:.875rem;line-height:1.2;transition:background .1s,border-color .1s;display:inline-flex;position:relative}.format-toolbar .color-picker-btn:hover{background:var(--c-hover);border-color:var(--c-border)}.color-picker-popup{z-index:100;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:.5rem;padding:.75rem;display:flex;position:absolute}.color-picker-popup input[type=color]{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);cursor:pointer;width:100%;height:2.5rem}.color-picker-actions{justify-content:flex-end;gap:.5rem;display:flex}.message-content strong{font-weight:700}.message-content em{font-style:italic}.message-content del{opacity:.8;text-decoration:line-through}.message-content a{color:inherit;text-decoration:underline}.message.outbound .message-content a{color:#5b8def}.builder-actions-row{border-top:1px solid var(--c-border);gap:1rem;padding:1rem 0;display:flex}.builder-actions-row button{border-radius:var(--radius-md);cursor:pointer;border:none;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background .15s}.builder-actions-row .save-btn{background:var(--c-primary);color:#fff}.builder-actions-row .save-btn:hover:not(:disabled){background:var(--c-primary-hover)}.builder-actions-row .submit-btn{background:var(--c-success);color:#fff}.builder-actions-row .submit-btn:hover{background:#2a8c63}.builder-actions-row .cancel-btn{background:var(--c-hover);color:var(--c-text-secondary)}.builder-actions-row .cancel-btn:hover{color:var(--c-text);background:#e5e7eb}.button-inputs{flex-direction:column;gap:.5rem;display:flex}.button-input-item{align-items:center;gap:.5rem;display:flex}.preset-buttons{gap:.5rem;display:flex}.pending-notice{background:var(--c-warning-bg);color:var(--c-warning);border-radius:var(--radius-md);border:1px solid #fde68a;padding:.75rem;font-size:.875rem}.contacts-page{background:var(--c-surface);max-width:680px;min-height:100vh;box-shadow:var(--shadow-sm);margin:0 auto}.contacts-page header{border-bottom:1px solid var(--c-border);background:var(--c-surface);z-index:10;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex;position:sticky;top:0}.contacts-page header h1{letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.contacts-page header .actions{align-items:center;gap:.5rem;display:flex}.filters{border-bottom:1px solid var(--c-border);background:var(--c-hover);align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.filters input{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);flex:1;height:2.25rem;padding:0 .75rem;font-size:.875rem}.filters select{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);height:2.25rem;padding:0 .75rem;font-size:.875rem}.filters button{background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);cursor:pointer;height:2.25rem;color:var(--c-text-secondary);min-width:80px;padding:0 .875rem;font-size:.8125rem;font-weight:500;transition:background .15s,border-color .15s}.filters button:hover{background:var(--c-hover);border-color:var(--c-border-strong)}.contact-list{flex-direction:column;display:flex}.contact-row{border-bottom:1px solid var(--c-border);color:inherit;align-items:center;gap:.75rem;padding:.875rem 1.25rem;text-decoration:none;transition:background .15s;display:flex}.contact-row:hover{background:var(--c-hover)}.contact-row .checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--c-primary)}.contact-info{flex:1;min-width:0}.contact-info .name{color:var(--c-text);font-size:.9375rem;font-weight:600}.contact-info .role{color:var(--c-text-secondary);font-size:.8125rem}.contact-info .tags{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}.tag-pill{background:var(--c-hover);color:var(--c-text-secondary);border-radius:4px;padding:.125rem .375rem;font-size:.6875rem;font-weight:500}.contact-actions{gap:.375rem;display:flex}.contact-actions button{background:var(--c-hover);border-radius:var(--radius-sm);cursor:pointer;color:var(--c-text-secondary);border:none;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:background .1s,color .1s}.contact-actions button:hover{background:var(--c-hover);color:var(--c-text)}.broadcast-preview{background:var(--c-hover);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text-secondary);white-space:pre-wrap;min-height:80px;padding:.75rem;font-size:.875rem;line-height:1.5}.broadcast-section{margin-bottom:1rem}.broadcast-section label{color:#374151;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.broadcast-section select,.broadcast-section input{border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-surface);width:100%;padding:.5rem .75rem;font-size:.9375rem}.broadcast-section select:focus,.broadcast-section input:focus{border-color:var(--c-accent);outline:none;box-shadow:0 0 0 3px #5b8def14}.broadcast-actions{gap:.5rem;display:flex}.broadcast-actions button{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:.625rem;font-size:.9375rem;font-weight:600;transition:background .15s}.broadcast-actions .send-btn{background:var(--c-primary);color:#fff}.broadcast-actions .send-btn:hover{background:var(--c-primary-hover)}.broadcast-actions .cancel-btn{background:var(--c-hover);color:var(--c-text-secondary)}.broadcast-actions .cancel-btn:hover{color:var(--c-text);background:#e5e7eb}.csv-guide{background:var(--c-hover);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:1rem;font-size:.875rem}.csv-guide h4{color:var(--c-text);margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.csv-guide pre{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);margin:.5rem 0;padding:.75rem;font-size:.8125rem;overflow-x:auto}.csv-guide ul{color:var(--c-text-secondary);margin:.5rem 0 0 1.25rem}.csv-guide ul li{margin-bottom:.25rem}.admin-page{background:var(--c-surface);max-width:680px;min-height:100vh;box-shadow:var(--shadow-sm);margin:0 auto}.admin-page header{border-bottom:1px solid var(--c-border);background:var(--c-surface);z-index:10;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex;position:sticky;top:0}.admin-page header h1{letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.admin-content{padding:1.25rem}.tenant-list{flex-direction:column;gap:.75rem;display:flex}.tenant-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:1rem;transition:border-color .15s,box-shadow .15s}.tenant-item:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-sm)}.tenant-item h3{color:var(--c-text);margin-bottom:.25rem;font-size:1rem;font-weight:600}.tenant-item p{color:var(--c-text-secondary);margin-bottom:.5rem;font-size:.8125rem}.tenant-item .meta{color:var(--c-text-muted);font-size:.75rem}.status-badge.draft{background:var(--c-hover);color:var(--c-text-secondary)}.status-badge.pending{background:var(--c-warning-bg);color:var(--c-warning)}.status-badge.approved{background:var(--c-success-bg);color:var(--c-success)}.status-badge.rejected{background:var(--c-danger-bg);color:var(--c-danger)}.channel-pill{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:.125rem .375rem;font-size:.625rem;font-weight:600}.channel-pill.whatsapp{background:var(--c-success-bg);color:var(--c-success)}.channel-pill.sms{background:var(--c-info-bg);color:var(--c-info)}.channel-pill.email{background:var(--c-warning-bg);color:var(--c-warning)}.import-result{background:var(--c-hover);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:1rem}.import-result h4{margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.import-result p{color:var(--c-text-secondary);margin-bottom:.25rem;font-size:.875rem}.import-result .created-count{color:var(--c-success);font-weight:600}.import-result .skipped-count{color:var(--c-warning);font-weight:600}.import-result .failed-count{color:var(--c-danger);font-weight:600}@media (width<=768px){.builder-layout{flex-direction:column;padding:1rem}.builder-sidebar{width:100%}.builder-top-row{grid-template-columns:1fr}.builder-workspace{flex-direction:column}.builder-picklist-stack{width:100%;max-height:none;position:static}}@media (width<=1024px){.builder-workspace{flex-direction:column}.builder-picklist-stack{width:100%;max-height:none;position:static}}.page-container{background:var(--c-surface);max-width:900px;min-height:100vh;box-shadow:var(--shadow-sm);margin:0 auto}.page-header{border-bottom:1px solid var(--c-border);background:var(--c-surface);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.875rem 1.25rem;display:flex;position:sticky;top:0}.page-header h1{letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.header-actions select{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);height:2.25rem;padding:0 .75rem;font-size:.875rem}.section-header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.section-header h2{font-size:1rem;font-weight:600}.empty-state{text-align:center;color:var(--c-text-secondary);padding:3rem}.error-banner{background:var(--c-danger-bg);color:var(--c-danger-text);border-bottom:1px solid #fecaca;padding:.75rem 1rem;font-size:.875rem}.btn-primary{background:var(--c-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;height:2.25rem;padding:0 .875rem;font-size:.8125rem;font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--c-hover);height:2.25rem;color:var(--c-text-secondary);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);cursor:pointer;padding:0 .875rem;font-size:.8125rem;font-weight:600;transition:background .15s}.btn-secondary:hover{color:var(--c-text);background:#e5e7eb}.btn-danger{background:var(--c-danger-bg);height:2.25rem;color:var(--c-danger-text);border:1px solid var(--c-danger);border-radius:var(--radius-sm);cursor:pointer;padding:0 .875rem;font-size:.8125rem;font-weight:600;transition:background .15s}.btn-danger:hover{background:var(--c-danger);color:#fff}.btn-small{background:var(--c-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;height:1.75rem;padding:0 .625rem;font-size:.75rem;font-weight:600;transition:background .15s}.btn-small:hover:not(:disabled){background:var(--c-primary-hover)}.btn-small:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:1.5rem;height:1.5rem;color:var(--c-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;font-size:1rem;transition:background .1s,color .1s}.btn-icon:hover{background:var(--c-danger-bg);color:var(--c-danger)}.form-group{flex-direction:column;gap:.375rem;margin-bottom:.875rem;display:flex}.form-group label{color:#374151;font-size:.8125rem;font-weight:500}.form-group input,.form-group select{border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-surface);height:2.5rem;padding:0 .875rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus{border-color:var(--c-accent);outline:none;box-shadow:0 0 0 3px #5b8def14}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.modal-wide{max-width:560px}.badge-open{background:var(--c-info-bg);color:var(--c-info)}.badge-partial{background:var(--c-warning-bg);color:var(--c-warning)}.badge-filled{background:var(--c-success-bg);color:var(--c-success)}.badge-cancelled{background:var(--c-danger-bg);color:var(--c-danger)}.badge-offered{background:var(--c-info-bg);color:var(--c-info)}.badge-accepted{background:var(--c-success-bg);color:var(--c-success)}.badge-declined{background:var(--c-danger-bg);color:var(--c-danger)}.badge-noresponse{background:var(--c-warning-bg);color:var(--c-warning)}.badge-confirmed{background:var(--c-success-bg);color:var(--c-success)}.badge-pending{background:var(--c-warning-bg);color:var(--c-warning)}.badge-approved{background:var(--c-success-bg);color:var(--c-success)}.badge-rejected{background:var(--c-danger-bg);color:var(--c-danger)}.badge-sent{background:var(--c-success-bg);color:var(--c-success)}.badge-failed{background:var(--c-danger-bg);color:var(--c-danger)}.badge-available{background:var(--c-success-bg);color:var(--c-success)}.badge-unavailable{background:var(--c-danger-bg);color:var(--c-danger)}.badge-tentative{background:var(--c-warning-bg);color:var(--c-warning)}.jobs-list{flex-direction:column;display:flex}.job-card{border-bottom:1px solid var(--c-border);color:inherit;padding:1rem 1.25rem;text-decoration:none;transition:background .15s;display:block}.job-card:hover{background:var(--c-hover)}.job-card-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.job-card-header h3{font-size:1rem;font-weight:600}.job-card-meta{color:var(--c-text-secondary);margin-bottom:.25rem;font-size:.8125rem}.job-card-time{color:var(--c-text-secondary);margin-bottom:.375rem;font-size:.8125rem}.job-card-stats{color:var(--c-text-muted);margin-bottom:.375rem;font-size:.8125rem}.job-card-tags{flex-wrap:wrap;gap:.25rem;display:flex}.tag{background:var(--c-hover);color:var(--c-text-secondary);border-radius:4px;padding:.125rem .375rem;font-size:.6875rem;font-weight:500}.job-detail-card{border-bottom:1px solid var(--c-border);padding:1rem 1.25rem}.job-detail-card .detail-row{gap:.5rem;padding:.375rem 0;font-size:.875rem;display:flex}.job-detail-card .detail-row label{color:var(--c-text-muted);min-width:120px;font-weight:500}.assignments-list{flex-direction:column;display:flex}.assignment-row{border-bottom:1px solid var(--c-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.875rem 1.25rem;display:flex}.assignment-info{flex:1;align-items:center;gap:.5rem;display:flex}.assignment-name{font-size:.9375rem;font-weight:600}.assignment-meta{color:var(--c-text-secondary);width:100%;font-size:.8125rem}.contact-select-list{flex-direction:column;gap:.25rem;max-height:300px;margin-bottom:1rem;display:flex;overflow-y:auto}.contact-select-item{cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem;transition:background .1s;display:flex}.contact-select-item:hover{background:var(--c-hover)}.contact-select-item input{width:auto}.contact-channel{color:var(--c-text-muted);margin-left:auto;font-size:.75rem}.batch-list{flex-direction:column;display:flex}.batch-card{border-bottom:1px solid var(--c-border);padding:1rem 1.25rem;transition:background .15s}.batch-card:hover{background:var(--c-hover)}.batch-card-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.batch-card-header h3{font-size:1rem;font-weight:600}.batch-card-meta{color:var(--c-text-secondary);margin-bottom:.25rem;font-size:.8125rem}.batch-card-stats{color:var(--c-text-muted);margin-bottom:.5rem;font-size:.8125rem}.batch-card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.batch-detail-stats{color:var(--c-text-secondary);border-bottom:1px solid var(--c-border);background:var(--c-hover);gap:1rem;padding:.75rem 1.25rem;font-size:.875rem;display:flex}.batch-actions-bar{border-bottom:1px solid var(--c-border);background:var(--c-hover);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.message-review-list{flex-direction:column;display:flex}.message-review-card{border-bottom:1px solid var(--c-border);align-items:flex-start;gap:.75rem;padding:.875rem 1.25rem;display:flex}.message-review-card input{width:auto;margin-top:.25rem}.message-review-content{flex:1}.message-review-to{margin-bottom:.25rem;font-size:.8125rem;font-weight:500}.message-review-body{margin-bottom:.375rem;font-size:.9375rem;line-height:1.4}.message-review-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.error-text{color:var(--c-danger);font-size:.8125rem}.availability-list{flex-direction:column;gap:1rem;padding:1rem 1.25rem;display:flex}.availability-group h3{margin-bottom:.5rem;font-size:1rem;font-weight:600}.availability-dates{flex-wrap:wrap;gap:.5rem;display:flex}.availability-chip{background:var(--c-hover);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.availability-note{color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.75rem;overflow:hidden}.signup-box{background:var(--c-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;padding:2rem 2.5rem}.signup-box h1{color:var(--c-text);letter-spacing:-.02em;text-align:center;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.signup-box .subtitle{text-align:center;color:var(--c-text-secondary);margin-bottom:1.5rem;font-size:.9375rem}.step-indicator{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.step-dot{background:var(--c-bg);width:2rem;height:2rem;color:var(--c-text-muted);border-radius:999px;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.step-dot.active{background:var(--c-text);color:#fff}.step-dot.completed{background:var(--c-success);color:#fff}.step-label{color:var(--c-text);margin-bottom:1rem;font-size:1rem;font-weight:600}.step-hint{color:var(--c-text-secondary);margin-bottom:1rem;font-size:.875rem}.path-options{flex-direction:column;gap:.75rem;display:flex}.path-card{border:1.5px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);cursor:pointer;text-align:left;align-items:flex-start;gap:1rem;width:100%;padding:1rem;transition:border-color .15s,box-shadow .15s;display:flex}.path-card:hover{border-color:var(--c-border-strong)}.path-card.selected{border-color:var(--c-text);background:var(--c-hover)}.path-card .path-icon{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.path-card .path-icon.blue{background:var(--c-primary)}.path-card .path-icon.green{background:var(--c-success)}.path-card .path-icon.purple{background:#8b5cf6}.path-card .path-icon.orange{background:var(--c-warning)}.path-card .path-icon.slate{background:#64748b}.path-card .path-icon.indigo{background:#6366f1}.path-card .path-info{flex:1;min-width:0}.path-card .path-info h3{color:var(--c-text);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.path-card .path-info p{color:var(--c-text-secondary);margin-top:.125rem;font-size:.8125rem}.path-card .path-badge{background:var(--c-success-bg);color:var(--c-success);border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.path-card .path-radio{border:2px solid var(--c-border-strong);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin-top:.25rem;display:flex}.path-card.selected .path-radio{border-color:var(--c-text);background:var(--c-text)}.phone-list{flex-direction:column;gap:.5rem;display:flex}.phone-row{align-items:center;gap:.5rem;display:flex}.phone-row input{border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-surface);flex:1;height:2.5rem;padding:0 .875rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.phone-row input:focus{border-color:var(--c-accent);outline:none;box-shadow:0 0 0 3px #5b8def14}.phone-row button{width:2.5rem;height:2.5rem;color:var(--c-text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.phone-row button:hover{color:var(--c-danger);background:var(--c-danger-bg)}.add-phone-btn{color:var(--c-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.5rem 0;font-size:.8125rem;font-weight:500;transition:color .15s;display:inline-flex}.add-phone-btn:hover{color:var(--c-text)}.add-phone-btn:disabled{opacity:.4;cursor:not-allowed}.detail-section{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg);margin-top:.75rem;padding:1rem}.detail-section h3{color:var(--c-text);align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:flex}.detail-section .field{margin-bottom:.75rem}.detail-section .field:last-child{margin-bottom:0}.detail-section .hint{color:var(--c-text-muted);margin-top:.25rem;font-size:.75rem}.review-row{gap:1rem;padding:.375rem 0;font-size:.875rem;display:flex}.review-row .review-label{width:7rem;color:var(--c-text-secondary);flex-shrink:0}.review-row .review-value{color:var(--c-text);font-weight:500}.review-row .review-badge{background:var(--c-success-bg);color:var(--c-success);border-radius:999px;margin-left:.375rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.next-step-box{background:var(--c-info-bg);border-radius:var(--radius-lg);border:1px solid #5b8def33;margin-top:1rem;padding:1rem}.next-step-box p{color:#3d6bc9;font-size:.875rem;line-height:1.5}.wizard-nav{border-top:1px solid var(--c-border);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;display:flex}.nav-btn{color:var(--c-text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex}.nav-btn:hover{color:var(--c-text);background:var(--c-hover)}.nav-btn-primary{background:var(--c-text);color:#fff;cursor:pointer;border-radius:var(--radius-md);border:none;align-items:center;gap:.375rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.nav-btn-primary:hover:not(:disabled){background:#374151}.nav-btn-primary:disabled{opacity:.5;cursor:not-allowed}.nav-btn-success{background:var(--c-success)}.nav-btn-success:hover:not(:disabled){background:#2d8a5e}.login-link{text-align:center;color:var(--c-text-secondary);margin-top:1rem;font-size:.875rem}.login-link a{color:var(--c-text);font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}.signup-prompt{border-top:1px solid var(--c-border);text-align:center;flex-direction:column;align-items:center;gap:.625rem;margin-top:1.5rem;padding-top:1rem;display:flex}.signup-prompt p{color:var(--c-text-secondary);margin:0;font-size:.875rem}.signup-prompt-btn{background:var(--c-surface);color:var(--c-text);border:1.5px solid var(--c-border-strong);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.signup-prompt-btn:hover{background:var(--c-hover);border-color:var(--c-text);color:var(--c-text)}.field input.input-error,.phone-row input.input-error{border-color:var(--c-danger);box-shadow:0 0 0 3px #e0666614}.field input.input-error:focus,.phone-row input.input-error:focus{border-color:var(--c-danger);box-shadow:0 0 0 3px #e066661f}.field-error{color:var(--c-danger);margin-top:.25rem;font-size:.75rem;font-weight:500;display:block}.path-card.path-card-error{border-color:var(--c-danger)}.landing-page{background:var(--c-bg);min-height:100vh}.landing-nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border);background:#ffffffd9;position:sticky;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:.875rem 1.5rem;display:flex}.landing-logo{letter-spacing:-.03em;color:var(--c-text);font-size:1.25rem;font-weight:800}.landing-nav-links{align-items:center;gap:.75rem;display:flex}.landing-nav-link{color:var(--c-text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s,background .15s}.landing-nav-link:hover{color:var(--c-text);background:var(--c-hover)}.landing-nav-cta{background:var(--c-text);color:#fff;cursor:pointer;border-radius:var(--radius-md);border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s}.landing-nav-cta:hover{background:#374151}.landing-hero{text-align:center;padding:4rem 1.5rem 3.5rem}.landing-hero-inner{max-width:720px;margin:0 auto}.landing-hero h1{letter-spacing:-.03em;color:var(--c-text);margin-bottom:1rem;font-size:2.75rem;font-weight:800;line-height:1.1}.landing-hero-subtitle{color:var(--c-text-secondary);margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.landing-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.875rem;margin-bottom:1.5rem;display:flex}.landing-btn-primary{background:var(--c-text);color:#fff;cursor:pointer;border-radius:var(--radius-lg);border:none;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.landing-btn-primary:hover{background:#374151;transform:translateY(-1px)}.landing-btn-secondary{background:var(--c-surface);color:var(--c-text);border:1.5px solid var(--c-border-strong);cursor:pointer;border-radius:var(--radius-lg);align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.landing-btn-secondary:hover{background:var(--c-hover);border-color:var(--c-text)}.landing-hero-trust{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.trust-pill{color:var(--c-text-secondary);background:var(--c-surface);border:1px solid var(--c-border);border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8125rem;display:inline-flex}.trust-pill svg{color:var(--c-success)}.landing-section{padding:3.5rem 1.5rem}.landing-section-alt{background:var(--c-surface);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}.landing-section-inner{max-width:1100px;margin:0 auto}.landing-section-title{letter-spacing:-.02em;text-align:center;color:var(--c-text);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.landing-section-subtitle{color:var(--c-text-secondary);text-align:center;margin-bottom:2.5rem;font-size:1rem}.landing-paths-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.landing-path-card{background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--radius-lg);padding:1.25rem;transition:border-color .15s,box-shadow .15s;position:relative}.landing-path-card:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-md)}.landing-path-card.recommended{border-color:var(--c-success);background:linear-gradient(180deg, var(--c-surface) 0%, #34a3730a 100%)}.path-recommended-badge{text-transform:uppercase;letter-spacing:.03em;background:var(--c-success);color:#fff;border-radius:999px;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;position:absolute;top:-.625rem;right:1rem}.landing-path-card h3{color:var(--c-text);margin-bottom:.375rem;font-size:1rem;font-weight:700}.landing-path-card p{color:var(--c-text-secondary);margin-bottom:.75rem;font-size:.875rem;line-height:1.5}.path-time{color:var(--c-primary);font-size:.8125rem;font-weight:600}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.landing-feature-card{text-align:center;padding:1.5rem}.feature-icon{border-radius:var(--radius-lg);background:var(--c-bg);width:3rem;height:3rem;color:var(--c-primary);justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.landing-feature-card h3{color:var(--c-text);margin-bottom:.375rem;font-size:1rem;font-weight:700}.landing-feature-card p{color:var(--c-text-secondary);font-size:.875rem;line-height:1.5}.landing-cta{text-align:center;padding:4rem 1.5rem}.landing-cta-inner{max-width:600px;margin:0 auto}.landing-cta h2{letter-spacing:-.02em;color:var(--c-text);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.landing-cta p{color:var(--c-text-secondary);margin-bottom:1.5rem;font-size:1rem}.landing-footer{background:var(--c-surface);border-top:1px solid var(--c-border);padding:2.5rem 1.5rem}.landing-footer-inner{text-align:center;max-width:1100px;margin:0 auto}.landing-footer-brand{letter-spacing:-.02em;color:var(--c-text);margin-bottom:.75rem;font-size:1.125rem;font-weight:800}.landing-footer-links{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.landing-footer-links button{color:var(--c-text-secondary);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:500;transition:color .15s}.landing-footer-links button:hover{color:var(--c-text)}.landing-footer-copy{color:var(--c-text-muted);margin:0;font-size:.8125rem}@media (width<=640px){.landing-hero{padding:2.5rem 1.25rem 2rem}.landing-hero h1{font-size:2rem}.landing-hero-subtitle{font-size:1rem}.landing-section{padding:2.5rem 1.25rem}.landing-section-title{font-size:1.5rem}.landing-paths-grid,.landing-features-grid{grid-template-columns:1fr}}