:root{--bg: #f5f7fa;--surface: #ffffff;--soft: #f3f6f9;--ink: #0f1419;--muted: #5f6b76;--second: #8a8a8a;--line: #e6eaef;--accent: #00a1e0;--button: #0176d3;--deep: #0b5cad;--star: #a6ddf2;--ok: #1f9d55;--warn: #c98200;--bad: #d64545;--radius: 14px;--top: 64px;--side: 248px;--rail: 76px;--ease: cubic-bezier(.22, 1, .36, 1);--shadow-1: 0 1px 2px rgba(15, 20, 25, .04), 0 1px 1px rgba(15, 20, 25, .03);--shadow-2: 0 2px 4px rgba(15, 20, 25, .04), 0 12px 32px -12px rgba(15, 20, 25, .14);--shadow-3: 0 24px 64px -16px rgba(1, 118, 211, .28);--grad: linear-gradient(135deg, #00a1e0 0%, #0176d3 60%, #0b5cad 100%)}*{box-sizing:border-box}html,body{margin:0;color:var(--ink);background:var(--bg)}body{font:400 15px/1.55 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(900px 500px at 110% -10%,rgba(0,161,224,.1),transparent 60%),radial-gradient(700px 400px at -10% 110%,rgba(166,221,242,.25),transparent 60%),var(--bg);background-attachment:fixed}a{color:var(--button);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:#00a1e033}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.shell{min-height:100vh}.topbar{position:fixed;inset:0 0 auto 0;height:var(--top);z-index:30;display:flex;align-items:center;gap:14px;padding:0 20px 0 14px;background:#ffffffb8;-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(230,234,239,.8)}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;color:var(--ink);letter-spacing:-.01em}.brand img{width:32px;height:32px;border-radius:9px;box-shadow:0 4px 12px #0176d34d;transition:transform .4s var(--ease)}.brand:hover img{transform:rotate(-8deg) scale(1.06)}.brand span{color:var(--second);font-weight:500}.crumb{color:var(--muted);font-weight:500;padding-left:14px;border-left:1px solid var(--line);animation:fade .4s}.top-right{margin-left:auto;display:flex;align-items:center;gap:12px}.burger{width:40px;height:40px;border:0;border-radius:12px;background:transparent;cursor:pointer;position:relative;transition:background .2s;flex:none}.burger:hover{background:var(--soft)}.burger span{position:absolute;left:11px;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .35s var(--ease),opacity .2s,top .35s var(--ease),width .35s var(--ease)}.burger span:nth-child(1){top:13px}.burger span:nth-child(2){top:19px;width:12px}.burger span:nth-child(3){top:25px}.burger.open span:nth-child(2){width:18px}.shell.drawer-open .burger span:nth-child(1){top:19px;transform:rotate(45deg)}.shell.drawer-open .burger span:nth-child(2){opacity:0;transform:translate(-6px)}.shell.drawer-open .burger span:nth-child(3){top:19px;transform:rotate(-45deg)}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:500;border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:border-color .2s,transform .2s var(--ease)}.pill:hover{transform:translateY(-1px);border-color:var(--star)}.pill.ok{color:var(--ok)}.pill.off{color:var(--bad);border-color:#f3d2d2}.compose-cta{display:inline-flex;align-items:center;gap:6px}.user{position:relative}.avatar-btn{width:38px;height:38px;border-radius:50%;border:2px solid #fff;background:var(--grad);color:#fff;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 0 0 1px var(--line),0 4px 12px #0176d340;transition:transform .2s var(--ease)}.avatar-btn:hover{transform:scale(1.06)}.menu-pop{position:absolute;right:0;top:calc(100% + 10px);width:260px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-2);padding:8px;display:grid;animation:pop-in .25s var(--ease);transform-origin:top right}.menu-head{display:grid;padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.menu-head span{font-size:13px;color:var(--muted);word-break:break-all}.menu-pop a,.menu-pop button{text-align:left;padding:9px 12px;border-radius:10px;border:0;background:none;cursor:pointer;color:var(--ink);font-size:14px}.menu-pop a:hover,.menu-pop button:hover{background:var(--soft)}.menu-pop .on{color:var(--button);font-weight:600}.menu-pop .danger{color:var(--bad)}.side{position:fixed;top:var(--top);bottom:0;left:0;width:var(--side);z-index:20;display:flex;flex-direction:column;padding:16px 12px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(230,234,239,.8);transition:width .4s var(--ease),transform .4s var(--ease)}.side nav{display:grid;gap:4px}.nav{position:relative;display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;border-radius:12px;color:var(--muted);font-weight:500;white-space:nowrap;transition:background .2s,color .2s,padding .4s var(--ease);animation:slide-in .5s var(--ease) both}.nav svg{flex:none;transition:transform .3s var(--ease),color .2s}.nav:hover{background:#00a1e00f;color:var(--ink)}.nav:hover svg{transform:scale(1.12)}.nav.on{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-1),0 0 0 1px var(--line)}.nav.on:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--grad);animation:grow-y .4s var(--ease)}.nav.on svg{color:var(--button)}.nav-label{transition:opacity .25s}.badge{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--grad);color:#fff;font-size:12px;font-weight:600;display:grid;place-items:center;animation:pop .5s var(--ease)}.side-foot{margin-top:auto}.side-card{position:relative;overflow:hidden;display:grid;gap:2px;padding:16px;border-radius:16px;background:var(--grad);color:#fff;font-size:13px;box-shadow:var(--shadow-3);transition:opacity .25s}.side-card b{font-size:15px;font-weight:600}.side-card span{opacity:.85}.side-card .star{position:absolute;right:-6px;top:-26px;font-size:90px;color:var(--star);opacity:.55;animation:spin 22s linear infinite}.shell.rail .side{width:var(--rail)}.shell.rail .nav{width:52px;padding:0 0 0 16px}.shell.rail .nav-label{display:none}.shell.rail .nav-label,.shell.rail .side-card{opacity:0;pointer-events:none}.shell.rail .badge{position:absolute;top:4px;right:6px;min-width:18px;height:18px;font-size:10px;padding:0 5px}.shell.rail .nav:hover:after{content:attr(data-tip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--ink);color:#fff;padding:6px 10px;border-radius:8px;font-size:13px;animation:fade .15s;pointer-events:none;z-index:5}.scrim{display:none}.main{margin:var(--top) 0 0 var(--side);padding:36px 48px 64px;max-width:calc(1180px + var(--side));animation:page-in .55s var(--ease);transition:margin .4s var(--ease)}.shell.rail .main{margin-left:var(--rail)}.main.wide{max-width:none;padding:0;height:calc(100vh - var(--top))}.foot{margin-top:64px;font-size:13px;color:var(--second)}@media (max-width: 860px){.crumb,.compose-cta span,.pill{display:none}.compose-cta{padding:9px}.side{width:min(300px,86vw)!important;transform:translate(-105%);box-shadow:var(--shadow-2);background:#fffffff5}.shell.drawer-open .side{transform:none}.shell .nav-label,.shell .side-card{opacity:1!important;pointer-events:auto!important}.shell .nav{padding:0 14px!important;width:auto!important}.shell.rail .nav-label{display:inline}.shell.rail .badge{position:static}.seg button{padding:6px 11px;font-size:13px}.scrim{display:block;position:fixed;inset:var(--top) 0 0 0;background:#0f14194d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:15;opacity:0;pointer-events:none;transition:opacity .3s}.shell.drawer-open .scrim{opacity:1;pointer-events:auto}.main,.shell.rail .main{margin-left:0;padding:24px 16px 48px}.main.wide{padding:0}}h1{font-size:clamp(30px,4vw,44px);font-weight:500;letter-spacing:-.035em;line-height:1.08;margin:0 0 8px}h1 em{font-style:normal;color:var(--second)}h2{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0 0 14px}.lead{color:var(--muted);margin:0 0 28px;max-width:640px}.label{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.muted{color:var(--muted)}.small{font-size:13px}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-1);transition:box-shadow .35s var(--ease),transform .35s var(--ease),border-color .35s;animation:rise .6s var(--ease) both}.card:hover{box-shadow:var(--shadow-2);border-color:#dde3ea}.card.soft{background:var(--soft);border-color:transparent;box-shadow:none}.grid{display:grid;gap:16px}.grid>.card:nth-child(2){animation-delay:50ms}.grid>.card:nth-child(3){animation-delay:.1s}.grid>.card:nth-child(4){animation-delay:.15s}.grid>.card:nth-child(5){animation-delay:.2s}.grid.two{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-top:16px}.kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px}.kpi{display:flex;flex-direction:column;overflow:hidden}.kpi:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(0,161,224,.1),transparent 70%);transition:transform .6s var(--ease);pointer-events:none}.kpi:hover{transform:translateY(-3px)}.kpi:hover:after{transform:scale(1.6)}.kpi .n{font-size:42px;font-weight:500;letter-spacing:-.03em;line-height:1.05;margin-top:8px;font-variant-numeric:tabular-nums}.kpi .n small{font-size:17px;color:var(--second);margin-left:4px;letter-spacing:0}.foot-k{font-size:13px;color:var(--muted);margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:8px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.btn{position:relative;overflow:hidden;border:0;border-radius:999px;padding:11px 22px;background:var(--grad);background-size:140% 140%;color:#fff;font-weight:500;cursor:pointer;box-shadow:0 6px 16px -6px #0176d38c;transition:transform .2s var(--ease),box-shadow .3s,background-position .5s var(--ease),opacity .2s}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translate(-120%);transition:transform .7s var(--ease);pointer-events:none}.btn:hover{background-position:100% 0;box-shadow:0 10px 24px -8px #0176d399;transform:translateY(-1px)}.btn:hover:after{transform:translate(120%)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.btn:disabled:after{display:none}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.ghost:after{display:none}.btn.ghost:hover{background:var(--soft);border-color:#d8dee5}.btn.danger{background:var(--surface);color:var(--bad);border:1px solid #f1d0d0;box-shadow:none}.btn.danger:after{display:none}.btn.danger:hover{background:#fdf3f3}.btn.sm{padding:7px 15px;font-size:13px}.linkbtn{background:none;border:0;color:var(--button);cursor:pointer;padding:0;font-weight:500}.linkbtn:hover{text-decoration:underline;text-underline-offset:3px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;font-weight:500;color:var(--muted)}input,select,textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface);outline:none;transition:border-color .2s,box-shadow .25s var(--ease),background .2s}input:hover,select:hover,textarea:hover{border-color:#d3dae2}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #00a1e024}textarea{resize:vertical;min-height:88px}.err{color:var(--bad);font-size:14px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:12px;border-bottom:1px solid var(--line);background:var(--soft)}th:first-child{border-top-left-radius:10px}th:last-child{border-top-right-radius:10px}td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr{transition:background .15s}tbody tr:hover{background:#fafcfe}tr.fresh td{animation:flash 1.8s var(--ease)}.table-wrap{overflow-x:auto}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--soft);color:var(--muted);white-space:nowrap}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.chip.delivered{color:var(--ok);background:#e7f6ee}.chip.sent{color:var(--button);background:#e6f1fb}.chip.failed,.chip.canceled{color:var(--bad);background:#fbeaea}.chip.queued,.chip.sending,.chip.scheduled{color:var(--warn);background:#fdf3e1}.chip.received{color:var(--deep);background:#e9f4fb}.chip.sending:before,.chip.queued:before{animation:pulse 1.2s infinite}.dot{width:9px;height:9px;border-radius:50%;background:var(--second);display:inline-block;position:relative;flex:none}.dot.on{background:var(--ok)}.dot.on:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--ok);animation:ring 2s infinite}.toggle{width:40px;height:24px;border-radius:999px;background:#d9e0e7;border:0;position:relative;cursor:pointer;transition:background .3s;padding:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .35s var(--ease);box-shadow:0 2px 4px #0000002e}.toggle.on{background:var(--grad)}.toggle.on:after{transform:translate(16px)}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px;position:relative;z-index:1;box-shadow:var(--shadow-1)}.seg button{white-space:nowrap;border:0;background:none;padding:7px 15px;border-radius:999px;cursor:pointer;color:var(--muted);font-weight:500;font-size:14px;transition:background .25s var(--ease),color .2s}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--ink);color:#fff;box-shadow:0 4px 12px #0f141933}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141959;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;z-index:40;animation:fade .2s}.modal{background:var(--surface);border-radius:20px;padding:28px;width:min(540px,100%);max-height:92vh;overflow:auto;box-shadow:0 32px 80px -20px #0f141959;animation:pop-in .4s var(--ease)}.qr{width:220px;height:220px;margin:12px auto;display:block;padding:10px;border-radius:16px;background:#fff;box-shadow:var(--shadow-2)}.steps{counter-reset:s;display:grid;gap:18px}.step{display:grid;grid-template-columns:30px 1fr;gap:12px}.step:before{counter-increment:s;content:counter(s);width:30px;height:30px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-weight:600;font-size:13px}.countdown{font-variant-numeric:tabular-nums}.success{text-align:center;padding:24px 0}.success .big{width:76px;height:76px;margin:0 auto 16px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:38px;animation:pop .6s var(--ease);box-shadow:var(--shadow-3)}.queue-bar,.meter,.track{height:7px;border-radius:999px;background:var(--soft);overflow:hidden;margin-top:10px}.queue-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--star),var(--accent));background-size:200% 100%;animation:flow 1.4s linear infinite}.meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--deep),var(--accent));transition:width 1.1s var(--ease)}.track{height:8px;margin-top:7px}.track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--button),var(--accent));transform-origin:left;animation:growx .9s var(--ease) both}.ok-note{color:var(--ok);font-weight:500;display:flex;align-items:center;gap:8px}.ok-note:before{content:"✓";width:22px;height:22px;border-radius:50%;background:#e7f6ee;display:grid;place-items:center;font-size:12px}.keybox{display:flex;gap:8px;align-items:center;background:var(--soft);border-radius:10px;padding:10px 12px;word-break:break-all}pre{background:#0f1419;color:#e6f1fb;border-radius:12px;padding:18px;overflow-x:auto;font-size:13px;line-height:1.65}pre code{color:inherit}.empty{text-align:center;padding:40px 16px;color:var(--muted)}.skeleton{height:420px;border-radius:18px;background:linear-gradient(90deg,#eef2f6,#fff,#eef2f6);background-size:200% 100%;animation:flow 1.4s linear infinite}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;z-index:50;box-shadow:var(--shadow-2);animation:toast-in .45s var(--ease)}.login{min-height:100vh;display:grid;place-items:center;padding:16px;position:relative;overflow:hidden}.login:before{content:"*";position:absolute;font-size:520px;line-height:1;color:var(--star);opacity:.35;right:-80px;top:-140px;animation:spin 40s linear infinite;pointer-events:none}.login .card{width:min(420px,100%);padding:34px;box-shadow:0 30px 80px -24px #0176d359;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0}.hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding:30px;border-radius:22px;color:#fff;background:var(--grad);box-shadow:var(--shadow-3);animation:rise .6s var(--ease)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 240px at 85% -20%,rgba(255,255,255,.35),transparent 60%),radial-gradient(400px 200px at 0% 120%,rgba(166,221,242,.45),transparent 60%);pointer-events:none}.hero:after{content:"*";position:absolute;right:24px;top:-30px;font-size:170px;line-height:1;color:#fff;opacity:.22;animation:spin 26s linear infinite;pointer-events:none}.hero>*{position:relative;z-index:1}.hero .label{color:#fffc}.hero h1{margin:6px 0 0;color:#fff}.hero h1 em{color:#ffffffb3}.hero .seg{background:#ffffff29;border-color:#ffffff4d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none}.hero .seg button{color:#ffffffd9}.hero .seg button.on{background:#fff;color:var(--ink)}.chart{display:grid;grid-template-columns:32px 1fr;gap:8px;margin-top:12px}.yaxis{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--second);text-align:right;height:180px}.plot{position:relative}.gridline{position:absolute;left:0;right:0;border-top:1px dashed var(--line)}.cols{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:4px}.cols.tight{gap:3px}.col{flex:1;height:100%;display:flex;align-items:flex-end;position:relative}.bar-stack{width:100%;display:flex;flex-direction:column;gap:2px;border-radius:5px 5px 0 0;overflow:hidden;transform-origin:bottom;animation:grow .9s var(--ease) both}.bar-stack i{display:block;min-height:2px}.col.hot .bar-stack{filter:brightness(1.1) saturate(1.1)}.col.hot:before{content:"";position:absolute;top:0;right:-2px;bottom:0;left:-2px;background:#00a1e012;border-radius:6px}.tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--ink);color:#fff;font-size:12px;padding:9px 11px;border-radius:10px;white-space:nowrap;z-index:3;display:grid;gap:3px;pointer-events:none;animation:fade .15s;box-shadow:var(--shadow-2)}.tip em{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.xaxis{display:flex;gap:4px;margin:8px 0 0 40px;font-size:11px;color:var(--second)}.xaxis span{flex:1;text-align:center;white-space:nowrap}.card>.xaxis{margin-left:0}.legend{display:flex;gap:16px;font-size:13px;color:var(--muted);margin-top:14px;align-items:center;flex-wrap:wrap}.legend b{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.legend .linkbtn{margin-left:auto;font-size:13px}.hbars{display:grid;gap:14px}.inbound-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;background:var(--soft);border-radius:12px}.chatapp{display:grid;grid-template-columns:340px 1fr;height:100%}.convs{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.convs-head{display:flex;justify-content:space-between;align-items:center;padding:22px 18px 12px}.search{margin:0 16px 10px;padding-left:36px;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238a8a8a' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px center;border-color:transparent}.gbtn{margin:0 16px 12px;display:flex;align-items:center;gap:8px;justify-content:center;border:1px dashed #cfd8e1;background:var(--surface);border-radius:12px;padding:9px;font-size:13px;color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s,transform .2s var(--ease)}.gbtn:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-1px)}.conv-list{overflow-y:auto;flex:1;padding:0 10px 16px}.conv{width:100%;display:flex;gap:12px;align-items:center;padding:11px 12px;border:0;background:none;border-radius:14px;cursor:pointer;text-align:left;transition:background .2s,transform .2s var(--ease);animation:slide-in .4s var(--ease) both}.conv:hover{background:#00a1e00f}.conv.on{background:var(--surface);box-shadow:var(--shadow-1),0 0 0 1px var(--line)}.conv-body{flex:1;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{flex:none;width:42px;height:42px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px;box-shadow:0 4px 10px -4px #0176d380}.avatar.sm{width:30px;height:30px;font-size:12px}.thread{display:flex;flex-direction:column;min-height:0;background:radial-gradient(800px 400px at 100% 0,rgba(0,161,224,.06),transparent 60%),#f7fafc}.thread-head{display:flex;gap:12px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.thread-head .to{flex:1;border:0;box-shadow:none;padding:8px 0;font-size:16px;background:transparent}.suggest{position:absolute;top:100%;left:48px;right:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-2);z-index:5;overflow:hidden;animation:pop-in .2s var(--ease)}.suggest button{width:100%;display:flex;gap:10px;align-items:center;padding:9px 12px;border:0;background:none;cursor:pointer;text-align:left}.suggest button:hover{background:var(--soft)}.bubbles{flex:1;overflow-y:auto;padding:24px clamp(16px,4vw,48px);display:flex;flex-direction:column}.daysep{text-align:center;margin:18px 0 12px}.daysep span{font-size:12px;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:4px 12px;border-radius:999px;text-transform:capitalize;box-shadow:var(--shadow-1)}.bubble{max-width:min(560px,75%);padding:10px 14px;border-radius:20px;margin:3px 0;animation:bubble-in .4s var(--ease) both;white-space:pre-wrap;word-wrap:break-word;box-shadow:var(--shadow-1)}.bubble.out{margin-left:auto;background:var(--grad);color:#fff;border-bottom-right-radius:6px;transform-origin:bottom right}.bubble.in{margin-right:auto;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:6px;transform-origin:bottom left}.bubble.out.failed{background:var(--surface);color:var(--ink);border:1px solid #f1c4c4}.bubble.out.scheduled,.bubble.out.queued,.bubble.out.sending{background:linear-gradient(135deg,#6fc3ea,#4c9ee3)}.bubble.out.canceled{opacity:.5}.bubble .meta{font-size:11px;opacity:.85;text-align:right;margin-top:4px}.bubble.in .meta{text-align:left;color:var(--muted)}.bubble .via{opacity:.9}.bubble .linkbtn{font-size:12px}.tick.delivered{color:#c9ecff;font-weight:600;letter-spacing:-2px}.conv .tick.delivered{color:var(--accent)}.tick.failed{color:var(--bad);font-weight:700}.tick.in{color:var(--accent);font-weight:600}.tick.queued,.tick.sending{animation:pulse 1.2s infinite}.composer{border-top:1px solid var(--line);padding:14px clamp(16px,4vw,48px) 20px;display:grid;gap:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.composer textarea{min-height:76px;border-radius:16px;background:var(--soft);border-color:transparent}.composer textarea:focus{background:var(--surface)}.mini{padding:6px 9px;font-size:13px;border-radius:9px}.btn.send{display:inline-flex;align-items:center;gap:8px;padding:11px 24px}.btn.send svg{transition:transform .25s var(--ease)}.btn.send:hover svg{transform:translate(4px)}@media (max-width: 860px){.chatapp{grid-template-columns:1fr;height:auto}.convs{border-right:0;border-bottom:1px solid var(--line);max-height:42vh}.thread{min-height:72vh}.hero{padding:22px}.main.wide{height:auto}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes bubble-in{0%{opacity:0;transform:scale(.92) translateY(6px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade{0%{opacity:0}}@keyframes pulse{50%{opacity:.3}}@keyframes ring{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.7);opacity:0}}@keyframes grow{0%{transform:scaleY(0)}}@keyframes grow-y{0%{transform:scaleY(0)}}@keyframes growx{0%{transform:scaleX(0)}}@keyframes pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.12)}to{transform:none}}@keyframes flash{0%{background:#e3f4fc}}@keyframes flow{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.sim-state{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.sim-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.sim-state.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}.sim-state.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}.sim-state.off{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card.priv{display:flex;flex-direction:column;gap:8px}.priv-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:700;font-size:17px;animation:pop .5s var(--ease)}.priv-ico.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.priv-ico.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}main>h2{margin:34px 0 12px}.chip.new,.chip.proposed,.chip.draft,.chip.da_leggere,.chip.pending,.chip.handoff{color:var(--warn);background:#fdf3e1}.chip.active,.chip.approved,.chip.replied,.chip.interessato,.chip.done{color:var(--ok);background:#e7f6ee}.chip.paused,.chip.off,.chip.skipped{color:var(--muted);background:var(--soft)}.chip.stop,.chip.no,.chip.error{color:var(--bad);background:#fbeaea}.variant{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:10px;background:var(--surface);transition:border-color .3s,box-shadow .3s}.variant.approved{border-color:#bfe6cf;box-shadow:0 0 0 3px #e7f6ee}.variant textarea{min-height:84px}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:4px 0 18px}.flow div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;position:relative;animation:bubble-in .5s var(--ease) both}.flow div:nth-child(2){animation-delay:80ms}.flow div:nth-child(3){animation-delay:.16s}.flow div:nth-child(4){animation-delay:.24s}.flow div:nth-child(5){animation-delay:.32s}.flow b{display:block;font-size:24px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.flow span{font-size:12px;color:var(--muted)}.flow div.hot b{color:var(--ok)}.camp{display:grid;gap:4px;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.camp:hover{transform:translateY(-2px)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:12px;background:var(--soft);border-radius:999px;padding:3px 10px;color:var(--muted)}@media (max-width: 860px){.flow{gap:5px}.flow div{padding:8px 6px;text-align:center}.flow b{font-size:19px}.flow span{font-size:11px}.chatapp{grid-template-columns:1fr}.chatapp.open .convs,.chatapp:not(.open) .thread{display:none}}