:root{font-family:Inter,system-ui,sans-serif;color:#172329;background:#f5f7f7}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#d9f6e8,transparent 30%),#f5f8f6}.login form{width:410px;background:#fff;padding:42px;border-radius:18px;box-shadow:0 20px 55px #173d2a18}.mark,.nav i{background:#087a54;color:#fff;font-weight:800;border-radius:10px;display:grid;place-items:center}.mark{width:48px;height:48px;font-size:25px}.login h1{margin:22px 0 4px}.login label,.login p{color:#66736e}.login label{display:grid;grid-gap:7px;gap:7px;margin-top:22px;font-size:13px;font-weight:650}.login input,.search{border:1px solid #dce4e0;border-radius:9px;padding:13px;outline:none}.claim button,.composer button,.list header button,.login button{border:0;background:#087a54;color:#fff;border-radius:9px;padding:13px 20px;font-weight:700}.login button{width:100%;margin-top:25px}.error{margin-top:15px;color:#a51e2e;background:#fff0f1;padding:11px;border-radius:8px}.app{height:100vh;display:grid;grid-template-columns:220px 390px 1fr;background:#fff}.nav{background:#102e26;color:#d7e5df;padding:24px 14px;display:flex;flex-direction:column;gap:6px}.nav h2{margin:0 8px 28px;display:flex;align-items:center;gap:10px;font-size:17px}.nav i{width:30px;height:30px;font-style:normal}.nav button{border:0;background:transparent;color:inherit;text-align:left;padding:12px 14px;border-radius:8px;cursor:pointer}.nav button.on{background:#214a3f;color:#fff}.nav small{margin:auto 10px 5px;color:#82a59a}.list{border-right:1px solid #e6ece9;overflow:auto}.conversation header,.list header{height:76px;border-bottom:1px solid #e6ece9;padding:17px 20px;display:flex;align-items:center;justify-content:space-between}.list header div{display:grid}.list header span,small{font-size:12px;color:#7b8782}.list header button{padding:8px 12px}.search{margin:14px 18px;width:calc(100% - 36px);background:#f8faf9}.chips{display:flex;gap:7px;padding:0 18px 14px;overflow:auto}.chips>*{font-size:11px;white-space:nowrap;background:#eff3f1;padding:7px 9px;border-radius:12px}.chips b{background:#d9f2e7;color:#086748}.list article{display:grid;grid-template-columns:42px 1fr auto;grid-gap:10px;gap:10px;padding:16px 18px;border-top:1px solid #eef2f0;cursor:pointer}.list article.selected{background:#eef8f4;border-left:3px solid #087a54}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#d9efe7;color:#087252;font-weight:800}.list article div:nth-child(2){min-width:0;display:grid}.list article p{font-size:13px;color:#5f6d67;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.meta{display:grid;justify-items:end;align-content:space-between}.meta time{font-size:11px;color:#7b8782}.meta em{font-size:11px;background:#087a54;color:white;border-radius:20px;padding:3px 7px;font-style:normal}.conversation{display:grid;grid-template-rows:76px 1fr auto;background:#f2f5f3}.conversation header{background:#fff;justify-content:flex-start;gap:12px}.conversation header div:nth-child(2){display:grid}.conversation header button{margin-left:auto;border:1px solid #dce4e0;background:white;border-radius:8px;padding:8px 12px}.messages{padding:28px;overflow:auto;background-image:radial-gradient(#ccd8d3 .7px,transparent 0);background-size:15px 15px}.message{width:max-content;max-width:65%;padding:9px 12px;margin:10px;background:white;border-radius:4px 13px 13px 13px;box-shadow:0 2px 5px #1432260c}.message.out{margin-left:auto;background:#d8f3e7;border-radius:13px 4px 13px 13px}.message p{margin:0 0 5px}.message small{display:block;text-align:right}.claim,.composer{background:#fff;border-top:1px solid #e1e7e4;padding:17px 24px;display:flex;align-items:center;gap:14px}.claim span{color:#6c7973;font-size:13px}.claim button{margin-left:auto;padding:9px 15px}.composer textarea{flex:1 1;resize:none;border:1px solid #dce4e0;border-radius:10px;padding:12px}.empty{display:grid;place-content:center;text-align:center;color:#77837e;padding:40px}.empty h1,.empty h2{color:#263a32}.bubble{font-size:42px}.app>.empty{grid-column:2/4;background:#f5f7f6}@media(max-width:850px){.app{grid-template-columns:70px 1fr}.nav{padding:15px 8px}.nav h2{margin:0 10px 20px}.nav button,.nav h2{font-size:0}.nav button:before{content:"•";font-size:22px}.conversation{display:none}}.workspace{grid-column:2/4;padding:34px;overflow:auto;background:#f6f8f7}.workspace>header{display:flex;justify-content:space-between;align-items:center}.workspace h1{margin:0}.workspace td button,.workspace>header button{border:0;border-radius:7px;padding:8px 11px;background:#087a54;color:white}.workspace table{width:100%;border-collapse:collapse;background:white;margin-top:25px;border-radius:12px;overflow:hidden}.workspace td,.workspace th{text-align:left;padding:14px;border-bottom:1px solid #e8eeeb}.workspace th{font-size:12px;color:#69766f;background:#eef3f1}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px;margin-top:25px}.settings div{background:white;padding:18px;border-radius:10px;display:grid}.settings span{text-transform:capitalize;color:#75827c;font-size:12px}.settings b{margin-top:8px}.success{margin:10px;padding:10px 14px;border-radius:8px;background:#e3f6ed;color:#075d40}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.filters input,.filters select{padding:10px;border:1px solid #d5ded9;border-radius:8px}.conversation header .actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.conversation header .actions button{font-size:12px;padding:7px 9px}.message.internal{align-self:stretch;background:#fff7d6;border:1px solid #efd66c;color:#594900}.message.file{align-self:stretch;background:#eef5ff;border:1px solid #bfd3ed}.message.file button{border:0;border-radius:6px;background:#175f9c;color:white;padding:6px 9px}.attach{cursor:pointer;background:#e8efec;padding:10px;border-radius:8px}.composer progress{width:90px}.settings>button{border:0;border-radius:8px;background:#087a54;color:#fff;padding:12px}.workspace td{vertical-align:top}.workspace td button{margin:2px;font-size:11px}:root{--brand:#087a54;--brand-dark:#102e26;--line:#e3eae6;--muted:#6c7a74;--surface:#fff;--canvas:#f4f7f5}.workspace{background:var(--canvas);padding:32px 38px}.workspace>header p{margin:6px 0 0;color:var(--muted)}.eyebrow{display:block;margin-bottom:7px;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.header-actions{display:flex;gap:8px}.workspace button{cursor:pointer}.workspace button.secondary{background:#fff;color:#225144;border:1px solid #cfdcd6}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));grid-gap:14px;gap:14px;margin:25px 0}.metric-grid.operational{grid-template-columns:repeat(5,minmax(130px,1fr))}.metric{position:relative;overflow:hidden;min-height:118px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px #173d2a0b}.metric:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#7f948b}.metric span{display:block;color:var(--muted);font-size:12px;font-weight:700}.metric strong{display:block;margin-top:15px;font-size:32px;letter-spacing:-.04em}.metric.mint:before{background:#13a571}.metric.blue:before{background:#2b75b8}.metric.amber:before{background:#d89a24}.metric.red:before{background:#cf4f59}.metric.slate:before{background:#65766f}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px #173d2a0a;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-title h2{margin:0;font-size:16px}.panel-title p{margin:5px 0 0;color:var(--muted);font-size:12px}.panel table,.table-wrap table{margin:0;border-radius:0}.table-wrap{margin-top:24px;border:1px solid var(--line);border-radius:14px;overflow:auto;background:#fff}.operations-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));grid-gap:15px;gap:15px}.queue-row{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #edf1ef;background:#fff;padding:14px 20px;text-align:left}.queue-row:hover{background:#f6faf8}.queue-row span:first-child{display:grid;grid-gap:3px;gap:3px}.queue-row small{color:var(--muted)}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;background:#edf2ef;color:#52645c;font-size:10px;font-weight:800;text-transform:uppercase}.badge.high,.badge.inactive,.badge.urgent{background:#fee8ea;color:#a93441}.badge.active,.badge.normal{background:#dff5eb;color:#08714e}.badge.low{background:#e6f0fa;color:#275f91}.empty-state{padding:25px;text-align:center;color:var(--muted)}.empty-state.large{margin-top:22px;background:#fff;border:1px dashed #ccd8d2;border-radius:12px}.nav{box-shadow:5px 0 20px #0c271f17;z-index:2}.nav button{font-weight:600;transition:.15s}.nav button:hover{background:#193d34}.list article:hover{background:#f7faf8}.conversation header{min-height:76px;height:auto}.conversation header .actions button:hover{border-color:#8cb6a6;background:#f4faf7}.message.file{min-width:260px}.task-dialog{width:min(92vw,480px);border:0;border-radius:16px;padding:0;box-shadow:0 24px 80px #071c1659;color:#172329}.task-dialog::-webkit-backdrop{background:#0b241d80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.task-dialog::backdrop{background:#0b241d80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.task-dialog-form{display:grid;grid-gap:18px;gap:18px;padding:28px}.task-dialog-form h2{margin:0;font-size:22px}.task-dialog-form>p{margin:-8px 0 0;color:#66736e;line-height:1.45}.task-dialog-form label{display:grid;grid-gap:8px;gap:8px;font-size:13px;font-weight:700;color:#3b4c45}.task-dialog-form input,.task-dialog-form select{width:100%;border:1px solid #cad7d1;border-radius:10px;padding:13px;background:#fff;color:#172329;outline:none}.task-dialog-form input:focus,.task-dialog-form select:focus{border-color:#087a54;box-shadow:0 0 0 3px #087a5420}.task-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.task-dialog-actions button{border:0;border-radius:9px;padding:11px 16px;background:#087a54;color:#fff;font-weight:700;cursor:pointer}.task-dialog-actions button.secondary{background:#eef3f1;color:#29463c}@media(max-width:600px){.task-dialog-form{padding:22px}.task-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.task-dialog-actions button{width:100%}}.message.file.out{margin-left:auto;background:#e1f5eb;border-color:#abd9c6;border-radius:13px 4px 13px 13px}.message.file.in{border-radius:4px 13px 13px 13px}.message.file .image-preview{display:block;width:min(360px,60vw);height:auto;min-height:120px;max-height:340px;margin:-9px -12px 10px;padding:0;border:0;border-radius:4px 13px 0 0;background:#dce7e2;overflow:hidden;cursor:zoom-in}.message.file.out .image-preview{border-radius:13px 4px 0 0}.message.file .image-preview img{display:block;width:100%;height:auto;max-height:340px;object-fit:cover}.image-preview-error,.image-preview-loading{display:grid;place-items:center;width:min(360px,60vw);min-height:120px;margin:-9px -12px 10px;padding:16px;background:#edf3f0;color:#617069;font-size:12px}.media-lightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:28px;background:#07140fe8;cursor:zoom-out}.media-lightbox img{display:block;max-width:min(94vw,1400px);max-height:92vh;object-fit:contain;border-radius:6px;box-shadow:0 20px 70px #0008;cursor:default}.message.file .media-lightbox-close{position:fixed;top:18px;right:22px;z-index:1;width:44px;height:44px;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#15231fcc;color:#fff;font-size:30px;line-height:1;cursor:pointer}@media(max-width:600px){.message.file{max-width:88%}.image-preview-error,.image-preview-loading,.message.file .image-preview{width:68vw}.media-lightbox{padding:14px}.message.file .media-lightbox-close{top:10px;right:10px}}@media(max-width:1250px){.metric-grid,.metric-grid.operational{grid-template-columns:repeat(2,1fr)}.workspace{padding:26px}.operations-grid{grid-template-columns:1fr}.app{grid-template-columns:200px 340px 1fr}}.user-dialog{max-height:92vh;overflow:auto}.task-dialog-form .form-hint{font-weight:400;color:#6c7973;line-height:1.35}