:root{font-family:system-ui,-apple-system,'Segoe UI','Malgun Gothic',sans-serif;color:#203047;background:#f4f6fa;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}.muted{color:#718199}.tiny{font-size:11px;color:#96a2b0}.error{color:#d23c53;min-height:16px;font-size:12px}.eyebrow{font-size:10px;letter-spacing:2px;color:#89a1b6;font-weight:700}.loading{height:100vh;display:grid;place-items:center;font-weight:700;color:#243b58}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#0f223a 0%,#1f4568 58%,#e9edf5 58%);padding:20px}.login-card{background:white;padding:40px 42px;width:min(430px,100%);border-radius:18px;box-shadow:0 26px 60px #051a3050;text-align:center}.login-card h1{letter-spacing:-1.1px;margin:8px 0 0;font-size:29px}.login-card h1 span{color:#2576c9}.login-card form{text-align:left;margin-top:32px}.login-card label,.modal-field label{display:block;font-size:12px;font-weight:700;margin:16px 0 8px}.login-card input,.modal-field input,.modal-field select{border:1px solid #d8e0eb;border-radius:10px;width:100%;padding:13px;outline:none}.login-card input:focus,.modal-field input:focus,.search:focus,.composer textarea:focus{border-color:#2689d8;box-shadow:0 0 0 3px #d9eeff}.login-card .tiny{margin-top:22px}.brandmark{background:#1d6fba;color:white;display:grid;place-items:center;width:55px;height:55px;border-radius:15px;font-size:26px;margin:auto}.brandmark.small{width:36px;height:36px;border-radius:10px;font-size:20px;margin:0}.application{display:flex;height:100dvh;min-height:450px;width:100%}.sidebar{width:320px;max-width:90vw;flex-shrink:0;display:flex;flex-direction:column;background:#102338;color:#eef6fc}.brand{display:flex;align-items:center;gap:10px;padding:22px 19px 20px;border-bottom:1px solid #33475c}.brand strong{display:block;letter-spacing:.5px}.brand small{color:#8098ae;font-size:11px}.self{display:flex;align-items:center;gap:10px;padding:17px 18px}.self-info{display:flex;flex-direction:column;flex:1;gap:3px;min-width:0}.self-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.self-info small{font-size:11px;color:#91a7bb}.avatar{display:grid;place-items:center;background:#316083;width:38px;height:38px;border-radius:50%;font-weight:700;color:white;flex-shrink:0}.icon-button{border:0;background:transparent;color:inherit;font-size:20px;border-radius:8px;padding:5px 8px}.icon-button:hover,.nav-button:hover{background:#253e58}.menu{padding:0 12px 12px;border-bottom:1px solid #33475c}.nav-button{border:0;background:transparent;color:#bed1e0;text-align:left;padding:11px 12px;width:100%;border-radius:8px}.nav-button.selected{color:#fff;background:#244967;font-weight:700}.list-label{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 4px;color:#c0d0df;font-weight:700;font-size:12px}.search{margin:8px 15px 11px;width:calc(100% - 30px);background:#203950;border:1px solid #37536b;border-radius:8px;color:white;padding:10px;outline:0}.search::placeholder{color:#9cafbd}.nav-list{flex:1;overflow:auto;padding:0 8px 12px}.room{width:100%;border:0;text-align:left;background:transparent;border-radius:10px;display:flex;gap:10px;align-items:center;padding:12px 10px;color:#e1ecf5}.room:hover,.room.active{background:#24445f}.room .avatar{background:#304f70;font-size:15px}.room-detail{min-width:0;flex:1}.room-name{display:flex;justify-content:space-between;font-weight:650;gap:8px}.room-name>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-preview{font-size:11px;color:#91a8b9;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread{background:#4caff5;min-width:19px;height:19px;border-radius:12px;color:#091d30;text-align:center;font-size:11px;line-height:19px}.sidebar-bottom{padding:12px 14px;border-top:1px solid #33475c;display:flex;align-items:center;justify-content:space-between}.connection{font-size:11px;color:#79c6af}.connection.bad{color:#f49e9e}.primary{border:0;border-radius:9px;background:#236fbd;color:#fff;font-weight:700;padding:12px 17px}.primary:hover{background:#185fa7}.secondary{border:1px solid #cbd5e0;background:#fff;color:#26415f;padding:10px 13px;border-radius:9px}.sidebar .secondary{background:transparent;border-color:#456176;color:#e3ecf4;font-size:11px;padding:8px}.wide{width:100%}.content{flex:1;min-width:0;background:#fafbfe}.welcome{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8192a8}.welcome h2{color:#395777;margin-bottom:0}.welcome-icon{font-size:56px;color:#98bfdc}.chat-view{height:100%;display:flex;flex-direction:column}.chat-header{display:flex;gap:12px;align-items:center;padding:15px 25px;background:#fff;border-bottom:1px solid #e4e9ef}.header-avatar{background:#e6f0fa;color:#2b679c;width:43px;height:43px}.header-title{flex:1;min-width:0}.header-title h2{font-size:16px;margin:0 0 4px}.header-title p{font-size:11px;color:#8794a5;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-area{overflow:auto;flex:1;padding:24px 35px;scroll-behavior:auto}.messages{display:flex;flex-direction:column;gap:17px}.message-row{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.message-row.mine{align-items:flex-end}.sender{font-size:11px;color:#8a9baa;margin-left:4px}.bubble{max-width:min(80%,640px);padding:12px 16px;border-radius:5px 15px 15px 15px;background:#fff;border:1px solid #e8edf4;color:#233951;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;box-shadow:0 2px 4px #0c243009}.mine .bubble{background:#dceeff;border-color:#cee5f9;border-radius:15px 5px 15px 15px}.time{font-size:10px;color:#9da8b6;margin:0 5px}.older{display:block;margin:0 auto 20px;border:0;background:#edf4fb;color:#3c729d;padding:8px 14px;border-radius:8px}.empty-messages{text-align:center;color:#99a9b9;margin-top:20vh}.composer{display:flex;gap:12px;align-items:end;background:#fff;border-top:1px solid #e3ebf4;padding:15px 25px}.composer textarea{resize:none;border:1px solid #dbe5ee;outline:0;border-radius:10px;padding:13px;width:100%;min-height:56px;max-height:120px}.composer button{flex-shrink:0;margin-bottom:3px}.admin-view{height:100%;overflow:auto;padding:40px clamp(16px,5vw,60px)}.admin-header{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-header h2{margin:6px 0}.admin-header .actions{display:flex;gap:8px;flex-wrap:wrap}.panel{background:white;border:1px solid #e2eaf2;border-radius:13px;padding:20px;box-shadow:0 8px 16px #07243b05}.user-row{display:flex;align-items:center;gap:15px;padding:15px 8px;border-bottom:1px solid #edf0f5}.user-row:last-child{border:0}.user-row .user-meta{flex:1;min-width:0}.user-row .user-meta strong{display:block}.user-row .user-meta small{color:#8694a4}.user-actions{display:flex;gap:8px}.user-actions button{font-size:12px;padding:7px 9px}.tag{padding:4px 6px;border-radius:6px;background:#e7f3ff;color:#326c99;font-size:10px}.inactive{opacity:.5}.mobile-back{display:none}dialog{width:min(500px,92vw);max-height:85vh;border:0;border-radius:14px;padding:0;box-shadow:0 24px 80px #10233655;color:#2d4055}dialog::backdrop{background:#091b2b9e}#modal-form{padding:22px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6edf4;padding-bottom:12px}.modal-header h2{font-size:18px;margin:0}.modal-header .icon-button:hover{background:#eff2f7}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.checklist{max-height:290px;overflow:auto;margin:12px 0;border:1px solid #e0e6ef;border-radius:9px;padding:8px}.check-label{display:flex;gap:9px;align-items:center;padding:9px 5px}.credentials{background:#eef6ff;border:1px solid #cbe4ff;padding:15px;border-radius:10px;word-break:break-all;line-height:1.8}.credentials code{font-size:15px;color:#15578b}.warning{font-size:12px;color:#a06017}.mobile-back{font-size:28px}#toast{position:fixed;z-index:20;right:20px;bottom:20px;background:#152d43;color:white;padding:13px 20px;border-radius:10px;box-shadow:0 10px 30px #18273855}@media(max-width:760px){.application{position:relative}.sidebar{width:100%;max-width:none}.content{display:none}.application.mobile-chat .sidebar,.application.mobile-admin .sidebar{display:none}.application.mobile-chat .content,.application.mobile-admin .content{display:block;width:100%}.chat-header{padding:13px}.mobile-back{display:block}.message-area{padding:15px}.composer{padding:10px}.composer button{padding:12px}.admin-header{align-items:start;flex-direction:column}.admin-view{padding:20px 12px}.user-row{flex-wrap:wrap}.user-actions{width:100%}.bubble{max-width:90%}}