*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#14251d;background:#f4f7f5}a{text-decoration:none;color:inherit}.setup{min-height:100vh;display:grid;place-items:center;padding:24px}.setup-card{width:min(760px,100%);background:#fff;border:1px solid #dfe9e3;border-radius:24px;padding:34px;box-shadow:0 22px 70px #183c2920}.login-card{max-width:440px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#aef04c;color:#18321f;font-weight:900}.brand strong,.brand small{display:block}.brand small{color:#91a399;margin-top:2px}.setup h1{font-size:28px;margin:32px 0 20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{grid-column:1/-1}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#3f5248}input,select,textarea{width:100%;border:1px solid #ccd9d2;border-radius:11px;padding:12px 13px;background:#fff;font:inherit}input:focus,select:focus,textarea:focus{outline:3px solid #0a9f6220;border-color:#0a9f62}button,.button{display:inline-flex;border:0;border-radius:11px;background:#087f4d;color:#fff;padding:12px 18px;font-weight:800;cursor:pointer}.setup button{margin-top:20px}.alert{padding:12px 14px;border-radius:10px;margin:18px 0;background:#e1f8ea;color:#087f4d}.alert.error{background:#ffeded;color:#a72c2c}.app{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.app aside{position:sticky;top:0;height:100vh;background:#10271c;color:#eaf6ef;padding:26px 20px;display:flex;flex-direction:column}.app aside .brand{padding:0 8px 28px;border-bottom:1px solid #ffffff14}.app nav{display:grid;gap:6px;margin-top:25px}.app nav a{padding:12px 14px;border-radius:11px;color:#b9c9c0;font-weight:700}.app nav a:hover,.app nav a.active{background:#ffffff12;color:#fff}.app nav b{float:right;background:#aef04c;color:#17301f;border-radius:20px;padding:2px 8px;font-size:11px}.logout{margin-top:auto;padding:12px 14px}.app>main{padding:34px clamp(22px,4vw,56px);max-width:1500px;width:100%;margin:auto}.app header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.app header small{color:#6e7d75;font-weight:700}.app h1{font-size:27px;margin:5px 0}.connection{background:#e1f8ea;color:#087f4d;padding:10px 13px;border-radius:10px;font-size:13px;font-weight:800}.connection i{display:inline-block;width:8px;height:8px;background:#15a962;border-radius:50%;margin-right:6px}.connection.pending{background:#fff0cf;color:#875d00}.connection.pending i{background:#e8a11a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats article,.panel{background:#fff;border:1px solid #dfe8e3;border-radius:17px}.stats article{padding:20px}.stats span{display:block;color:#738078;font-size:13px}.stats strong{display:block;font-size:30px;margin-top:12px}.panel{margin-top:18px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px}.panel-head h2,.form-panel h2{margin:0 0 5px}.panel-head p,.form-panel>p{margin:0;color:#718078}.form-panel{padding:24px}.form-panel form{margin-top:20px}.form-panel button{margin-top:16px}.inline-form{display:inline-block;margin-left:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checks{display:flex;align-items:center;gap:8px}.checks input{width:auto}.table-panel{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid #e5ece8;font-size:14px}th{color:#65746c;font-size:12px;text-transform:uppercase}.actions{margin-bottom:14px}.empty{text-align:center;padding:66px 20px}.conversation{display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;padding:15px 24px;border-bottom:1px solid #edf1ef}.conversation p{margin:4px 0;color:#718078}.conversation time{font-size:12px;color:#87938d}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#dff5e8;color:#087f4d;font-weight:900}.messages{min-height:420px;max-height:62vh;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:75%;background:#edf2ef;border-radius:4px 14px 14px;padding:10px 13px}.bubble.out{align-self:flex-end;background:#d9f8e6;border-radius:14px 4px 14px 14px}.bubble p{margin:0 0 5px}.bubble small{font-size:11px;color:#66766d}.composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-top:1px solid #e2e9e5}.hint{padding:0 16px 14px;color:#74827a;font-size:12px}.metric-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e8eeeb}@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.app{grid-template-columns:1fr}.app aside{position:fixed;z-index:2;bottom:0;top:auto;height:68px;width:100%;padding:8px}.app aside .brand,.logout{display:none}.app nav{margin:0;display:flex;justify-content:space-around}.app nav a{font-size:12px;padding:9px 7px}.app nav a:first-child,.app nav b{display:none}.app>main{padding:22px 16px 90px}.connection{font-size:0}.connection i{margin:0}}@media(max-width:650px){.grid,.stats,.two-col{grid-template-columns:1fr}.full{grid-column:auto}.setup-card{padding:24px}.panel-head{align-items:flex-start;gap:10px}.composer{grid-template-columns:1fr}.bubble{max-width:88%}}