:root{--green:#173b2d;--green2:#214b38;--lime:#dff36b;--paper:#f5f7f5;--line:#dce5df;--muted:#718079;--danger:#b44841}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--green);color:#17201d;font-family:Inter,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.shell{width:min(440px,calc(100% - 32px));margin:8vh auto;background:#fff;padding:36px;border-radius:22px;text-align:center;box-shadow:0 24px 70px #09231966}.logo{width:52px;height:52px;margin:auto;display:grid;place-items:center;background:var(--lime);border-radius:15px;font:800 27px Georgia}.logo.mini{width:38px;height:38px;margin:0;border-radius:11px;font-size:20px}h1{font:700 30px Georgia;margin:18px 0 8px}p{color:var(--muted);line-height:1.6;font-size:13px}.shell form,.stack{display:grid;gap:12px}input,textarea{width:100%;padding:13px 14px;border:1px solid #d6e0d8;border-radius:11px;background:#fff;font-size:16px;outline:none}input:focus,textarea:focus{border-color:#6f987f;box-shadow:0 0 0 3px #86b99b22}button,.button{display:block;width:100%;border:0;background:var(--green2);color:#fff;text-decoration:none;padding:13px 16px;border-radius:11px;font-weight:700}.logout{display:block;margin-top:18px;color:#6c7771}.error,.notice{margin:14px 0;padding:11px 14px;border-radius:9px;font-size:13px}.error,.danger{background:#fff0ef;color:var(--danger)}.success{background:#e7f7ed;color:#176239}.hidden{display:none!important}
.appbody{min-height:100%;background:var(--paper)}.topbar{height:68px;padding:0 max(20px,calc((100% - 1120px)/2));background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brandline{display:flex;align-items:center;gap:10px}.topbar nav{display:flex;gap:10px}.topbar nav a{padding:10px 12px;color:var(--green);text-decoration:none;border-radius:9px}.topbar nav a:hover{background:#edf3ef}.adminwrap{width:min(1120px,calc(100% - 32px));margin:36px auto}.pagehead{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.pagehead small{color:#6d7c74;font-weight:800;letter-spacing:.1em}.pagehead h1{margin:5px 0 0}.pill{background:#e6ecd8;border-radius:99px;padding:8px 13px;font-size:13px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 25px #1634260a}.panel h2{font-size:17px;margin:0 0 18px}.inlineform{display:grid;grid-template-columns:1fr 145px;gap:10px;margin-top:10px}.tablepanel{margin-top:18px}.userrow{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf1ee}.userrow:first-child{border-top:0}.avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#dcebdc;color:#244a38;display:grid;place-items:center;font-weight:800}.grow{flex:1;min-width:0}.grow b,.grow small{display:block}.grow small,.person small,.chathead small{color:var(--muted);margin-top:4px}.status{font-size:12px;padding:7px 10px;border-radius:99px}.status.active{color:#16733d;background:#e5f6eb}.status.locked{color:#9f3e37;background:#fdecea}.ghost{width:auto;background:#eef3ef;color:#315142;padding:9px 12px}
.chatbody{background:#e9efeb;overflow:hidden}.chatapp{height:100dvh;width:min(1220px,100%);margin:auto;background:#fff;display:grid;grid-template-columns:330px 1fr;box-shadow:0 0 50px #102b1e22}.sidebar{min-width:0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fbfcfb}.sidebar>header{height:70px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.sidebar>header a{text-decoration:none;font-size:20px}.searchbox{margin:0 14px 12px;padding:0 12px;border-radius:12px;background:#edf2ee;display:flex;align-items:center;color:#7a8981}.searchbox input{border:0;background:transparent;box-shadow:none;font-size:14px}.people{flex:1;overflow:auto;padding:0 8px}.person{display:flex;align-items:center;gap:12px;padding:11px;border-radius:13px;color:#19231e;text-decoration:none}.person:hover,.person.selected{background:#e8f0e8}.person span:last-child{min-width:0}.person b,.person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signout{margin:12px;padding:13px;color:#59675f;text-decoration:none;border-top:1px solid var(--line)}.chatmain{min-width:0;display:flex;flex-direction:column;background:#f4f7f4}.chathead{height:70px;flex:0 0 70px;padding:0 18px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--line)}.chathead>div:nth-child(3){min-width:0}.chathead b,.chathead small{display:block}.headactions{margin-left:auto;display:flex;gap:7px}.headactions button,.mobileback{width:42px;height:42px;padding:0;background:#eef3ef;color:#244938;font-size:18px}.mobileback{display:none}.messagearea{flex:1;overflow:auto;padding:24px max(18px,6%);display:flex;flex-direction:column;gap:10px}.msg{display:flex}.msg.mine{justify-content:flex-end}.bubble{max-width:min(72%,570px);position:relative;padding:11px 42px 8px 14px;border-radius:16px;background:#fff;box-shadow:0 3px 10px #1535250c}.mine .bubble{background:#dff1ca;border-bottom-right-radius:5px}.theirs .bubble{border-bottom-left-radius:5px}.bubble p{margin:0;color:#18211c;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble>small{display:block;margin-top:5px;color:#77847d;text-align:right;font-size:10px}.bubble img{display:block;max-width:100%;max-height:420px;border-radius:11px}.msgmenu{position:absolute;right:5px;top:5px;width:31px;padding:4px;background:transparent;color:#526159}.msgoptions{position:absolute;right:7px;top:34px;z-index:5;width:180px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px;box-shadow:0 10px 30px #10261933}.msgoptions button{background:#fff;color:#26352e;text-align:left;padding:9px}.msgoptions button:hover{background:#f0f4f1}.composer{min-height:72px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:44px 1fr 44px;gap:9px;align-items:end}.composer button{height:44px;padding:0;font-size:19px}.composer textarea{min-height:44px;max-height:120px;resize:none;background:#f3f6f4}.send{background:var(--green2)!important}.emptychat,.emptymsg,.loading,.unlock{margin:auto;text-align:center;color:var(--muted)}.emptychat>span,.unlock>span{font-size:48px}.unlock{width:min(330px,90%);background:#fff;padding:26px;border-radius:18px;box-shadow:0 12px 40px #10261912}.unlock h2{color:#203128}.unlock input{margin:12px 0;text-align:center;letter-spacing:.4em}.modal{position:fixed;inset:0;z-index:20;background:#10261aaa;display:grid;place-items:center;padding:18px}.modalbox{width:min(420px,100%);background:#fff;border-radius:18px;padding:24px}.modalbox h2{margin-top:0}.modalbox>div{display:flex;justify-content:flex-end;gap:8px}.modalbox button{width:auto}.modalbox input{margin:12px 0;text-align:center;letter-spacing:.3em}
@media(max-width:760px){.shell{margin:5vh auto;padding:28px 22px}.cards{grid-template-columns:1fr}.inlineform{grid-template-columns:1fr}.topbar{padding:0 14px}.topbar .brandline b{display:none}.adminwrap{margin:22px auto}.userrow{flex-wrap:wrap}.status{margin-left:54px}.chatapp{display:block;position:relative}.sidebar,.chatmain{position:absolute;inset:0}.chatmain{transform:translateX(100%);transition:transform .2s ease;z-index:3}.openchat .chatmain{transform:none}.mobileback{display:block}.messagearea{padding:16px 12px}.bubble{max-width:87%}.chathead{padding:0 10px}.chathead small{font-size:11px}.headactions{gap:3px}.headactions button{width:38px;height:38px}.composer{padding-left:8px;padding-right:8px}}