:root{--canvas:#fbf7ef;--surface:#fffdf8;--surface-muted:#f3ebdd;--ink:#201a17;--ink-muted:#70645b;--border:#ded2c2;--accent:#a8743b;--accent-hover:#8f5f2e;--accent-soft:#ead9bf;--success:#416b57;--warning:#a56b2c;--danger:#9b4d45;--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--shadow-soft:0 1px 2px #201a170a, 0 4px 12px #201a170f}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}a{color:var(--accent)}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.crm{--baltic:#05668d;--baltic-dark:#044d6b;--baltic-light:#0779a8;--steel:#427aa1;--steel-light:#5590b5;--alice:#ebf2fa;--alice-dark:#d4e5f5;--alice-light:#f5f9fe;--sage:#679436;--sage-light:#7dae41;--lime:#a5be00;--surface:#fff;--surface-2:#f8fbfe;--surface-3:#ebf2fa;--line:#dce8f0;--text:#0e1e2c;--text-muted:#4a6378;--text-faint:#8fa8bc;--accent:var(--baltic);--accent-2:var(--steel);--accent-hover:var(--baltic-light);--accent-soft:#05668d1a;--success:#4f7f26;--warning:#c77a0a;--danger:#d62839;--info:var(--steel);--radius:18px;--radius-md:12px;--shadow-sm:0 1px 3px #05668d14, 0 1px 2px #05668d0d;--shadow:0 4px 16px #05668d1a, 0 2px 6px #05668d0f;--shadow-lg:0 8px 32px #05668d1f, 0 4px 12px #05668d14;--grad-primary:linear-gradient(135deg, #05668d 0%, #427aa1 100%);--grad-accent:linear-gradient(135deg, #679436 0%, #a5be00 100%);--grad-card:linear-gradient(145deg, #fff 0%, #f4f9fe 100%);--ease:cubic-bezier(.4,0,.2,1);--font:"DM Sans", "Segoe UI", system-ui, sans-serif;font-family:var(--font);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;background:linear-gradient(160deg,#f8fbfe 0%,#ebf2fa 100%) fixed;min-height:100vh}body:has(.crm){background:#ebf2fa}.crm h1,.crm h2,.crm h3,.crm h4{font-family:var(--font)}.crm *,.crm :before,.crm :after{box-sizing:border-box}.crm a{color:inherit;text-decoration:none}.crm h1{letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:800}.crm h2{letter-spacing:-.01em;margin:0 0 12px;font-size:16px;font-weight:700}.crm code,.crm pre{font-family:DM Mono,monospace}.crm .muted{color:var(--text-muted)}.crm .faint{color:var(--text-faint);font-size:12px}.crm ::selection{background:var(--accent);color:#fff}.crm ::-webkit-scrollbar{width:10px;height:10px}.crm ::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:content-box;border:2px solid #0000;border-radius:999px}.crm :focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.crm *{transition:none!important;animation:none!important}}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{box-shadow:var(--shadow-sm);border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:4px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:2px 10px 10px;font-size:20px;font-weight:700;display:flex}.brand .mark{background:var(--grad-primary);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 16px #05668d4d}.brand small{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500;display:block}.nav-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding:10px 12px 2px;font-size:11px}.nav a{border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:11px;padding:7px 12px;font-size:14px;transition:background .15s,color .15s;display:flex;position:relative}.nav a svg{flex:none}.nav a:hover{background:var(--alice);color:var(--baltic)}.nav a.active{background:var(--alice-dark);color:var(--baltic);box-shadow:var(--shadow-sm);font-weight:700}.nav a.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.nav a.active svg{color:var(--baltic)}.sidebar .me{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;margin-top:auto;padding:12px;font-size:13px;display:flex}.me .who{align-items:center;gap:10px;min-width:0;display:flex}.avatar{background:var(--grad-primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.me .who div{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.me .row{gap:6px;display:flex}.me .row .btn{flex:1;padding:6px 8px;font-size:13px}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#ffffffd9;justify-content:space-between;align-items:center;gap:12px;padding:14px 32px;display:flex;position:sticky;top:0}.topbar .chips{flex-wrap:wrap;gap:8px;display:flex}.status-dot{color:var(--text-muted);border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:13px;display:inline-flex}.status-dot i{background:var(--sage);border-radius:50%;width:8px;height:8px;animation:2.4s infinite pulse;box-shadow:0 0 0 4px #67943633}.status-dot.off i{background:var(--danger);box-shadow:0 0 0 4px #d628392e}.content{padding:26px 32px 70px;animation:.35s backwards rise}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head .titlebox{align-items:center;gap:14px;display:flex}.page-head .ticon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent-hover);border:1px solid var(--alice-dark);border-radius:13px;flex:none;place-items:center;display:grid}.page-head .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn.help-btn{border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.help-btn svg{flex:none}.card{background:var(--grad-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.card.lift{transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s}.card.lift:hover{box-shadow:var(--shadow-lg);border-color:var(--alice-dark);transform:translateY(-2px)}.card h3{margin:0 0 2px;font-size:15px;font-weight:700}.card .sub{color:var(--text-faint);margin-bottom:10px;font-size:12px}.chart{height:240px}.chart-empty{height:240px;color:var(--text-faint);text-align:center;place-items:center;font-size:13px;display:grid}.grid.charts{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:16px}.legend{color:var(--text-muted);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:12px;display:flex}.legend i{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.grid{gap:16px;display:grid}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.hero{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-lg);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.hero h1{color:#fff;font-size:28px}.hero .muted{color:#ffffffd1}.hero .art{flex:0 380px;min-width:240px;max-width:100%}.hero .art svg{width:100%;height:auto;display:block}.stat{align-items:center;gap:14px;display:flex}.stat .ico{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-hover);border-radius:12px;flex:none;place-items:center;display:grid}.stat .ico.ok{color:var(--sage);background:#67943624}.stat .ico.bad{color:var(--danger);background:#d628391a}.stat .ico.info{color:var(--info);background:#427aa124}.stat .n{letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1.05}.stat .l{color:var(--text-muted);font-size:13px}.btn{background:var(--surface);color:var(--baltic);border:1px solid var(--line);border-radius:var(--radius-md);font-weight:600;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:14px;transition:border-color .15s,transform .1s,background .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--baltic);background:var(--alice-light)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-sm);border-color:#0000;border-radius:999px;padding:8px 20px;font-weight:600}.btn.primary:hover:not(:disabled){box-shadow:var(--shadow);background:var(--grad-primary);transform:translateY(-1px)}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:0 0}.input,.select,.textarea{color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);font:inherit;background:#fff;min-width:0;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:hover,.select:hover{border-color:var(--steel-light)}.input:focus,.select:focus,.textarea:focus{border-color:var(--steel);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.select option{background:var(--surface);color:var(--text)}.input:disabled{opacity:.6;cursor:not-allowed}.field{color:var(--text-muted);flex-direction:column;gap:5px;font-size:13px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.pwbox{display:flex;position:relative}.pwbox .input{width:100%;padding-right:42px}.pwbox button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.pwbox button:hover{color:var(--text);background:var(--surface-2)}.hint{color:var(--warning);font-size:12px}.hint.bad{color:var(--danger)}.hint.ok{color:var(--success)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-height:70vh;box-shadow:var(--shadow);overflow:auto}table.t{border-collapse:collapse;width:100%;font-size:14px}.t th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface-2);z-index:1;padding:11px 14px;font-size:12px;font-weight:500;position:sticky;top:0}.t td{border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px}.t tbody tr{transition:background .12s}.t tbody tr:hover td{background:var(--alice-light)}.t tr:last-child td{border-bottom:0}.t tr.click{cursor:pointer}.empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:34px 20px;display:flex}.empty svg{opacity:.95;width:150px;height:auto}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 37%, var(--surface-2) 63%);background-size:200% 100%;border-radius:10px;height:16px;animation:1.4s linear infinite shimmer}.pill{background:var(--surface-3);color:var(--text-muted);white-space:nowrap;text-transform:capitalize;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;display:inline-flex}.pill.ok{color:var(--success);background:#67943624}.pill.warn{color:var(--warning);background:#e8931a24}.pill.bad{color:var(--danger);background:#d628391a}.pill.info{background:var(--accent-soft);color:var(--baltic)}.banner{border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:11px 14px;font-size:14px;display:flex}.banner.warn{color:var(--warning);background:#e8931a1a;border:1px solid #e8931a4d}.banner.bad{color:var(--danger);background:#d6283914;border:1px solid #d6283947}.banner.ok{color:var(--success);background:#6794361a;border:1px solid #6794364d}.switch{flex:none;width:44px;height:25px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.switch span{background:var(--surface-3);pointer-events:none;border-radius:999px;transition:all .18s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:all .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #05668d4d}.switch input:checked+span{background:var(--grad-primary)}.switch input:checked+span:after{transform:translate(19px)}.switch input:focus-visible+span{outline:2px solid var(--accent-hover);outline-offset:2px}.switch input:disabled{cursor:not-allowed}.switch input:disabled+span{opacity:.5}.login{grid-template-columns:1.15fr 1fr;min-height:100vh;display:grid}.login .side{background:var(--grad-primary);color:#fff;flex-direction:column;justify-content:space-between;gap:24px;padding:48px;display:flex;position:relative;overflow:hidden}.login .side .brand,.login .side .brand small,.login .side .muted{color:#fff}.login .side .muted{opacity:.85}.login .side h2{max-width:460px;margin:0 0 12px;font-size:34px;line-height:1.12}.login .side ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.login .side li{align-items:center;gap:10px;display:flex}.login .side li svg{color:var(--lime);flex:none}.login .side .art svg{width:100%;max-width:560px;height:auto;display:block}.login .formside{place-items:center;padding:28px 20px;display:grid}.login form{flex-direction:column;gap:16px;width:100%;max-width:380px;animation:.4s backwards rise;display:flex}.wa{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:300px 1fr;height:calc(100vh - 96px);min-height:460px;display:grid;overflow:hidden}.wa.with-info{grid-template-columns:300px 1fr 250px}.content:has(.wa){padding:12px 16px}.wa-list{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.wa-list-head{border-bottom:1px solid var(--line);flex-direction:column;gap:7px;padding:10px 10px 8px;display:flex}.wa-list-head .t{justify-content:space-between;align-items:center;display:flex}.wa-list-head h2{align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.wa-convs{flex:1;overflow-y:auto}.badge{color:#fff;background:#25d366;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.tabs2{background:var(--surface-2);border-radius:10px;gap:4px;padding:3px;display:flex}.tabs2 button{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:6px 8px;font-size:13px;font-weight:600}.tabs2 button.on{color:var(--baltic);box-shadow:var(--shadow-sm);background:#fff}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line);font:inherit;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:999px;padding:3px 10px;font-size:12px}.chips button.on{background:var(--accent-soft);border-color:var(--steel);color:var(--baltic);font-weight:600}.avatar{border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.conv2{cursor:pointer;border-bottom:1px solid var(--line);border-left:3px solid #0000;align-items:center;gap:10px;padding:8px 12px;display:flex}.conv2:hover{background:var(--surface-2)}.conv2.active{background:var(--surface-2);border-left-color:#25d366}.conv2 .mid{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.conv2 .r1,.conv2 .r2{justify-content:space-between;align-items:center;gap:8px;display:flex}.conv2 .nm{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.conv2 .tm{color:var(--text-faint);flex:none;font-size:11px}.conv2 .pv{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.conv2.unread .nm,.conv2.unread .pv{color:var(--text);font-weight:700}.conv2.unread .tm{color:#1fa855;font-weight:700}.conv2 .nmw{align-items:center;gap:6px;min-width:0;display:flex}.dot-attn{background:#e5484d;border-radius:50%;flex:none;width:8px;height:8px}.tag{text-transform:capitalize;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--line);border-radius:999px;flex:none;padding:0 6px;font-size:10px}.tag.customer{color:#1a5fa8;background:#e6f2ff;border-color:#cfe3fb}.tag.supplier{color:#9a5a00;background:#fff1de;border-color:#fbe0b8}.tag.driver{color:#1d7a45;background:#e8f7ee;border-color:#c9ecd7}.tag.attn{color:#b42318;background:#fde8e8;border-color:#f7cccc}.thread2{flex-direction:column;min-width:0;min-height:0;display:flex}.thread2.blank{color:var(--text-faint);text-align:center;background:var(--surface-2);justify-content:center;align-items:center;gap:8px;padding:24px}.thread2.blank b{color:var(--text-muted);font-size:18px}.thead{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:10px;padding:7px 12px;display:flex}.thead .who{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.msgs2{background:#efeae2 radial-gradient(#00000009 1px,#0000 1px) 0 0/18px 18px;flex-direction:column;flex:1;gap:2px;padding:10px 5%;display:flex;overflow-y:auto}.daysep{align-self:center;margin:6px 0 4px}.daysep span{color:var(--text-muted);background:#fff;border-radius:8px;padding:3px 12px;font-size:12px;box-shadow:0 1px 1px #00000014}.bubble2{white-space:pre-wrap;overflow-wrap:anywhere;color:#111b21;border-radius:8px;max-width:72%;padding:5px 8px 3px;font-size:13.5px;line-height:1.35;position:relative;box-shadow:0 1px 1px #0000001a}.bubble2.in{background:#fff;align-self:flex-start}.bubble2.out{background:#d9fdd3;align-self:flex-end}.bubble2.first{margin-top:7px}.bubble2.in.first{border-top-left-radius:0}.bubble2.out.first{border-top-right-radius:0}.bubble2 .meta{float:right;color:#667781;align-items:center;gap:3px;margin:6px 0 0 12px;font-size:11px;display:inline-flex}.bubble2 .kind{color:#667781;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10.5px;font-weight:700}.bubble2 .err{clear:both;color:#b42318;padding-top:2px;font-size:12px}.tick{color:#8696a0}.tick.read{color:#34b7f1}.tick.bad{color:#b42318;font-weight:700}.composer2{background:var(--surface-2);border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:7px 10px;display:flex}.composer2 .row{align-items:flex-end;gap:8px;display:flex}.msg-input{resize:none;border-radius:20px;flex:1;min-height:38px;max-height:130px;padding:8px 14px;line-height:1.35}.sendbtn{color:#fff;cursor:pointer;background:#25d366;border:0;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.sendbtn:disabled{background:var(--line);cursor:not-allowed}.iconbtn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.iconbtn:hover,.iconbtn.on{background:var(--accent-soft);color:var(--baltic)}.window-note{color:#6b4e00;background:#fff4d6;border:1px solid #f3dfa2;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.tpl-preview{white-space:pre-wrap;color:#111b21;background:#d9fdd3;border-radius:9px;padding:10px 12px;font-size:14px}.media-img{border-radius:6px;max-width:260px;max-height:260px;margin-bottom:3px;display:block}.media-miss,.media-file{color:var(--text-muted);padding:6px 2px;font-size:12.5px;display:block}.media-file{color:var(--baltic);font-weight:600}.quick{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.quick button{border:1px solid var(--line);font:inherit;color:var(--baltic);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:3px 10px;font-size:12px}.quick button:hover{background:var(--accent-soft)}.infop{border-left:1px solid var(--line);padding:20px 16px;overflow-y:auto}.infop .ctr{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:18px;display:flex}.infop dl{gap:12px;margin:0;display:grid}.infop dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:11px}.infop dd{margin:2px 0 0;font-size:14px}.modal-bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0e1e2c80;place-items:center;padding:16px;animation:.18s backwards rise;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:24px;width:100%;max-width:540px;max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 16px 48px #05668d40}.modal.wide{max-width:760px}.help h3{text-transform:uppercase;letter-spacing:.08em;color:var(--baltic);margin:18px 0 6px;font-size:13px}.help ul{color:var(--text-muted);gap:6px;margin:0;padding-left:18px;display:grid}.help p{color:var(--text-muted);margin:0}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;gap:2px;height:auto;padding:10px;position:static}.sidebar .nav{flex-wrap:wrap;gap:2px;display:flex}.nav-label,.nav a.active:before{display:none}.brand{width:100%;padding-bottom:8px}.sidebar .me{width:100%;margin-top:8px}.topbar{padding:10px 16px;position:static}.content{padding:18px 16px 48px}.wa,.wa.with-info{grid-template-columns:1fr;height:calc(100vh - 120px)}.wa.has-sel .wa-list,.wa:not(.has-sel) .thread2,.infop{display:none}.msgs2{padding:12px 10px}.login{grid-template-columns:1fr}.login .side{display:none}}.logo-img{width:auto;max-width:100%;height:38px;display:block}.brand.logo-brand{flex-direction:column;align-items:flex-start;gap:4px;padding:4px 10px 12px}.logo-brand small{margin-left:2px}.logo-plate{box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;align-self:flex-start;padding:12px 18px}.logo-plate .logo-img{height:44px}.form-logo{height:40px;margin-bottom:4px;display:none}@media (width<=900px){.form-logo{display:block}}.tx{flex-direction:column;gap:8px;max-height:52vh;padding:4px 2px;display:flex;overflow-y:auto}.tx .b{border-radius:14px;flex-direction:column;gap:2px;max-width:86%;padding:8px 12px;font-size:14px;line-height:1.45;display:flex}.tx .b small{opacity:.7;font-size:11px;font-weight:600}.tx .b.bot{background:var(--alice-light);border-bottom-left-radius:4px;align-self:flex-start}.tx .b.user{background:var(--grad-primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.tx .chip{color:#3b6a12;text-align:center;background:#e8f5d8;border-radius:999px;align-self:center;padding:4px 12px;font-size:12px;font-weight:600}