:root{--ink:#17342f;--muted:#7a8881;--green:#2b6350;--lime:#d9edb5;--paper:#fafaf6;--line:#e5e9e1;--white:#fff;--danger:#aa3e3e;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #88b995;outline-offset:3px}[hidden]{display:none!important}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.04em}h1{font-size:32px;line-height:1.15}h2{font-size:24px}p{line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#718376;margin-bottom:12px}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:13px;color:var(--ink);flex-shrink:0}.icon-button:hover{background:#eaf0e6}.icon-button.accent{background:var(--green);color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);border-radius:13px;min-height:48px;padding:12px 20px;background:#fff;color:var(--ink);font-weight:600;font-size:14px}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button:hover{filter:brightness(.97)}.button.small{min-height:36px;padding:8px 14px;font-size:12px}.text-button{border:0;background:transparent;color:var(--green);padding:10px;font-weight:600;font-size:13px}.danger{color:var(--danger)!important}.stack{display:flex;flex-direction:column;gap:20px}.stack label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:8px}.stack input:not([type=checkbox]),.search-box input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fff;min-height:48px;color:var(--ink)}.stack label small{font-size:11px;font-weight:400;color:var(--muted)}.stack .check-label{display:flex;flex-direction:row;align-items:center;font-size:12px;color:var(--muted);font-weight:400}.check-label input{width:17px;height:17px;accent-color:var(--green)}.notice{padding:14px;border-radius:12px;background:#e7f1df;font-size:13px;line-height:1.5;margin:20px 0}.notice.error{background:#fff0ec;color:var(--danger)}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:50px 20px 80px;background:radial-gradient(ellipse at 10% 0,#e4ecd9 0,transparent 45%),radial-gradient(ellipse at 100% 100%,#ebeee2 0,transparent 50%),#f8f9f4}.auth-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);padding:38px;border-radius:26px;box-shadow:0 18px 70px #24412e08}.brand-mark{margin-bottom:28px}.brand-mark img{border-radius:18px}.auth-card h1{font-size:30px}.auth-card>.muted{font-size:14px;margin-bottom:28px}.auth-note{text-align:center;color:var(--muted);font-size:12px;margin:26px 0 0}.auth-footer{position:absolute;bottom:25px;left:20px;right:20px;text-align:center;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green)}.auth-footer span{margin-left:15px;letter-spacing:0;font-weight:400;color:var(--muted)}.text-link{display:block;margin-top:25px;text-align:center;font-size:13px;color:var(--green)}.logout-form{text-align:center;margin-top:10px}.app-shell{height:100dvh;display:flex;max-width:1600px;margin:auto;background:#fff;overflow:hidden}.sidebar{display:flex;flex-direction:column;width:360px;flex-shrink:0;border-right:1px solid var(--line);background:var(--paper);padding-top:env(safe-area-inset-top)}.sidebar-header{padding:25px 25px 10px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:8px;font-size:27px;font-weight:750;letter-spacing:-1.5px}.wordmark img{border-radius:11px;margin-right:4px}.wordmark span{font-size:14px;font-weight:500;margin-left:-3px;letter-spacing:-.3px;color:var(--muted)}.inbox-heading{padding:28px 27px 18px;display:flex;justify-content:space-between;align-items:center}.inbox-heading .eyebrow{font-size:9px;margin-bottom:8px}.inbox-heading h1{margin:0;font-size:30px}.heading-dot{color:#6d9b54}.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:0 13px;background:#fff;margin:0 25px;color:var(--muted)}.search-box .icon{width:18px;height:18px}.search-box input{border:0;padding:12px 0;font-size:13px;min-height:44px;outline-offset:0}.search-box input:focus-visible{outline:none}.search-box:focus-within{outline:2px solid #88b995}.chat-tabs{display:flex;align-items:center;gap:10px;padding:20px 25px 14px}.chat-tabs button{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:600;padding:8px 13px;border-radius:20px}.chat-tabs button.active{background:#e5eddc;color:var(--ink)}.chat-tabs>span{margin-left:auto;font-size:10px;color:var(--muted)}.conversation-list{overflow-y:auto;flex:1;padding:0 12px}.conversation-item{border:0;display:flex;align-items:center;gap:12px;width:100%;padding:16px 12px;background:transparent;text-align:left;border-radius:15px;margin-bottom:2px;color:var(--ink)}.conversation-item:hover{background:#f0f3eb}.conversation-item.active{background:#e8efdf}.avatar{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;background:#dde8d3;border-radius:16px;font-size:17px;font-weight:600;color:#426446}.avatar.group-avatar{background:#e8e6d8;color:#827444}.avatar.color-1{background:#e7e4f1;color:#706486}.avatar.color-2{background:#f1e6db;color:#977456}.avatar.color-3{background:#dce9ec;color:#4d7b82}.avatar.color-4{background:#eee4e5;color:#93696b}.avatar .icon{width:24px;height:24px}.conversation-copy{flex:1;min-width:0}.conversation-top{display:flex;align-items:center;gap:6px}.conversation-top strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conversation-top time{font-size:10px;color:var(--muted);flex-shrink:0}.conversation-bottom{display:flex;align-items:center;gap:8px;margin-top:6px}.conversation-bottom p{font-size:12px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.4}.unread{height:19px;min-width:19px;padding:0 5px;border-radius:10px;background:var(--green);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}.sidebar-footer{padding:18px 25px calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;border-top:1px solid var(--line)}.sidebar-footer .avatar{height:38px;width:38px;border-radius:13px;font-size:15px;background:#244d3e;color:var(--lime)}.sidebar-footer strong{display:block;font-size:12px}.sidebar-footer span:not(.online-dot){display:block;font-size:10px;color:var(--muted);margin-top:5px}.online-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#7eab66}.list-empty{text-align:center;padding:38px 18px;color:var(--muted);font-size:13px;line-height:1.7}.connection{padding:8px 20px;text-align:center;background:#fff2ce;font-size:12px;color:#866e35}.chat-main{flex:1;min-width:0;background:#f5f7f1}.welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(ellipse at 50% 50%,#f0f3e6,transparent 60%)}.welcome-art{position:relative;background:#e2ecd5;width:130px;height:130px;border-radius:42px;display:flex;align-items:center;justify-content:center;margin-bottom:38px;transform:rotate(-7deg)}.welcome-art>.icon{width:64px;height:64px;color:var(--green);stroke-width:1.2;transform:rotate(7deg)}.art-dot{position:absolute;border-radius:50%;background:#c6d9ae}.art-dot.one{width:16px;height:16px;top:-12px;right:-25px}.art-dot.two{width:10px;height:10px;left:-30px;bottom:2px}.welcome .eyebrow{font-size:10px}.welcome h2{font-size:42px;line-height:1.1;margin:8px 0 22px;font-weight:650}.welcome p{font-size:14px;color:var(--muted);margin-bottom:28px}.welcome-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#92a08f;margin-top:40px}.welcome-note .icon{width:13px;height:13px}.chat-panel{height:100%;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:13px;background:#fff;border-bottom:1px solid var(--line);padding:20px 30px;padding-top:calc(20px + env(safe-area-inset-top))}.chat-header .avatar{height:42px;width:42px;border-radius:14px}.chat-title{flex:1;min-width:0}.chat-title h2{font-size:16px;margin:0 0 5px;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title span{font-size:11px;color:var(--muted)}.message-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:24px 30px 15px;scroll-behavior:auto}.day-label{display:flex;align-items:center;justify-content:center;font-size:10px;color:#9aa38f;letter-spacing:.6px;margin:10px 0 24px}.day-label span{padding:6px 14px;border:1px solid #e1e7da;background:#f5f7f1;border-radius:20px}.message-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:13px}.message-row.mine{justify-content:flex-end}.message-avatar{width:26px;height:26px;border-radius:9px;font-size:10px;margin-bottom:3px}.bubble{background:#fff;padding:12px 15px;max-width:min(75%,540px);border:1px solid #e7ece1;border-radius:17px 17px 17px 4px;box-shadow:0 2px 3px #1b332006;min-width:80px}.mine .bubble{background:#dcebc9;border-color:#d8e6c6;border-radius:17px 17px 4px 17px}.sender-name{font-size:10px;color:#668858;font-weight:700;margin-bottom:6px}.message-body{font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.message-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:9px;color:#91a086;margin-top:6px}.message-meta .icon{width:13px;height:13px}.media-image{display:block;max-width:100%;max-height:340px;border-radius:10px;object-fit:contain}.media-video{display:block;max-width:100%;max-height:320px;border-radius:10px}.media-audio{display:block;width:260px;max-width:100%;height:44px}.attachment-card{display:flex;gap:12px;align-items:center;padding:6px 0;max-width:300px}.attachment-card>.icon{background:#ecf0e5;border-radius:10px;width:40px;height:40px;padding:10px}.attachment-card .file-copy{flex:1;min-width:0}.attachment-card strong{font-size:12px;display:block;word-break:break-all}.attachment-card small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.media-download{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--green);margin-top:8px;overflow-wrap:anywhere}.media-download .icon{height:12px;width:12px}.message-attachment+.message-body{margin-top:10px}.chat-empty{text-align:center;color:var(--muted);padding-top:15vh;font-size:13px}.chat-empty .icon{width:40px;height:40px;opacity:.4}.load-more{display:block;margin:0 auto 20px}.composer{display:flex;align-items:flex-end;gap:8px;background:#fff;border:1px solid var(--line);border-radius:17px;margin:10px 26px 0;padding:8px}.composer textarea{flex:1;min-width:0;resize:none;border:0;background:transparent;padding:10px 0;color:var(--ink);font-size:14px;max-height:120px;line-height:1.5;outline:none}.composer textarea:focus-visible{outline:none}.composer .icon-button{width:37px;height:41px;color:#83957d}.send-button{border:0;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;flex-shrink:0}.send-button .icon{width:18px;height:18px}.composer-note{text-align:center;color:#a1ac98;font-size:9px;padding:10px 15px calc(17px + env(safe-area-inset-bottom))}.attachment-preview,.recording,.voice-preview{margin:8px 26px 0;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#e8eddc;border-radius:12px;font-size:12px}.attachment-preview>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording>span:nth-child(2){flex:1}.voice-preview audio{flex:1;min-width:0;height:40px}.record-dot{width:8px;height:8px;background:#bc5749;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.3}}.mobile-only{display:none}.modal{border:1px solid var(--line);border-radius:24px;background:#fff;color:var(--ink);padding:28px;width:calc(100% - 32px);max-width:450px;max-height:85dvh;overflow-y:auto;box-shadow:0 30px 100px #10201830}.modal::backdrop{background:#14271e65;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.modal-heading h2{margin:0;font-size:24px}.modal-heading .eyebrow{font-size:8px;margin-bottom:8px}.modal-heading>.icon-button{margin-right:-8px}.modal .search-box{margin:0}.modal p{font-size:13px}.segmented{display:flex;gap:4px;background:#f1f4ec;border-radius:12px;padding:4px}.segmented button{flex:1;padding:10px 5px;background:transparent;border:0;border-radius:9px;font-size:12px;font-weight:600;color:var(--muted)}.segmented button.active{background:#fff;color:var(--green);box-shadow:0 2px 6px #2443200a}.people-list{max-height:300px;overflow-y:auto}.person,.person-choice{display:flex;align-items:center;gap:12px;padding:12px 3px}.person-choice{cursor:pointer}.stack .person-choice{flex-direction:row}.person-choice .avatar,.person .avatar{width:38px;height:38px;font-size:13px;border-radius:13px}.person-choice>input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0}.person strong,.person-choice strong{font-size:13px}.person small,.person-choice small{display:block;font-size:11px;color:var(--muted);margin-top:4px;font-weight:400}.person-choice:hover{background:#f5f7f0;border-radius:12px}.settings-profile{display:flex;align-items:center;gap:12px;padding-bottom:22px;margin-bottom:10px;border-bottom:1px solid var(--line)}.settings-profile strong{font-size:14px}.settings-profile p{font-size:11px;margin:4px 0 0}.settings-row{display:flex;align-items:center;gap:14px;width:100%;border:0;background:transparent;text-align:left;color:var(--ink);padding:17px 0;font-size:13px}.settings-row>span{flex:1}.settings-row small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.settings-row>.icon:last-child:not(:first-child){width:16px;color:var(--muted)}.settings-actions form{margin:0}.settings-caption{text-align:center;color:#acb6a3;font-size:10px!important;margin:20px 0 0}.toast{position:fixed;bottom:calc(25px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:100;background:#193d30;color:#fff;padding:14px 20px;font-size:13px;border-radius:14px;box-shadow:0 5px 30px #142e2a20;width:max-content;max-width:calc(100% - 32px);line-height:1.5}.admin-shell{max-width:1100px;margin:auto;padding:28px 30px 70px}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}.admin-grid{display:grid;grid-template-columns:340px 1fr;gap:25px;align-items:start;margin-top:30px}.admin-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px}.admin-card h2{font-size:20px}.admin-card p{font-size:11px;margin-bottom:0}.admin-user{border-bottom:1px solid var(--line);padding:14px 0}.admin-user:last-child{border:0}.status-pill{display:inline-block;border-radius:8px;background:#e8f0df;color:#66894d;font-size:9px;padding:4px 7px;margin-top:6px}.status-pill.disabled{background:#f1e4df;color:#a27865}.admin-user details{padding-left:50px;margin-top:8px;font-size:11px}.admin-user summary{cursor:pointer;color:var(--green);padding:5px 0}.account-actions{margin:10px 0;max-width:300px}.pagination{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:20px}.pagination a{color:var(--green)}
@media(min-width:1400px){.sidebar{width:390px}.message-list{padding-left:50px;padding-right:50px}.composer{margin-left:45px;margin-right:45px}}
@media(max-width:760px){.app-shell{width:100%;max-width:none}.sidebar{width:100%;border:0}.chat-main{display:none}.app-shell.chat-open .sidebar{display:none}.app-shell.chat-open .chat-main{display:block;width:100%}.mobile-only{display:inline-flex}.sidebar-header{padding-top:18px}.inbox-heading{padding-top:22px}.chat-header{padding:12px 12px;padding-top:calc(12px + env(safe-area-inset-top));gap:8px}.chat-header .avatar{height:36px;width:36px;border-radius:12px;font-size:13px}.chat-title h2{font-size:15px}.chat-title span{font-size:10px}.chat-header .icon-button{width:34px;height:36px}.message-list{padding:18px 12px 8px}.bubble{max-width:84%;padding:10px 12px}.message-row{gap:6px}.message-avatar{width:23px;height:23px;border-radius:7px;font-size:9px}.message-body{font-size:14px}.media-audio{width:240px}.composer{margin:8px 8px 0;padding:6px;gap:4px;border-radius:14px}.composer textarea{font-size:16px}.composer-note{font-size:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.attachment-preview,.voice-preview,.recording{margin-left:10px;margin-right:10px}.modal{padding:24px;max-height:85dvh;border-radius:22px}.admin-shell{padding:20px 16px 50px}.admin-grid{grid-template-columns:1fr}.admin-header{margin-bottom:30px}.admin-card{padding:22px}.auth-card{padding:30px 25px}.auth-footer span{display:block;margin:10px 0 0;font-size:10px}.auth-page{padding-top:30px}.settings-row{min-height:60px}.sidebar-footer{padding-bottom:calc(15px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.chat-header .icon-button.danger{color:var(--danger)}.chat-header .icon-button.danger:hover{background:#fff0ec}.media-delete{display:flex;align-items:center;gap:5px;min-height:36px;border:0;background:transparent;padding:6px 0;color:var(--danger);font-size:11px}.media-delete .icon{width:15px;height:15px}.deleted-media{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-style:italic;padding:4px 0}.deleted-media .icon{width:17px;height:17px}.delete-filename{overflow-wrap:anywhere;font-weight:600}.delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.button.destructive{background:var(--danger);border-color:var(--danger);color:#fff}.message-attachment+.message-attachment{margin-top:8px}