:root{--bg: #f5f6f8;--surface: #ffffff;--border: #e2e5ea;--text: #1c1f26;--muted: #6b7280;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #dc2626;--client-bubble: #eef1f6;--agent-bubble: #dbeafe;--system-bubble: #fef3c7;--selected-bg: #eaf1fe;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=dark]{--bg: #14161a;--surface: #1c1f26;--border: #2c303a;--text: #e5e7eb;--muted: #9198a8;--primary: #5b9dff;--primary-hover: #7fb2ff;--danger: #f87171;--client-bubble: #262a33;--agent-bubble: #1e3a5f;--system-bubble: #4b3f1a;--selected-bg: #1e2a45}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.4rem .8rem;font-size:.9rem}button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}button:disabled{opacity:.5;cursor:default}button.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}input,select,textarea{border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-size:.9rem;font-family:inherit;background:var(--surface);color:var(--text)}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.hint{color:var(--muted);font-size:.85rem}.empty{color:var(--muted);font-style:italic}.loading{padding:2rem;text-align:center;color:var(--muted)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.6rem 1.2rem;background:var(--surface);border-bottom:1px solid var(--border)}.app-header .brand{font-weight:700;text-decoration:none;color:var(--text)}.app-header nav{display:flex;gap:1rem;flex:1}.app-header nav a{color:var(--muted);text-decoration:none;font-size:.9rem}.app-header nav a:hover{color:var(--primary)}.incident-banner{display:flex;flex-direction:column;gap:.3rem;padding:.5rem 1rem;background:var(--system-bubble);border-bottom:1px solid var(--border)}.incident-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.88rem}.incident-row button{flex-shrink:0}.user-info{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--muted)}.theme-toggle{padding:.3rem .5rem;line-height:1;font-size:1rem}.online-staff{display:flex;gap:.25rem}.online-chip{position:relative;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--surface);border:1px solid var(--border);font-size:.7rem;font-weight:600;color:var(--muted);opacity:.5}.online-chip.online{opacity:1;color:var(--text)}.online-chip.online:after{content:"";position:absolute;bottom:-1px;right:-1px;width:.5rem;height:.5rem;border-radius:50%;background:#22c55e;border:1.5px solid var(--bg)}.login-page{flex:1;display:flex;align-items:center;justify-content:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem}.login-card{width:min(360px,92vw);text-align:center}.telegram-widget{display:flex;justify-content:center;margin:1rem 0}.dev-login{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:.6rem;text-align:left}.dev-login label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--muted)}.chats-page{flex:1;display:grid;grid-template-columns:280px 1fr 300px;min-height:0}.chat-list{border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;min-height:0}.chat-list-controls{padding:.8rem;display:flex;flex-direction:column;gap:.6rem;border-bottom:1px solid var(--border)}.filter-tabs{display:flex;gap:.3rem;flex-wrap:wrap}.filter-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chat-list ul{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.chat-list li{padding:.7rem .9rem;border-bottom:1px solid var(--border);cursor:pointer}.chat-list li:hover{background:var(--bg)}.chat-list li.selected{background:var(--selected-bg)}.chat-list li.overdue{border-left:3px solid var(--danger)}.chat-list li.overdue.selected{background:var(--selected-bg)}.chat-list li.overdue:not(.selected){background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.chat-list-row{display:flex;justify-content:space-between;font-weight:600;font-size:.9rem}.chat-time{font-weight:400;color:var(--muted);font-size:.8rem}.chat-status{font-size:.8rem;color:var(--muted);margin-top:.2rem}.chat-thread{display:flex;flex-direction:column;min-height:0;background:var(--bg)}.chat-thread.empty-state{align-items:center;justify-content:center;color:var(--muted)}.chat-thread-header{display:flex;justify-content:space-between;align-items:flex-start;padding:.8rem 1.2rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.6rem}.back-button{display:none;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;padding:.3rem .6rem;margin-right:.2rem}.chat-thread-header h2{margin:0 0 .2rem;font-size:1.05rem}.chat-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.ai-toggle{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--muted)}.closed-hint{margin:0;padding:.6rem 1.2rem;background:var(--surface);border-bottom:1px solid var(--border)}.transfer-form{display:flex;gap:.5rem;padding:.6rem 1.2rem;background:var(--surface);border-bottom:1px solid var(--border)}.transfer-form input{flex:1}.messages{flex:1;overflow-y:auto;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.6rem}.message{max-width:70%;padding:.5rem .7rem;border-radius:8px;background:var(--client-bubble)}.message-agent{background:var(--agent-bubble);align-self:flex-end}.message-system{background:var(--system-bubble);align-self:center;font-size:.85rem}.message-meta{display:flex;gap:.6rem;font-size:.7rem;color:var(--muted);margin-bottom:.2rem}.message-content{white-space:pre-wrap;word-break:break-word}.edit-message-button{margin-left:auto;padding:0 .3rem;border:none;background:none;font-size:.7rem;color:var(--muted);cursor:pointer}.edit-message-button:hover{color:var(--primary)}.message-edit-form{display:flex;flex-direction:column;gap:.3rem}.message-edit-form textarea{min-height:3rem;resize:vertical;font-family:inherit}.ai-suggestion{margin:0 1.2rem .6rem;padding:.6rem .8rem;border:1px dashed var(--primary);border-radius:8px;background:var(--bg)}.ai-suggestion-header{font-size:.75rem;font-weight:600;color:var(--primary);margin-bottom:.3rem}.ai-suggestion-text{white-space:pre-wrap;word-break:break-word;font-size:.9rem;margin-bottom:.5rem}.message-form{display:flex;gap:.6rem;padding:.8rem 1.2rem;background:var(--surface);border-top:1px solid var(--border)}.message-form textarea{flex:1;resize:none;min-height:2.4rem}.attach-button{font-size:1.1rem;line-height:1;padding:.4rem .6rem}.attachment-photo img{max-width:220px;max-height:220px;border-radius:6px;display:block}.attachment-file{display:inline-block;color:var(--primary);text-decoration:none;font-size:.85rem}.attachment-file:hover{text-decoration:underline}.attachment-photo+.message-content,.attachment-file+.message-content{margin-top:.4rem}.right-sidebar{border-left:1px solid var(--border);background:var(--surface);overflow-y:auto;display:flex;flex-direction:column}.panel{padding:1rem;border-bottom:1px solid var(--border)}.panel h3{margin:0 0 .5rem;font-size:.95rem}.panel h4{margin:.8rem 0 .4rem;font-size:.85rem;color:var(--muted)}.client-card dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem .6rem;margin:0;font-size:.85rem}.client-card dt{color:var(--muted)}.client-card dd{margin:0}.transactions{list-style:none;padding:0;margin:0;font-size:.8rem}.transactions li{display:flex;justify-content:space-between;gap:.4rem;padding:.2rem 0;border-bottom:1px solid var(--border)}.notes-panel ul{list-style:none;padding:0;margin:0 0 .6rem;display:flex;flex-direction:column;gap:.5rem;max-height:240px;overflow-y:auto}.notes-panel li{font-size:.85rem;padding:.4rem;background:var(--bg);border-radius:6px}.notes-panel form{display:flex;flex-direction:column;gap:.4rem}.notes-panel textarea{min-height:3rem;resize:vertical}.settings-page{flex:1;padding:1.5rem 2rem;overflow-y:auto}.ai-settings{margin:.6rem 0 2rem;display:flex;flex-direction:column;gap:.4rem;max-width:640px}.prompt-label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted);margin-top:.6rem}.prompt-textarea{min-height:5rem;resize:vertical;font-family:inherit}.prompt-footer{display:flex;justify-content:space-between;align-items:center}.grant-form{display:flex;gap:.6rem;margin:1rem 0 1.5rem;flex-wrap:wrap}.profile-form{align-items:center}.users-table{border-collapse:collapse;width:100%;background:var(--surface)}.users-table th,.users-table td{text-align:left;padding:.5rem .8rem;border-bottom:1px solid var(--border);font-size:.9rem}.users-table td button{margin-right:.4rem}.name-input{width:9rem;padding:.25rem .5rem;font-size:.85rem}.table-scroll{overflow-x:auto}.rules-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rules-content{max-width:860px;line-height:1.55}.rules-content h2,.rules-content h3,.rules-content h4{margin:1.6rem 0 .5rem}.rules-content h2:first-child,.rules-content h3:first-child{margin-top:0}.rules-content p,.rules-content ul,.rules-content ol{margin:.5rem 0}.rules-content ul,.rules-content ol{padding-left:1.4rem}.rules-content blockquote{margin:.5rem 0;padding:.4rem .8rem;border-left:3px solid var(--border);color:var(--muted)}.rules-content code{background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:.05rem .3rem;font-size:.85em}.rules-content pre{margin:.6rem 0;padding:.7rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow-x:auto}.rules-content pre code{background:none;border:none;padding:0;font-size:.85rem;white-space:pre}.rules-content hr{border:none;border-top:1px solid var(--border);margin:1.2rem 0}.rules-table-scroll{overflow-x:auto;margin:.6rem 0}.rules-table-scroll table{border-collapse:collapse;width:100%}.rules-table-scroll th,.rules-table-scroll td{text-align:left;padding:.4rem .7rem;border-bottom:1px solid var(--border);font-size:.88rem;vertical-align:top}.rules-editor{display:flex;flex-direction:column;gap:.5rem;max-width:860px}.rules-textarea{min-height:60vh;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.5}@media(max-width:860px){.app-header{flex-wrap:wrap;padding:.5rem .8rem;gap:.5rem}.app-header nav{order:3;flex-basis:100%;gap:1rem}.user-info span{display:none}.settings-page{padding:1rem}.grant-form{flex-direction:column;align-items:stretch}.chats-page{display:flex;flex-direction:column;overflow-y:auto}.chat-list{flex:1;min-height:0}.chat-thread,.right-sidebar,.chats-page.chat-open .chat-list{display:none}.chats-page.chat-open .chat-thread{display:flex;flex:none;min-height:70vh}.chats-page.chat-open .right-sidebar{display:flex;flex:none}.right-sidebar{border-left:none;border-top:1px solid var(--border)}.messages{max-height:45vh}.chats-page.chat-open .message-form{position:sticky;bottom:0}.back-button{display:inline-flex}.message{max-width:88%}.attachment-photo img{max-width:60vw}}.telegram-id{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:.3rem 0;font-size:.85rem}.copy-id-button{padding:.1rem .5rem;font-size:.75rem}