*{box-sizing:border-box}body{margin:0;font:14px system-ui;background:#f1f5f3;color:#263f35}button{cursor:pointer;background:#286952;color:white;border:0;border-radius:8px;padding:11px 18px}input,textarea{font:inherit;padding:12px;border:1px solid #d9e3dc;border-radius:8px;background:#fff;color:#203c2f}textarea{resize:vertical}h2{font-size:18px}#login{max-width:390px;margin:15vh auto;background:white;padding:35px;border-radius:18px}#loginForm{display:grid;gap:15px}header{height:76px;background:#fff;padding:18px 28px;display:flex;align-items:center;gap:25px;border-bottom:1px solid #dbe5de}nav{display:flex;gap:8px}nav button{background:#e9f2ec;color:#35654c}#status{font-size:12px;color:#8b7950}.workspace{display:flex;height:calc(100vh - 76px)}aside{width:320px;padding:20px;background:#f9fbf9;overflow:auto;flex-shrink:0}aside input{width:100%;margin-bottom:15px}.user{width:100%;display:block;text-align:left;color:#314c3c;background:white;padding:16px;margin-bottom:8px;border:1px solid #e2eae4}.user.active{background:#deeee3;border-color:#78a58a}.user small{display:block;color:#8a9d8d;margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.badge{color:#ae472f;font-weight:bold}article{display:flex;flex:1;min-width:0;flex-direction:column;padding:20px}#messages{flex:1;overflow:auto;padding:20px;background:#edf3ef;border-radius:12px}.message{padding:14px 18px;max-width:75%;width:fit-content;margin:12px 0;background:#fff;border-radius:12px;white-space:pre-wrap;word-break:break-word}.message.agent{margin-left:auto;background:#d8ebdf}.message small{display:block;color:#80968a;margin-bottom:8px}.message img,.message video{max-width:280px;max-height:300px;border-radius:8px}#replyForm{display:flex;gap:12px;padding-top:16px}#reply{flex:1;height:85px}#settingsView,#complaintView{max-width:1000px;margin:30px auto;padding:28px;background:#fff;border-radius:15px}#settingsForm{display:grid;gap:18px}label{display:grid;gap:9px}label textarea{min-height:85px}.complaint{border:1px solid #dce6df;border-radius:12px;padding:20px;margin:15px 0;white-space:pre-wrap}.complaint textarea{display:block;width:100%;margin:12px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#203d30;color:#fff;padding:12px 22px;border-radius:10px;display:none}[hidden]{display:none!important}

.image-viewer{position:fixed;inset:0;z-index:10000;background:rgba(8,18,13,.92);display:flex;align-items:center;justify-content:center;overflow:hidden}.image-viewer img{max-width:90vw;max-height:88vh;object-fit:contain;user-select:none;touch-action:none;cursor:grab;transform-origin:center}.image-viewer img:active{cursor:grabbing}.viewer-close{position:absolute;right:24px;top:20px;background:#fff2;color:white;font-size:36px;padding:0;width:50px;height:50px;border-radius:50%;z-index:2}.viewer-help{position:absolute;bottom:20px;color:#fff9;font-size:13px;pointer-events:none}.message img{cursor:zoom-in}