:root{--navy:#0d1f3c;--navy2:#17345f;--red:#c72c3a;--blue:#2764ae;--green:#087f5b;--amber:#b45309;--ink:#18283f;--muted:#6b778b;--bg:#f4f7fb;--panel:#fff;--line:#dde5ef;--shadow:0 12px 35px rgba(13,31,60,.07)}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy),#09162b);color:#fff;padding:22px 16px;overflow:auto;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 20px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#fff,#dbe8f8);color:var(--navy);display:grid;place-items:center;font-weight:900;box-shadow:0 8px 24px #0002}.brand strong{display:block;font-size:14px;line-height:1.25}.brand span{display:block;color:#aebbd0;font-size:11px;margin-top:3px}.nav-title{color:#7890b1;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;padding:16px 11px 6px}.nav a{display:flex;align-items:center;gap:10px;color:#cbd6e7;padding:10px 11px;border-radius:10px;margin:2px 0;font-weight:650}.nav a:hover,.nav a.active{background:#ffffff12;color:#fff}.nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.main{min-width:0}.topbar{height:70px;background:#fffc;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.topbar-left{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;border:0;background:#edf2f7;border-radius:9px;padding:9px;color:var(--navy)}.topbar h1{font-size:18px;margin:0}.userbox{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:var(--navy);font-weight:850}.userbox small{display:block;color:var(--muted)}.logout{border:0;background:#f1f5f9;color:var(--navy);padding:8px 11px;border-radius:9px;cursor:pointer}.content{max-width:1500px;margin:0 auto;padding:28px}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.pagehead h2{font-size:28px;letter-spacing:-.02em;margin:0}.pagehead p{color:var(--muted);margin:5px 0 0}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.card h3{font-size:16px;margin:0 0 14px}.metric{padding:18px}.metric span{color:var(--muted);font-weight:650}.metric strong{display:block;font-size:30px;margin-top:6px;letter-spacing:-.03em}.metric .trend{font-size:12px;color:var(--green);margin-top:5px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #e8edf4;vertical-align:top}th{background:#f8fafc;color:#526077;font-size:11px;letter-spacing:.05em;text-transform:uppercase;position:sticky;top:0}tr:last-child td{border-bottom:0}tr:hover td{background:#fbfdff}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:800;background:#eef2f7;color:#475569}.pill.green,.pill.active,.pill.approved,.pill.completed,.pill.delivered,.pill.read{background:#dcfce7;color:#166534}.pill.red,.pill.failed,.pill.rejected,.pill.critical,.pill.disabled{background:#fee2e2;color:#991b1b}.pill.amber,.pill.pending,.pill.warning,.pill.in_review,.pill.draft,.pill.paused{background:#fef3c7;color:#92400e}.pill.blue,.pill.open,.pill.sent,.pill.running{background:#dbeafe;color:#1e40af}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;text-decoration:none}.btn-primary{background:var(--navy);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-soft{background:#edf2f7;color:var(--navy)}.btn-sm{padding:7px 10px;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field.full{grid-column:1/-1}.field label{display:block;font-weight:750;font-size:12px;margin-bottom:6px}.field small{display:block;color:var(--muted);margin-top:5px}.field input,.field select,.field textarea,.search{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink)}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{outline:3px solid #dbeafe;border-color:#3b82f6}.checkline{display:flex;gap:8px;align-items:flex-start}.checkline input{margin-top:4px}.alert{padding:13px 15px;border-radius:11px;margin-bottom:18px;border:1px solid}.alert-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.alert-error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.empty{text-align:center;padding:38px 20px;color:var(--muted)}.split{display:grid;grid-template-columns:minmax(320px,410px) minmax(0,1fr);gap:18px}.conversation-list{padding:0;overflow:hidden}.conversation-item{display:block;padding:15px;border-bottom:1px solid var(--line);color:var(--ink)}.conversation-item:hover{background:#f8fafc}.conversation-item .line{display:flex;justify-content:space-between;gap:10px}.conversation-item p{color:var(--muted);margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble-list{height:520px;overflow:auto;padding:18px;background:#f6f8fb;border:1px solid var(--line);border-radius:13px}.bubble{max-width:75%;padding:10px 13px;margin:8px 0;border-radius:13px;background:#fff;border:1px solid var(--line)}.bubble.outbound{margin-left:auto;background:#e8f1ff;border-color:#c7dcfa}.bubble small{display:block;color:var(--muted);margin-top:5px}.composer{margin-top:12px}.composer textarea{min-height:80px}.tabs{display:flex;gap:7px;overflow:auto;margin-bottom:16px}.tabs a{white-space:nowrap;padding:8px 11px;border-radius:9px;background:#edf2f7;color:var(--ink);font-weight:700}.tabs a.active{background:var(--navy);color:#fff}.code{background:#0f172a;color:#d1fae5;border-radius:10px;padding:12px;word-break:break-all;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--green)}.status-dot.off{background:var(--red)}.modal-details summary{cursor:pointer;font-weight:800}.muted{color:var(--muted)}.right{text-align:right}.nowrap{white-space:nowrap}.mobile-overlay{display:none}.public-shell{max-width:920px;margin:40px auto;padding:0 20px}.public-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:var(--shadow)}.public-card h1{font-size:32px}.legal-body{white-space:pre-wrap;line-height:1.75}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#dbeafe,transparent 35%),var(--bg)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 25px 70px #10213f1a}.auth-card h1{font-size:24px;margin:16px 0 5px}.auth-card .brand{padding:0}.auth-card .field{margin-top:14px}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:800px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-285px;width:270px;transition:left .2s}.app.nav-open .sidebar{left:0}.app.nav-open .mobile-overlay{display:block;position:fixed;inset:0;background:#0006;z-index:25}.menu-toggle{display:block}.topbar{padding:0 16px}.content{padding:20px 14px}.userbox .userinfo{display:none}.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.pagehead{align-items:flex-start;flex-direction:column}.card{padding:16px}}