:root{--bg:#0d1210;--panel:#141b17;--panel2:#1b2420;--line:#2a3730;--text:#edf7f0;--muted:#8fa296;--green:#5ee38e;--green2:#1f9d57}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}.app-shell{height:100%;display:grid;grid-template-columns:280px 1fr}.sidebar{background:#101713;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.sidebar header{height:76px;padding:16px 18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.sidebar header div:last-child{display:flex;flex-direction:column}.sidebar header span{font-size:13px;color:var(--muted);margin-top:3px}.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),var(--green2));color:#06220f;font-weight:900;letter-spacing:-1px;box-shadow:0 12px 35px #1f9d5730}.brand-mark.small{width:42px;height:42px;border-radius:12px}.sidebar nav{padding:16px 10px;overflow:auto;flex:1}.sidebar h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6f8376;padding:12px 10px 5px;margin:0}.target{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#bdcbc2;text-align:left;cursor:pointer}.target:hover,.target.active{background:var(--panel2);color:white}.target.active{box-shadow:inset 3px 0 var(--green)}.target b{width:16px;color:var(--green)}.target i,.user-row i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #5ee38e80}.sidebar footer{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.sidebar footer a,.sidebar footer button{color:var(--muted);font-size:13px;background:none;border:0;text-decoration:none;cursor:pointer}.chat{min-width:0;display:grid;grid-template-rows:76px 1fr auto}.chat>header{display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);background:#101713aa;backdrop-filter:blur(12px)}.chat>header h1{font-size:18px;margin:0}.chat>header span{font-size:12px;color:var(--muted)}#menu{display:none}.chat select{margin-left:auto;background:var(--panel2);border:1px solid var(--line);color:white;padding:9px;border-radius:8px}.messages{overflow-y:auto;padding:28px max(24px,calc((100% - 900px)/2));display:flex;flex-direction:column;gap:15px}.empty{margin:auto;display:flex;flex-direction:column;text-align:center;color:var(--muted);gap:7px}.empty strong{color:var(--text);font-size:19px}.msg{max-width:min(680px,82%);align-self:flex-start}.msg.mine{align-self:flex-end}.msg>div{display:flex;gap:10px;align-items:center;margin:0 8px 5px}.msg strong{font-size:12px;color:var(--green)}.msg time{font-size:11px;color:#65776b}.msg p{margin:0;padding:11px 14px;background:var(--panel2);border:1px solid var(--line);border-radius:4px 15px 15px 15px;line-height:1.45;word-break:break-word}.msg.mine p{background:#185c36;border-color:#24784a;border-radius:15px 4px 15px 15px}.msg.mine>div{justify-content:flex-end}.composer{margin:0 auto 18px;padding:8px;width:min(900px,calc(100% - 40px));border:1px solid var(--line);border-radius:16px;background:var(--panel);display:flex;align-items:flex-end;box-shadow:0 15px 50px #0004}.composer textarea{resize:none;max-height:160px;min-height:30px;flex:1;background:transparent;border:0;outline:0;color:white;padding:7px 10px;line-height:1.4}.composer button,.auth button,.admin-page button,.button{border:0;border-radius:10px;background:var(--green);color:#082513;font-weight:750;padding:10px 16px;cursor:pointer}.composer button{width:42px;height:42px;padding:0}.composer button:disabled{opacity:.35}.auth{min-height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 20%,#173d27 0,transparent 38%)}.auth-card{width:min(420px,100%);padding:36px;background:#121a16;border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 80px #0007}.auth-card .brand-mark{margin-bottom:25px}.auth h1{margin:0 0 6px}.auth p,.admin-page p{color:var(--muted)}label{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-size:13px;color:#aebeb3}input{background:#0d1310;border:1px solid var(--line);border-radius:9px;color:white;padding:12px;outline:0}input:focus{border-color:var(--green)}.auth form button{width:100%;margin-top:10px}.error{padding:10px 12px;background:#5d2020;border:1px solid #a44343;border-radius:9px}.admin-page{max-width:1100px;margin:auto;padding:42px 24px}.admin-page>header{display:flex;justify-content:space-between;align-items:center}.admin-page h1{margin:0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.admin-grid section{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.admin-grid h2{margin-top:0;font-size:18px}.button{text-decoration:none}.ghost{background:var(--panel2);color:white;border:1px solid var(--line)}.invite,.user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 0;margin-top:10px}.invite span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--muted)}.invite button{padding:6px 10px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.chips span{font-size:12px;background:var(--panel2);padding:6px 9px;border-radius:20px;color:var(--muted)}.user-row span{display:flex;align-items:center;gap:8px}.user-row small{color:var(--muted)}
@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:5;width:280px;height:100%;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none;box-shadow:20px 0 80px #000}.chat>header{padding:0 14px}.chat>header #menu{display:block;border:0;background:none;color:white;font-size:20px;margin-right:12px}.messages{padding:20px 14px}.composer{width:calc(100% - 20px);margin-bottom:10px}.admin-grid{grid-template-columns:1fr}.admin-page>header{align-items:flex-start;gap:15px}.msg{max-width:90%}}
.empty .wake{align-self:center;margin-top:12px;border:1px solid #2f6844;border-radius:10px;background:#173a25;color:var(--green);padding:9px 14px;cursor:pointer}
.connection-status{display:inline-flex;margin-top:5px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700}.connection-status.connected{color:#06220f;background:var(--green)}.connection-status.reconnecting{color:#382a00;background:#f3c968}.connection-status.offline{color:#fff;background:#7b3030}