:root{font-family:Inter,Segoe UI,sans-serif;color:#172033;background:#f3f6fa}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:#0b3d49}.login form{width:min(380px,90vw);display:grid;gap:14px;padding:32px;background:#fff;border-radius:8px;box-shadow:0 18px 50px #0018}.login strong{font-size:25px}.login p{margin:-8px 0 10px;color:#62717e}.login input{padding:13px;border:1px solid #ccd6df;border-radius:6px}.login button,.inbox-head button,#send button{border:0;background:#0f877c;color:#fff;padding:11px 17px;border-radius:6px;font-weight:700}.login small{color:#c12b47}main{min-height:100vh;display:grid;grid-template-columns:220px 1fr}aside{background:#102b35;color:white;padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 25px}.brand>span{display:grid;place-items:center;width:42px;height:42px;background:#19a899;border-radius:6px;font-weight:900}.brand small,.contact small{display:block;color:#91a9b2}nav{display:grid;gap:6px}nav button{border:0;background:transparent;color:#b9c9ce;text-align:left;padding:12px;border-radius:6px}nav button.active{background:#1a4752;color:#fff}.mode{margin-top:auto;color:#75d8ce;font-size:12px;padding:12px}.workspace{padding:26px;min-width:0}.workspace>header{display:flex;justify-content:space-between;align-items:center}.workspace h1{margin:0;font-size:25px}.workspace header p{margin:4px 0;color:#687888}.toggle{background:#fff;padding:10px 14px;border:1px solid #dbe2e8;border-radius:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stats article{background:#fff;padding:18px;border-left:4px solid #16a394;border-radius:6px}.stats b{display:block;font-size:25px}.stats span{color:#6f7c89}.desk{display:grid;grid-template-columns:360px minmax(0,1fr);height:calc(100vh - 190px);background:#fff;border:1px solid #dce4e9;border-radius:7px;overflow:hidden}.inbox{border-right:1px solid #dce4e9;overflow:auto}.inbox-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e2e8ec}.inbox h2{font-size:17px}.inbox-head button{padding:8px 10px;font-size:12px}.conversation{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;text-align:left;border:0;border-bottom:1px solid #edf1f4;background:#fff;padding:14px}.conversation:hover,.conversation.selected{background:#edf8f7}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#d4efec;color:#087268;font-weight:800}.conversation small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#758390;max-width:220px}.conversation i{background:#13a190;color:#fff;border-radius:20px;padding:3px 7px;font-style:normal;font-size:11px}.chat,#chat{height:100%;min-width:0}#empty{height:100%;display:grid;place-items:center;color:#8a98a4}.contact{height:68px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #e0e7eb}.contact button{border:1px solid #ccd7dd;background:#fff;padding:8px;margin-left:6px;border-radius:5px}.messages{height:calc(100% - 128px);overflow:auto;padding:22px;background:#f4f7f8}.msg{max-width:70%;padding:11px 13px;border-radius:7px;background:#fff;white-space:pre-wrap;box-shadow:0 1px 2px #0011}.msg.out{margin-left:auto;background:#d8f3ee}.msg small{display:block;text-align:right;color:#71808a;font-size:10px;margin-top:5px}#send{height:60px;display:flex;gap:10px;padding:10px;border-top:1px solid #dce4e9}#send input{flex:1;border:1px solid #ccd7dd;border-radius:6px;padding:10px}.muted{padding:18px;color:#83919b}@media(max-width:850px){main{grid-template-columns:70px 1fr}.brand div,nav button{font-size:0}.brand{padding-left:0}.stats{grid-template-columns:1fr 1fr}.desk{grid-template-columns:1fr}.inbox{display:none}.workspace{padding:14px}}
.module{margin-top:24px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module-card{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:#fff;border:1px solid #dce4e9;border-radius:7px;padding:20px;min-height:105px}.module-card h3{margin:0 0 7px;font-size:16px}.module-card p{margin:0;color:#6f7d88}.badge{background:#e6f5f2;color:#08766c;padding:6px 9px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap}.notice,.empty-module{margin-top:18px;background:#fff;border-left:4px solid #168f84;padding:20px;border-radius:6px}.notice p,.empty-module p{color:#6f7d88;margin-bottom:0}.table{background:#fff;border:1px solid #dce4e9;border-radius:7px;overflow:hidden}.tr{display:grid;grid-template-columns:1.4fr 1fr 1fr;padding:15px 18px;border-bottom:1px solid #e8edef}.tr.head{background:#edf3f5;color:#667680;font-size:12px;text-transform:uppercase}.settings-list{display:grid;gap:12px}@media(max-width:900px){.module-grid{grid-template-columns:1fr}.tr{grid-template-columns:1fr}.tr.head{display:none}}