:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f2f2f4;--card:#fff;--bg-soft:#fff;--bg-hover:#f0f0f3;--border:#ececf0;--text:#1c1c1e;--text-dim:#86868c;--accent:#111;--accent-soft:#f0f0f3;--danger:#dc2626;--danger-soft:#fee2e2;--warning:#b45309;--warning-soft:#fef3c7;--success:#059669;--bubble-client:#f1f3f5;--bubble-bot:#e7f0ff;--bubble-manager:#dcfce7;--radius:12px;--radius-card:18px;--shadow:0 1px 2px #0000000a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101114;--card:#1c1f24;--bg-soft:#1c1f24;--bg-hover:#272b31;--border:#32363d;--text:#e8eaed;--text-dim:#9aa0a8;--accent:#e8eaed;--accent-soft:#272b31;--danger:#f87171;--danger-soft:#451a1a;--warning:#fbbf24;--warning-soft:#422c06;--success:#34d399;--bubble-client:#24282e;--bubble-bot:#1c2c47;--bubble-manager:#14342a;--shadow:0 1px 3px #0006}}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-soft);border-radius:6px;padding:6px 12px;transition:background .15s}button:hover:not(:disabled){background:var(--bg-hover)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg-soft);font-weight:600}button.primary:hover:not(:disabled){background:#2a2a2c}input,textarea,select{font:inherit;color:inherit;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:7px 10px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.app{grid-template-rows:auto 1fr;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--border);background:var(--card);align-items:center;gap:16px;padding:10px 16px;display:flex}.topbar .brand{font-weight:700}.menu-toggle,.pane-back,.pane-order,.order-panel .pane-header{display:none}.topbar .spacer{flex:1}.topbar nav{gap:6px;display:flex}.topbar nav button{border-radius:8px;padding:6px 14px}.topbar nav button.active{background:var(--accent);border-color:var(--accent);color:var(--bg-soft)}.banner{border-bottom:1px solid var(--border);padding:8px 16px;font-size:13px}.banner.danger{background:var(--danger-soft);color:var(--danger)}.banner.warning{background:var(--warning-soft);color:var(--warning)}.banner button{border-radius:999px;margin-left:12px;padding:2px 8px;font-size:12px}.workspace{grid-template-columns:320px 1fr 340px;gap:10px;min-height:0;padding:10px;display:grid}.workspace>*{background:var(--card);border-radius:var(--radius-card);min-height:0;box-shadow:var(--shadow);overflow:hidden}.chat-list,.order-panel{flex-direction:column;display:flex}.chat-list .filters{border-bottom:1px solid var(--border);gap:6px;padding:10px;display:grid}.chat-list .filter-row{flex-wrap:wrap;gap:4px;display:flex}.chat-list .filter-row button{border-radius:8px;padding:3px 10px;font-size:12px}.chat-list .filter-row button.active{background:var(--accent);border-color:var(--accent);color:var(--bg-soft)}.chat-list .items{flex:1;overflow-y:auto}.chat-item{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:start;gap:8px;padding:8px 10px;display:grid}.chat-item:hover{background:var(--bg-hover)}.chat-item.selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.chat-item.overdue{border-left:3px solid var(--danger);padding-left:7px}.chat-item .avatar{background:var(--bg-hover);width:36px;height:36px;color:var(--text-dim);border-radius:50%;place-items:center;font-size:13px;display:grid;overflow:hidden}.chat-item .avatar img{object-fit:cover;width:100%;height:100%}.chat-item .name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.chat-item .name .vk-link,.chat-header .title a{color:inherit;text-decoration:none}.chat-item .name .vk-link:hover,.chat-header .title a:hover{text-decoration:underline}.chat-item .name .vk-link{-webkit-user-select:none;user-select:none}.chat-item .meta{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-item .right{color:var(--text-dim);justify-items:end;gap:3px;font-size:11px;display:grid}.attach-button{border:1px solid var(--border);background:var(--bg-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-self:flex-end;padding:8px 10px}.attach-button.disabled{opacity:.5;cursor:default}.attach-button input[type=file]{display:none}.accrue-pick{width:100%;margin:6px 0;display:block}.accrue-pick label{cursor:pointer;padding:2px 0;display:block}.tree-toggle{cursor:pointer;color:var(--text-dim);background:0 0;border:none;padding:0 4px;font-size:12px}.badge{background:var(--bg-hover);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;line-height:1.5;display:inline-block}.badge.unread{background:var(--accent);color:var(--bg-soft)}.badge.attention{background:var(--danger-soft);color:var(--danger)}.badge.manager{background:var(--warning-soft);color:var(--warning)}.chat-window{flex-direction:column;display:flex}.chat-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.chat-header .title{font-weight:600}.chat-header .spacer{flex:1}.feed{flex-direction:column;flex:1;gap:6px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.feed-loading{border:2px solid var(--border);border-top-color:var(--text-dim);border-radius:50%;align-self:center;width:26px;height:26px;margin:auto;animation:.7s linear infinite feed-spin}@keyframes feed-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.feed-loading{animation:none}}.day-divider{color:var(--text-dim);align-self:center;margin:8px 0 4px;font-size:12px}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:72%;padding:8px 12px}.bubble.client{background:var(--bubble-client);border-bottom-left-radius:4px;align-self:flex-start}.bubble.bot{background:var(--bubble-bot);border-bottom-right-radius:4px;align-self:flex-end}.bubble.manager{background:var(--bubble-manager);border-bottom-right-radius:4px;align-self:flex-end}.bubble .author{color:var(--text-dim);margin-bottom:2px;font-size:11px}.bubble .footer{color:var(--text-dim);justify-content:flex-end;align-items:center;gap:6px;margin-top:3px;font-size:11px;display:flex}.tap{color:var(--text-dim);border-left:2px solid var(--border);align-self:flex-start;padding:1px 0 1px 4px;font-size:12px}.attachment{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:flex}.thumb{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;background:var(--bg-hover);width:120px;height:90px}.thumb-missing{border-radius:var(--radius);border:1px dashed var(--border);text-align:center;width:120px;height:90px;color:var(--text-dim);place-items:center;padding:4px;font-size:11px;display:grid}.status{font-size:11px}.status.pending{color:var(--text-dim)}.status.sent{color:var(--success)}.status.failed{color:var(--danger)}.status.held,.status.expired{color:var(--warning)}.composer{border-top:1px solid var(--border);flex:none;gap:6px;max-height:55vh;padding:10px 12px;display:grid;overflow-y:auto}.composer .row{align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:vertical;border-radius:14px;min-height:38px;max-height:160px}.composer .notice{border-radius:var(--radius);padding:6px 10px;font-size:12px}.composer .notice.warning{background:var(--warning-soft);color:var(--warning)}.composer .notice.danger{background:var(--danger-soft);color:var(--danger)}.typing{color:var(--text-dim);min-height:16px;font-size:12px}.new-pill{background:var(--accent);color:var(--bg-soft);border-color:var(--accent);box-shadow:var(--shadow);border-radius:999px;align-self:center;position:sticky;bottom:6px}.order-panel .content{gap:14px;padding:14px;display:grid;overflow-y:auto}.card-section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 6px;font-size:12px;font-weight:600}.field{grid-template-columns:120px 1fr;gap:8px;padding:2px 0;display:grid}.field .label{color:var(--text-dim)}.field .pending{color:var(--text-dim);font-style:italic}.file-row{border-top:1px solid var(--border);grid-template-columns:56px 1fr;align-items:center;gap:8px;padding:6px 0;display:grid}.file-row .thumb,.file-row .thumb-missing{width:56px;height:56px}.file-row .name{word-break:break-all;font-size:13px}.file-row .info{color:var(--text-dim);font-size:12px}.file-row .info .weak{color:var(--warning)}.overlay{z-index:50;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border:none;border-radius:20px;gap:12px;width:min(440px,100%);padding:24px;display:grid;box-shadow:0 8px 30px #0000001f}.modal h2{margin:0;font-size:17px}.modal .actions{justify-content:flex-end;gap:8px;display:flex}.modal .error{color:var(--danger);font-size:13px}.modal .hint{color:var(--text-dim);font-size:13px}.lightbox{z-index:60;background:#000000d9;grid-template-rows:1fr auto;place-items:center;gap:12px;padding:20px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:100%}.lightbox .actions{gap:8px;display:flex}.empty{height:100%;color:var(--text-dim);text-align:center;place-items:center;padding:24px;display:grid}.center-screen{place-items:center;height:100vh;display:grid}.login-form{background:var(--card);border-radius:20px;gap:14px;width:min(360px,100%);padding:32px;display:grid;box-shadow:0 8px 30px #0000000f}table.users{border-collapse:separate;border-spacing:0;background:var(--card);border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow);overflow:hidden}table.users th,table.users td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px}table.users tr:last-child td{border-bottom:none}table.users th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:11px;font-weight:600}.page{align-content:start;gap:16px;width:100%;max-width:1100px;margin:0 auto;padding:20px;display:grid;overflow-y:auto}.page>div:has(>h2){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page section{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px 24px}.page section table.users{box-shadow:none;border-radius:0}.page h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:12px;font-weight:600}.page h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:12px 0 0;font-size:12px;font-weight:600}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-actions label{white-space:nowrap;flex-direction:row;align-items:center;gap:8px;display:flex}.row-actions input,.row-actions select{width:auto}.muted{color:var(--text-dim)}.upload{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-soft);border-radius:var(--radius);padding:6px 12px;display:inline-block}.upload:hover{background:var(--bg-hover)}.upload input{display:none}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=1100px){.workspace{grid-template-columns:280px 1fr}.workspace>.order-panel{display:none}.workspace.pane-order>.order-panel{flex-direction:column;display:flex}.workspace.pane-order>.chat-window,.workspace.pane-order>.empty{display:none}.pane-order,.order-panel .pane-header{display:flex}.order-panel .pane-header .pane-back{display:inline-flex}}@media (width<=720px){body{font-size:15px}.app{height:100dvh}.topbar{gap:10px;padding:8px 12px;position:relative}.menu-toggle{justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0;font-size:18px;display:inline-flex}.topbar nav{display:none}.topbar nav.open{z-index:40;background:var(--card);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:6px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 20px #0000001f}.topbar nav.open button{text-align:left;border:none;border-radius:8px;padding:12px 14px}.topbar .muted{display:none}.workspace{grid-template-columns:1fr;gap:0;padding:0}.workspace>*{box-shadow:none;border-radius:0}.workspace>.chat-list,.workspace>.chat-window,.workspace>.order-panel,.workspace>.empty{display:none}.workspace.pane-list>.chat-list,.workspace.pane-chat>.chat-window{flex-direction:column;display:flex}.workspace.pane-chat>.empty{grid-template-rows:auto 1fr;justify-items:start;padding:10px;display:grid}.workspace.pane-chat>.empty>div{place-self:center}.center-screen{align-items:start;height:100dvh;padding:16px}.login-form{width:100%;padding:24px 18px}.workspace.pane-order>.order-panel{flex-direction:column;display:flex}.pane-back{justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0;font-size:18px;display:inline-flex}.order-panel .pane-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 10px;display:flex}.order-panel .pane-header .title{font-weight:600}.chat-item{min-height:56px;padding:12px}.chat-item .avatar{width:42px;height:42px}.chat-list .filter-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.chat-list .filter-row button{flex:none;padding:7px 12px;font-size:13px}.chat-header{gap:8px;padding:8px 10px}.chat-header .muted{text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}.bubble{max-width:86%}.feed{padding:10px}.composer{max-height:50vh;padding:8px 10px}.ai-draft .layout-preview{max-width:150px}.ai-draft .layout-preview img{max-width:150px;max-height:110px}.composer textarea,input,textarea,select{font-size:16px}.composer textarea{min-height:44px}button{min-height:40px;padding:8px 14px}.chat-list .filter-row button,.badge,.tree-toggle{min-height:0}.field{grid-template-columns:1fr;gap:2px;padding:4px 0}.page section .field{border-top:1px solid var(--border);padding:10px 0}.page section .field:first-of-type{border-top:none}.page section .field .upload,.page section .field>span>button{width:100%;margin-top:6px}.order-panel .content{padding:12px}.page{gap:12px;padding:12px}.page section{border-radius:var(--radius);padding:14px 12px}table.users{min-width:560px}.modal{border-radius:16px;width:100%;max-height:calc(100dvh - 32px);padding:18px;overflow-y:auto}.overlay{align-items:start;padding:12px}.modal .actions{flex-direction:column-reverse}.modal .actions button{width:100%}.row-actions{gap:6px}.lightbox{padding:10px}}.chat-item .avatar{position:relative}.chat-item .avatar .initials{line-height:1}.chat-item .avatar img{position:absolute;inset:0}.ai-draft .draft-text{white-space:pre-wrap;margin:6px 0}.ai-draft .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-draft .layout-prompt{width:100%;font:inherit;resize:vertical;border:1px solid #d0d0d0;border-radius:4px;margin:6px 0;padding:6px 8px}.ai-draft .layout-previews{flex-wrap:wrap;gap:12px;margin:8px 0;display:flex}.ai-draft .layout-preview{flex-direction:column;align-items:flex-start;gap:4px;max-width:260px;display:flex}.ai-draft .layout-verdict{font-size:13px;line-height:1.35}.ai-draft .layout-verdict.ok{color:#2e7d32}.ai-draft .layout-verdict.bad{color:#c62828}.ai-draft .layout-verdict ul{margin:4px 0;padding-left:18px}.ai-draft .layout-preview img{background:#fff;border:1px solid #d0d0d0;border-radius:4px;max-width:260px;max-height:180px}.ozon-order{border-bottom:1px solid #00000014;padding:8px 0}.ozon-order .fulfillment-failed{color:var(--danger)}.ozon-order .fulfillment-note{color:var(--warning)}.ozon-order .fulfillment-actions{margin-top:4px}.topbar .ai-model{max-width:230px;padding:4px 6px;font-size:13px}