*{box-sizing:border-box} :root{--brand:#4f46e5;--ink:#17213b;--muted:#64748b;--line:#e2e8f0} [hidden]{display:none!important}body{margin:0;background:#f1f5f9;color:var(--ink);font:14px/1.8 Tahoma,Arial,sans-serif}main{max-width:480px;margin:auto;background:#fff;min-height:100dvh;padding:20px}header{background:linear-gradient(125deg,#312e81,#6366f1);color:white;padding:22px;border-radius:20px;font-size:19px;font-weight:700;box-shadow:0 8px 24px #4338ca20}small{display:block;font-size:11px;font-weight:400;opacity:.85}h2{font-size:19px}h3{font-size:16px}a{color:#4338ca;text-underline-offset:5px}input,textarea,select,button{font:inherit;border-radius:12px;padding:10px 13px;max-width:100%}input,textarea,select{border:1px solid var(--line);background:#fff;color:var(--ink);width:100%;margin:6px 0;outline:none}input:focus,textarea:focus,select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f115}input[type=color]{height:46px}input[type=checkbox]{width:auto}textarea{resize:vertical;min-height:66px}button{background:var(--brand);color:#fff;border:0;cursor:pointer;transition:filter .15s,transform .15s}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}label{display:block;color:#475569;font-size:12px}form{margin:12px 0}#login{max-width:420px;margin:60px auto;padding:25px;border:1px solid var(--line);border-radius:20px;background:white}#login button,#start button{width:100%;margin-top:12px}#error:empty{display:none}#error{color:#b42318;background:#fff1f2;padding:12px;border-radius:12px;white-space:pre-wrap}#welcome{color:var(--muted)}#messages{height:clamp(220px,48dvh,480px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:18px 10px;background:#f8fafc;border:1px solid #eef2f7;border-radius:18px;overflow-wrap:anywhere;scrollbar-width:thin}.message{margin:0;padding:12px 16px;white-space:pre-wrap;max-width:86%;border-radius:18px;flex-shrink:0;box-shadow:0 2px 5px #0f172a06}.visitor{background:#fff;border:1px solid var(--line);align-self:flex-start;border-bottom-right-radius:5px}.operator,.bot{background:var(--brand);color:#fff;align-self:flex-end;border-bottom-left-radius:5px}.message button{font-size:12px;border:1px solid #a5b4fc;margin-top:6px}.message img{max-width:100%;max-height:280px;object-fit:contain;border-radius:12px;display:block;margin-top:8px}.message audio{max-width:100%;width:260px;display:block;margin-top:8px}#send{display:flex;align-items:center;gap:8px}#send textarea{flex:1;min-width:0}#send button{white-space:nowrap}.admin{max-width:1280px;margin:24px auto;padding:24px;border-radius:24px;min-height:calc(100dvh - 48px);box-shadow:0 12px 45px #0f172a08}.columns{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;margin-top:18px}.columns article{min-width:0}.columns aside{max-height:75vh;overflow:auto;background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:10px}aside button{display:block;width:100%;margin:0 0 8px;background:#fff;color:var(--ink);text-align:right;border:1px solid var(--line)}aside button.selected{background:var(--brand);color:#fff;border-color:transparent}.admin #messages{height:52vh}#search{display:flex;gap:8px;align-items:center}#search input{flex:1;min-width:0}#search select{width:140px}#management>div,#management>form,#resources>form{padding:18px;border:1px solid var(--line);border-radius:16px;margin:16px 0;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:12px;text-align:right;border-bottom:1px solid var(--line)}th{background:#f8fafc}hr{border:0;border-top:1px solid var(--line);margin:28px 0}.media-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fafbff}.media-tools input{width:100%;font-size:12px}.media-tools button{font-size:12px}.media-tools .hint{font-size:11px;color:var(--muted);width:100%}.notify-toggle{margin:10px 0;font-size:12px;background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.recording{background:#dc2626!important;color:white!important}.toast{position:fixed;bottom:18px;left:18px;z-index:9999;max-width:85vw;background:#17213b;color:#fff;padding:12px 20px;border-radius:14px;box-shadow:0 8px 35px #0003}@media(max-width:700px){.admin{margin:0;border-radius:0;padding:12px}.columns{grid-template-columns:1fr;gap:12px}.columns aside{max-height:160px}.admin #messages{height:45dvh}#search{flex-wrap:wrap}main{padding:12px}header{padding:16px;border-radius:16px}#send button{padding:10px}.message{max-width:92%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}