:root{--primary:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--info:#3b82f6;--warn:#f59e0b;--danger:#ef4444;--success:#10b981;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--r-sm:9px;--r:13px;--r-lg:18px;--r-pill:999px;--font:"Inter", "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--sidebar-w:264px}:root,:root[data-theme=dark]{--bg:#0a0e14;--surface:#0f151e;--surface-2:#141c27;--surface-3:#1a2433;--hover:#18222f;--border:#1f2a38;--border-2:#2a3850;--text:#eef2f7;--muted:#9aa7b8;--dim:#6b7889;--primary-tint:#6366f12e;--success-tint:#10b98129;--info-tint:#3b82f629;--warn-tint:#f59e0b29;--danger-tint:#ef444429;--neutral-tint:#25303f;--shadow-sm:0 1px 2px #00000073;--shadow:0 12px 32px -10px #0009;--shadow-lg:0 28px 64px -16px #000000b3;--ring:0 0 0 3px #6366f166;--bubble-in:#1b2734;--bubble-out:linear-gradient(180deg, #0e8a63, #0a6f50)}:root[data-theme=light]{--bg:#eef2f7;--surface:#fff;--surface-2:#f6f8fb;--surface-3:#eef2f7;--hover:#f1f5f9;--border:#e4e9f0;--border-2:#d3dce7;--text:#0f1b2d;--muted:#5a6776;--dim:#8593a3;--primary-tint:#6366f11f;--success-tint:#10b9811f;--info-tint:#3b82f61f;--warn-tint:#f59e0b24;--danger-tint:#ef44441f;--neutral-tint:#eef2f7;--shadow-sm:0 1px 2px #1018280f;--shadow:0 12px 28px -10px #1018281f;--shadow-lg:0 24px 56px -16px #1018282e;--ring:0 0 0 3px #6366f138;--bubble-in:#f1f5f9;--bubble-out:linear-gradient(180deg, #10b981, #0ea571)}*{box-sizing:border-box}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{margin:0;line-height:1.25}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::selection{background:var(--primary-tint)}:focus-visible{box-shadow:var(--ring);border-radius:var(--r-sm);outline:none}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:40;flex-direction:column;flex-shrink:0;display:flex}.brand{align-items:center;gap:var(--s3);padding:var(--s5) var(--s5) var(--s4);display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:11px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid;box-shadow:0 4px 14px #6366f166}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{font-size:17px;font-weight:800}.brand-sub{color:var(--muted);font-size:11px}.sidebar-nav{padding:var(--s2) var(--s3);flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.nav-group-title{margin:var(--s3) var(--s3) var(--s1);letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-size:10.5px;font-weight:700}.sidebar-nav a{align-items:center;gap:var(--s3);padding:10px var(--s3);border-radius:var(--r-sm);color:var(--muted);font-weight:500;transition:background .14s,color .14s;display:flex;position:relative}.sidebar-nav a:hover{background:var(--hover);color:var(--text)}.sidebar-nav a.active{background:var(--primary-tint);color:var(--text);font-weight:600}.sidebar-nav a.active:before{content:"";border-radius:var(--r-pill);background:var(--primary);width:3px;height:20px;position:absolute;top:50%;left:-3px;transform:translateY(-50%)}.nav-ico{flex-shrink:0;width:18px;height:18px;display:inline-flex}.sidebar-nav a.active .nav-ico{color:var(--primary)}.nav-label{white-space:nowrap;flex:1}.sidebar-foot{padding:var(--s3);border-top:1px solid var(--border);gap:var(--s2);flex-direction:column;display:flex}.theme-toggle{align-items:center;gap:var(--s3);width:100%;padding:10px var(--s3);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--muted);font:inherit;cursor:pointer;font-size:13px;font-weight:600;transition:background .14s,color .14s,border-color .14s;display:flex}.theme-toggle:hover{background:var(--hover);color:var(--text);border-color:var(--border-2)}.theme-toggle .nav-ico{width:18px;height:18px}.user-card{align-items:center;gap:var(--s3);padding:var(--s2);border-radius:var(--r);display:flex}.user-card:hover{background:var(--hover)}.avatar{border-radius:var(--r-pill);color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.user-meta{flex-direction:column;flex:1;min-width:0;display:flex}.user-name{font-size:13px;font-weight:600}.user-mail{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.chat-panel{min-width:0;height:100vh;padding:var(--s8);flex:1;overflow-y:auto}.chat-panel:has(.inbox){padding:0;overflow:hidden}.icon-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);width:38px;height:38px;color:var(--muted);cursor:pointer;place-items:center;transition:background .14s,color .14s,border-color .14s;display:inline-grid}.icon-btn:hover{background:var(--hover);color:var(--text);border-color:var(--border-2)}.mobile-menu{z-index:45;box-shadow:var(--shadow);display:none;position:fixed;top:14px;left:14px}.scrim{display:none}.chat-panel h1{letter-spacing:-.3px;font-size:26px;font-weight:800}.page-header-row,.contacts-toolbar,.enrollments-header,.logs-header,.upload-header{margin-bottom:var(--s6)}.page-header-row p,.enrollments-header p,.logs-header p,.upload-header p{color:var(--muted);margin:6px 0 0}.chat-panel input[type=text],.chat-panel input[type=email],.chat-panel input[type=password],.chat-panel input[type=number],.chat-panel input[type=search],.chat-panel select,.chat-panel textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);font:inherit;outline:none;padding:10px 13px;font-size:14px;transition:border-color .14s,box-shadow .14s,background .14s}.chat-panel input::placeholder,.chat-panel textarea::placeholder{color:var(--dim)}.chat-panel input:focus,.chat-panel select:focus,.chat-panel textarea:focus{border-color:var(--primary);box-shadow:var(--ring);background:var(--surface)}.chat-panel textarea{resize:vertical;min-height:90px;line-height:1.5}.chat-panel select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239aa7b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}.field-block{flex-direction:column;gap:7px;display:flex}.field-block>span{color:var(--text);font-size:12.5px;font-weight:600}.checkbox-row{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:inline-flex}.form-actions{justify-content:flex-end;gap:var(--s3);margin-top:var(--s2);display:flex}.chat-panel button,.login-card button{justify-content:center;align-items:center;gap:var(--s2);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;padding:10px 16px;font-size:13.5px;font-weight:600;transition:background .14s,border-color .14s,box-shadow .14s,transform 50ms;display:inline-flex}.chat-panel button:hover,.login-card button:hover{background:var(--hover);border-color:var(--border-2)}.chat-panel button:active{transform:translateY(1px)}.chat-panel button:disabled{opacity:.55;cursor:not-allowed}.chat-panel button[type=submit],.login-card button{background:linear-gradient(180deg, var(--primary), var(--primary-600));color:#fff;border-color:#0000;box-shadow:0 4px 14px #6366f159}.chat-panel button[type=submit]:hover,.login-card button:hover{background:linear-gradient(180deg, var(--primary), var(--primary-600));border-color:#0000;box-shadow:0 6px 20px #6366f180}.secondary-button{background:0 0!important}.card,.settings-card,.contacts-list-card,.contact-detail-card,.enrollments-list-card,.enrollment-detail-card,.logs-list-card,.log-detail-card,.upload-card,.preview-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s6)}.card h2,.contact-detail-card h2,.enrollment-detail-card h2,.log-detail-card h2{margin-bottom:var(--s4);font-size:17px;font-weight:700}.enrollment-stats,.logs-stats{gap:var(--s5);margin-bottom:var(--s6);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s5);flex-direction:column;gap:6px;display:flex}.stat-card span{color:var(--muted);font-size:12.5px}.stat-card strong{letter-spacing:-.5px;font-size:28px;font-weight:800}.contacts-table,.enrollments-table,.logs-table,.preview-table{border-collapse:collapse;width:100%}.contacts-table thead th,.enrollments-table thead th,.logs-table thead th,.preview-table thead th{text-align:left;padding:12px var(--s4);letter-spacing:.04em;text-transform:uppercase;color:var(--dim);background:var(--surface-2);border-bottom:1px solid var(--border);font-size:11.5px;font-weight:700}.contacts-table td,.enrollments-table td,.logs-table td,.preview-table td{padding:12px var(--s4);border-bottom:1px solid var(--border);vertical-align:middle}.contacts-table tbody tr,.enrollments-table tbody tr,.logs-table tbody tr{cursor:pointer;transition:background .12s}.contacts-table tbody tr:hover,.enrollments-table tbody tr:hover,.logs-table tbody tr:hover{background:var(--hover)}.contact-row-active,.enrollment-row-active,.log-row-active{background:var(--primary-tint)!important}.enrollments-table td small{color:var(--muted);font-size:12px}.pagination-bar{justify-content:space-between;align-items:center;gap:var(--s3);padding-top:var(--s4);margin-top:var(--s2);color:var(--muted);font-size:12.5px;display:flex}.status-badge,.badge-green,.badge-orange{border-radius:var(--r-pill);text-transform:capitalize;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.6;display:inline-flex}.status-badge:before,.badge-green:before,.badge-orange:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-active,.status-completed,.status-delivered,.status-sent,.status-allowed,.badge-green{background:var(--success-tint);color:var(--success)}.status-replied,.status-new,.status-info,.status-queued,.status-received{background:var(--info-tint);color:var(--info)}.status-warn,.status-stopped,.status-pending,.status-accepted,.badge-orange{background:var(--warn-tint);color:var(--warn)}.status-error,.status-opted_out,.status-invalid,.status-failed,.status-blocked,.status-undelivered{background:var(--danger-tint);color:var(--danger)}.detail-grid{gap:var(--s4);display:grid}.detail-grid>div{flex-direction:column;gap:3px;display:flex}.detail-grid strong{letter-spacing:.04em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:700}.detail-grid p{margin:0;font-size:14px}p.status-error{background:var(--danger-tint);color:var(--danger);border-radius:var(--r-sm);margin:0 0 var(--s4);text-transform:none;padding:10px 14px}p.status-error:before{display:none}p.status-success{background:var(--success-tint);color:var(--success);border-radius:var(--r-sm);margin:0 0 var(--s4);padding:10px 14px}.contacts-layout,.enrollments-layout,.logs-layout{gap:var(--s6);grid-template-columns:1fr 360px;align-items:start;display:grid}.campaigns-layout{gap:var(--s6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-detail-card,.enrollment-detail-card,.log-detail-card{position:sticky;top:0}.contacts-toolbar{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.contacts-filters{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.contacts-filters input{min-width:220px}.contacts-filters select,.contacts-filters input{width:auto}.bulk-enroll-bar{align-items:center;gap:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--s3) var(--s4);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.bulk-enroll-count{color:var(--muted);font-weight:600}.bulk-enroll-bar select{width:auto;min-width:200px}.enroll-panel,.messages-panel,.campaign-steps-card,.log-metadata-card{margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--border)}.enroll-panel h3,.messages-panel h3,.campaign-steps-card h3,.log-metadata-card h3,.steps-header h3{margin-bottom:var(--s3);font-size:14px;font-weight:700}.enroll-panel select{margin-bottom:var(--s3)}.messages-thread{gap:var(--s2);max-height:340px;margin-bottom:var(--s3);flex-direction:column;display:flex;overflow-y:auto}.message-bubble{max-width:88%;box-shadow:var(--shadow-sm);border-radius:12px;padding:9px 12px}.message-bubble-outbound{background:var(--bubble-out);color:#f0fff9;align-self:flex-end}.message-bubble-inbound{background:var(--bubble-in);align-self:flex-start}.message-body{white-space:pre-wrap;word-break:break-word}.message-meta{opacity:.8;gap:10px;margin-top:5px;font-size:10.5px;display:flex}.message-compose{gap:var(--s3);flex-direction:column;display:flex}.campaign-form{gap:var(--s4);flex-direction:column;display:flex}.steps-header{justify-content:space-between;align-items:center;display:flex}.steps-list{gap:var(--s3);flex-direction:column;display:flex}.step-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:var(--s4);gap:var(--s3);flex-direction:column;display:flex}.step-card-top{justify-content:space-between;align-items:center;display:flex}.settings-grid{gap:var(--s4);grid-template-columns:1fr 1fr;display:grid}.campaign-list{gap:var(--s4);flex-direction:column;display:flex}.campaign-list-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:var(--s4)}.campaign-list-head{justify-content:space-between;align-items:flex-start;gap:var(--s3);display:flex}.campaign-list-head h3{font-size:15px;font-weight:700}.campaign-list-head p{color:var(--muted);align-items:center;gap:8px;margin:6px 0 0;display:flex}.campaign-mini-meta{color:var(--muted);font-size:12.5px}.campaign-step-preview{margin-top:var(--s3);gap:var(--s3);flex-direction:column;display:flex}.campaign-step-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.campaign-step-row p{color:var(--muted);flex-basis:100%;margin:4px 0 0;font-size:13px}.step-chip,.step-delay-chip{background:var(--surface-3);border:1px solid var(--border);border-radius:6px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.step-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:var(--s3) var(--s4)}.step-item+.step-item{margin-top:var(--s2)}.step-item-current{border-color:var(--primary);box-shadow:var(--ring)}.step-item-top{justify-content:space-between;align-items:center;display:flex}.step-item-top span{color:var(--muted);font-size:12px}.step-item p{color:var(--muted);margin:6px 0 0;font-size:13px}.logs-header,.enrollments-header{justify-content:space-between;align-items:flex-start;gap:var(--s4);display:flex}.logs-header-actions{align-items:center;gap:var(--s3);display:flex}.logs-refreshing{color:var(--muted);font-size:12px}.logs-toolbar{align-items:flex-end;gap:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s4) var(--s5);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.logs-toolbar .field-block{min-width:150px}.logs-search-field{flex:1;min-width:200px}.logs-toolbar-actions{gap:var(--s2);display:flex}.logs-table td:nth-child(4){color:var(--muted);white-space:nowrap;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.log-detail-header{justify-content:space-between;align-items:flex-start;gap:var(--s3);margin-bottom:var(--s4);display:flex}.log-detail-header p{color:var(--muted);margin:4px 0 0;font-family:ui-monospace,monospace;font-size:12.5px}.log-metadata-card pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s3);color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;overflow-x:auto}.upload-card{gap:var(--s4);flex-direction:column;display:flex}.upload-card input[type=file]{border:2px dashed var(--border-2);border-radius:var(--r);padding:var(--s6);background:var(--surface-2);cursor:pointer;width:100%;color:var(--muted)}.upload-enroll-box{gap:var(--s3);flex-direction:column;display:flex}.upload-actions{gap:var(--s3);display:flex}.preview-section{margin-top:var(--s6);gap:var(--s5);flex-direction:column;display:flex}.preview-summary{gap:var(--s4);grid-template-columns:repeat(3,1fr);display:grid}.preview-summary>div{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:var(--s4);font-weight:600}.preview-table-wrap h2{margin-bottom:var(--s3);font-size:15px}.preview-table-wrap{overflow-x:auto}.inbox{grid-template-columns:360px 1fr;height:100vh;display:grid}.inbox-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.inbox-sidebar-header{padding:var(--s5);border-bottom:1px solid var(--border);background:var(--surface);z-index:1;position:sticky;top:0}.inbox-sidebar-header h1{font-size:18px;font-weight:800}.empty-sidebar{padding:var(--s6);color:var(--muted)}.conversation{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;padding:var(--s3) var(--s4);color:var(--text);cursor:pointer;background:0 0;transition:background .12s}.conversation:hover{background:var(--hover)}.conversation.active{background:var(--primary-tint)}.conversation-top{justify-content:space-between;gap:var(--s3);align-items:center;margin-bottom:3px;display:flex}.conv-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.conv-time{color:var(--muted);flex-shrink:0;font-size:11px}.conv-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.inbox-chat{background:var(--bg);flex-direction:column;min-width:0;height:100vh;display:flex}.chat-header{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);background:var(--surface);display:flex}.chat-header-main{gap:3px;min-width:0;display:grid}.chat-title{font-size:16px;font-weight:700}.chat-subtitle{color:var(--muted);font-size:12px}.chat-delete-btn{border-radius:var(--r-sm);border:1px solid var(--border-2);color:#f08a8a;cursor:pointer;background:0 0;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.chat-delete-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.inbox-error-banner{margin:var(--s3) var(--s5) 0;background:var(--danger-tint);color:var(--danger);border-radius:var(--r-sm);padding:10px 14px}.chat-messages{padding:var(--s5);gap:var(--s3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.empty-chat{padding:var(--s6);color:var(--muted)}.empty-chat-centered{text-align:center;place-items:center;min-height:100%;display:grid}.bubble{max-width:min(70%,640px);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:6px;padding:10px 13px;display:flex;position:relative}.bubble.inbound{background:var(--bubble-in);border-bottom-left-radius:4px;align-self:flex-start}.bubble.outbound{background:var(--bubble-out);color:#f0fff9;border-bottom-right-radius:4px;align-self:flex-end}.bubble-body{white-space:pre-wrap;word-break:break-word;line-height:1.45}.bubble-meta{opacity:.82;flex-wrap:wrap;gap:8px;font-size:10.5px;display:flex}.bubble.inbound .bubble-meta{color:var(--muted)}.bubble-delete-btn{color:#fff;cursor:pointer;opacity:0;background:#00000047;border:none;border-radius:6px;place-items:center;width:22px;height:22px;transition:opacity .14s,background .14s;display:inline-grid;position:absolute;top:5px;right:5px}.bubble:hover .bubble-delete-btn{opacity:1}.bubble-delete-btn:hover{background:var(--danger)}.chat-input{gap:var(--s3);padding:var(--s4) var(--s5);border-top:1px solid var(--border);background:var(--surface);grid-template-columns:1fr auto;display:grid}.chat-input textarea{resize:none;border-radius:var(--r);border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:48px;max-height:140px;color:var(--text);font:inherit;outline:none;padding:12px 14px}.chat-input textarea:focus{border-color:var(--primary);box-shadow:var(--ring)}.chat-input button{border-radius:var(--r-sm);background:linear-gradient(180deg, var(--primary), var(--primary-600));color:#fff;cursor:pointer;border:none;align-self:end;padding:12px 20px;font-weight:600}.chat-input button:disabled{opacity:.55;cursor:not-allowed}.dash-hero{background:linear-gradient(135deg, var(--primary-tint), transparent 70%);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6);margin-bottom:var(--s6)}.dash-hero h1{font-size:24px;font-weight:800}.dash-hero p{color:var(--muted);max-width:620px;margin:8px 0 0}.quick-grid{gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.quick-card{gap:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s5);align-items:flex-start;transition:transform .14s,border-color .14s;display:flex}.quick-card:hover{border-color:var(--primary);transform:translateY(-3px)}.quick-card .q-ico{border-radius:var(--r);background:var(--primary-tint);width:42px;height:42px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.quick-card h3{font-size:15px;font-weight:700}.quick-card p{color:var(--muted);margin:4px 0 0;font-size:12.5px}.login-page{min-height:100vh;padding:var(--s6);background:radial-gradient(1000px 500px at 80% -10%, #6366f12e, transparent 60%), radial-gradient(800px 500px at 0% 110%, #10b9811f, transparent 55%), var(--bg);place-items:center;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:var(--s8);gap:var(--s3);flex-direction:column;display:flex}.login-card h1{margin-bottom:var(--s3);font-size:22px;font-weight:800}.login-card label{margin-top:var(--s2);font-size:12.5px;font-weight:600}.login-card input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);font:inherit;outline:none;padding:11px 13px}.login-card input:focus{border-color:var(--primary);box-shadow:var(--ring)}.login-card button{margin-top:var(--s4);padding:12px}.login-error{background:var(--danger-tint);color:var(--danger);border-radius:var(--r-sm);margin:0;padding:10px 14px}.stats{gap:var(--s5);margin-bottom:var(--s6);grid-template-columns:repeat(4,1fr);display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s5);gap:var(--s4);align-items:flex-start;display:flex}.stat-ico{border-radius:var(--r);flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.stat-ico svg{width:20px;height:20px}.stat-ico.is-primary{background:var(--primary-tint);color:var(--primary)}.stat-ico.is-success{background:var(--success-tint);color:var(--success)}.stat-ico.is-info{background:var(--info-tint);color:var(--info)}.stat-ico.is-warn{background:var(--warn-tint);color:var(--warn)}.stat-ico.is-danger{background:var(--danger-tint);color:var(--danger)}.stat-ico.is-neutral{background:var(--neutral-tint);color:var(--muted)}.stat-body{min-width:0}.stat-label{color:var(--muted);font-size:12.5px}.stat-value{letter-spacing:-.5px;margin-top:2px;font-size:28px;font-weight:800}.stat-delta{margin-top:4px;font-size:12px;font-weight:600}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}.row-avatar{border-radius:var(--r-pill);color:#fff;background:linear-gradient(135deg,#475569,#334155);flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.cell-id{align-items:center;gap:var(--s3);display:flex}.cell-id .t-primary{font-weight:600}.cell-id .t-sub{color:var(--muted);margin-top:1px;font-size:12px}.dash-grid{gap:var(--s6);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}.card-head{justify-content:space-between;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s5);display:flex}.card-title{font-size:16px;font-weight:700}.card-sub{color:var(--muted);margin-top:2px;font-size:12.5px}.bar-chart{height:170px;padding-top:var(--s2);align-items:flex-end;gap:14px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.bar-track{justify-content:center;align-items:flex-end;gap:5px;width:100%;height:140px;display:flex}.bar{background:var(--primary);border-radius:6px;width:16px}.bar.alt{background:var(--success)}.bar-label{color:var(--muted);font-size:11px}.list-row{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.list-row+.list-row{margin-top:var(--s4)}.list-left{align-items:center;gap:var(--s3);min-width:0;display:flex}a.list-row{border-radius:var(--r-sm);margin:0 -8px;padding:8px;transition:background .12s}a.list-row:hover{background:var(--hover)}a.list-row+a.list-row{margin-top:var(--s2)}.muted{color:var(--muted)}.stack>*+*{margin-top:var(--s3)}.dropzone{border:2px dashed var(--border-2);border-radius:var(--r-lg);padding:var(--s10) var(--s6);text-align:center;cursor:pointer;background:var(--surface-2);transition:border-color .14s,background .14s;display:block}.dropzone:hover{border-color:var(--primary);background:var(--hover)}.dropzone .dz-ico{width:46px;height:46px;margin:0 auto var(--s3);border-radius:var(--r);background:var(--primary-tint);color:var(--primary);place-items:center;display:grid}.dropzone .dz-title{font-weight:600}.dropzone .dz-sub{color:var(--muted);margin-top:4px;font-size:12.5px}.dz-file{justify-content:space-between;align-items:center;gap:var(--s3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;display:flex}.dz-file .dz-file-main{align-items:center;gap:var(--s3);display:flex}.dz-file .row-avatar{border-radius:var(--r);background:var(--info-tint);color:var(--info)}.auth{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-side{color:#fff;padding:var(--s10);background:linear-gradient(150deg,#312e81,#1e1b4b 65%);flex-direction:column;justify-content:space-between;display:flex}.auth-brand{align-items:center;gap:var(--s3);display:flex}.auth-brand .brand-name{color:#fff}.auth-brand .brand-sub{color:#ffffffb3}.auth-hero h2{letter-spacing:-.5px;font-size:32px;font-weight:800}.auth-hero p{color:#ffffffd1;margin-top:var(--s3);max-width:420px;font-size:15px}.auth-features{gap:var(--s3);margin-top:var(--s6);display:grid}.auth-feature{gap:var(--s3);color:#ffffffe6;align-items:center;font-size:14px;display:flex}.auth-feature .dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.auth-copy{color:#ffffff8c;font-size:12.5px}.auth-main{padding:var(--s8);background:var(--bg);place-items:center;display:grid}@media (width<=1100px){.enrollment-stats,.logs-stats,.stats{grid-template-columns:repeat(2,1fr)}.contacts-layout,.enrollments-layout,.logs-layout,.campaigns-layout,.dash-grid{grid-template-columns:1fr}.contact-detail-card,.enrollment-detail-card,.log-detail-card{position:static}}@media (width<=1024px) and (width>=768px){.sidebar{width:76px}.brand{padding:var(--s5) 0 var(--s4);justify-content:center}.brand-text,.nav-group-title{display:none}.sidebar-nav a{justify-content:center;padding:11px 0}.nav-label{display:none}.sidebar-nav a.active:before{left:0}.sidebar-foot{padding:var(--s2)}.user-card{justify-content:center;padding:6px 0}.user-meta{display:none}}@media (width<=767px){.sidebar{height:100vh;box-shadow:var(--shadow-lg);transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%)}.app-shell.nav-open .sidebar{transform:translate(0)}.app-shell.nav-open .scrim{z-index:35;background:#00000080;display:block;position:fixed;inset:0}.mobile-menu{display:inline-grid}.chat-panel{padding:64px var(--s5) var(--s5)}.chat-panel:has(.inbox){padding:0}.contacts-toolbar{flex-direction:column;align-items:stretch}.settings-grid,.preview-summary{grid-template-columns:1fr}.inbox{grid-template-columns:1fr;height:auto}.inbox-sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:40vh}.inbox-sidebar-header{padding-left:64px}.inbox-chat{height:auto;min-height:60vh}.auth{grid-template-columns:1fr}.auth-side{display:none}}@media (width<=560px){.enrollment-stats,.logs-stats,.stats{grid-template-columns:1fr}.bubble,.message-bubble{max-width:86%}}html,body,#root{width:100%;height:100%}