:root{--ink:#272521;--muted:#858078;--line:#e8e3da;--paper:#fffdfa;--cream:#f5f1ea;--coral:#e9654b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--cream)}button,input,textarea{font:inherit}.logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:20px;font-weight:750}.logo b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--coral);color:white;font-family:Georgia,serif}.dark{color:white}.auth{display:grid;grid-template-columns:minmax(430px,48%) 1fr;min-height:100vh;background:var(--paper)}.card{width:min(390px,calc(100% - 44px));margin:auto;padding:48px 0}.card .logo{margin-bottom:70px}.eyebrow{margin-bottom:10px;color:var(--coral);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}h1{margin:0 0 9px;font:700 32px/1.15 Georgia,serif}.card>p,.admin header p{margin:0 0 30px;color:var(--muted);font-size:14px}.card label{display:grid;gap:7px;margin:0 0 17px;font-size:12px;font-weight:650}.card input{width:100%;padding:13px 14px;border:1px solid #ddd7ce;border-radius:10px;outline:0;background:white}.card input:focus{border-color:#b9aa9e;box-shadow:0 0 0 3px #e9654b12}.primary{width:100%;padding:13px;border:0;border-radius:10px;background:var(--coral);color:white;font-weight:700}.card>small{display:block;margin-top:20px;text-align:center;color:var(--muted)}a{color:var(--coral)}.alert{margin-bottom:18px;padding:11px;border-radius:9px;background:#fff0ec;color:#a64431;font-size:12px}.art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#292824;color:#f8f4ed;font:600 clamp(28px,4vw,52px)/1.25 Georgia,serif}.art:before{content:'';position:absolute;width:380px;height:380px;right:-140px;top:-130px;border-radius:50%;background:#e9654b24}.art i{position:absolute;padding:13px 17px;border-radius:18px;background:#f5bda8;color:#554941;font:13px Segoe UI}.art i:first-of-type{right:12%;top:24%}.art i:last-of-type{left:14%;bottom:23%;background:#c7dfd1}.solo{display:block}.app{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden;background:var(--paper)}.side,.admin>aside{display:flex;flex-direction:column;padding:27px 18px 18px;background:#292824;color:#cecac3}.side .logo{padding:0 8px;margin-bottom:24px}.side>button{padding:11px;border:1px solid #ffffff15;border-radius:9px;background:#3b3935;color:white}.side>small{margin:28px 10px 9px;color:#97938b;font-size:10px;letter-spacing:.12em}.side nav,.admin nav{display:grid;gap:3px}.side nav a,.admin nav a{padding:10px 12px;border-radius:8px;color:#c8c4bd;text-decoration:none;font-size:14px}.side nav .active,.admin nav .active{background:#f5f1e9;color:#282723;font-weight:700}.me{display:flex;align-items:center;gap:10px;margin-top:auto;padding:15px 8px 0;border-top:1px solid #ffffff12}.me>span{display:grid;font-size:12px}.me small{color:#7eb68d;font-size:9px}.avatar{display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;border-radius:13px;color:#594d45;font-size:10px;font-style:normal;font-weight:750}.peach{background:#f4c7ab}.blue{background:#b9d9e8}.purple{background:#d8c7ea}.green{background:#bdddc9}.chat{display:grid;grid-template-rows:80px 1fr auto;min-width:0;overflow:hidden}.top{display:flex;align-items:center;justify-content:space-between;padding:14px 34px;border-bottom:1px solid var(--line)}.top h1{font-size:21px}.top p{margin:4px 0 0;color:var(--muted);font-size:11px}.actions{display:flex;align-items:center;gap:14px}.actions a{font-size:12px;font-weight:700}.actions form{margin:0}.actions button,.admin td button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:white;font-size:11px}.thread{overflow:auto;padding:28px max(30px,calc((100% - 820px)/2))}.intro{padding:14px 0 26px}.intro>b{display:grid;place-items:center;width:48px;height:48px;margin-bottom:13px;border-radius:15px;background:#f0ebe2;font-size:23px}.intro h2{margin:0 0 6px;font:700 24px Georgia,serif}.intro p{margin:0;color:var(--muted);font-size:13px}.date{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#aaa49c;font-size:10px}.date:before,.date:after{content:'';flex:1;height:1px;background:var(--line)}.msg{display:flex;gap:13px;margin-bottom:24px}.msg header{display:flex;gap:8px;margin-bottom:5px;font-size:13px}.msg time{color:#aaa49c;font-size:9px}.msg p{margin:0;color:#514d46;font-size:13px;line-height:1.65;white-space:pre-wrap}.composer{display:flex;gap:8px;margin:0 max(30px,calc((100% - 820px)/2)) 20px;padding:8px;border:1px solid #ddd7ce;border-radius:14px;background:white}.composer textarea{flex:1;min-height:48px;padding:10px;border:0;resize:vertical;outline:0}.composer button{align-self:flex-end;width:38px;height:38px;border:0;border-radius:10px;background:var(--coral);color:white}.admin{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.admin>aside .logo{margin:0 8px 55px}.admin>section{padding:54px clamp(25px,6vw,90px)}.admin>section>header{display:flex;align-items:end;justify-content:space-between}.admin>section>header>span{padding:8px 12px;border-radius:20px;background:#eee8df;font-size:11px}.table{overflow:auto;margin-top:28px;border:1px solid var(--line);border-radius:14px;background:white}table{width:100%;border-collapse:collapse}th,td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}th{background:#faf7f2;color:#8b867e;font-size:10px}.user{display:flex;align-items:center;gap:10px}.user>span{display:grid}.user small{color:var(--muted)}.on{color:#479360}.off{color:#a5594c}
@media(max-width:760px){.auth{display:block}.art{display:none}.app{grid-template-columns:76px 1fr}.side{padding:20px 10px}.side .logo{justify-content:center;font-size:0}.side>button,.side>small,.side nav,.me>span{display:none}.me{justify-content:center}.top{padding:12px 16px}.top p{display:none}.thread{padding:20px 16px}.composer{margin:0 12px 12px}.admin{grid-template-columns:1fr}.admin>aside{padding:15px}.admin>aside .logo{margin:0 0 15px}.admin>section{padding:30px 16px}}