:root{color:#17302b;background:#edf3ef;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0,#d8eee3,#0000 35%),#edf3ef;margin:0}main{max-width:1100px;margin:auto;padding:56px 24px}.eyebrow{color:#06765f;letter-spacing:.14em;font-size:12px;font-weight:800}h1{letter-spacing:-.05em;max-width:800px;margin:8px 0;font-size:clamp(38px,6vw,70px)}.lede{color:#52645f;max-width:740px;font-size:19px;line-height:1.55}.card{background:#fff;border:1px solid #d5dfdb;border-radius:24px;padding:24px;box-shadow:0 20px 60px #17302b12}.form{grid-template-columns:1fr 1fr;gap:18px;margin-top:36px;display:grid}.form label:nth-child(n+4){grid-column:1/-1}label{font-size:14px;font-weight:700}input,textarea{width:100%;font:inherit;border:1px solid #c8d6d1;border-radius:12px;margin-top:8px;padding:13px;display:block}textarea{min-height:80px}button{color:#fff;cursor:pointer;background:#087962;border:0;border-radius:12px;padding:12px 16px;font-weight:800}.form button{grid-column:1/-1}.grid{grid-template-columns:2fr 1fr;gap:20px;margin-top:32px;display:grid}.row,.actions,.composer{justify-content:space-between;align-items:center;gap:10px;display:flex}.badge{color:#087962;background:#daf5e9;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:800}.chat{background:#f4f7f5;border-radius:16px;height:420px;margin:18px 0;padding:18px;overflow:auto}.chat p{border-radius:15px;flex-direction:column;max-width:76%;padding:11px 14px;display:flex}.chat small{opacity:.6;font-size:9px;font-weight:900}.customer{background:#d6efe5;margin-left:auto}.agent{background:#fff}.composer input{margin:0}.actions{flex-wrap:wrap;margin-top:12px}.actions button{color:#17302b;background:#e4eee9}@media (max-width:760px){.form,.grid{grid-template-columns:1fr}.form label{grid-column:1!important}.grid{display:block}.grid aside{margin-top:18px}}select{width:100%;font:inherit;background:#fff;border:1px solid #c8d6d1;border-radius:12px;margin-top:8px;padding:13px;display:block}.error{color:#b3261e;background:#fbe9e7;border-radius:10px;margin:14px 0;padding:10px 14px;font-weight:600}.tabs{flex-wrap:wrap;gap:8px;margin:28px 0 18px;display:flex}.tab{color:#17302b;background:#e4eee9;padding:10px 16px}.tab.active{color:#fff;background:#087962}.table{border-collapse:collapse;background:#fff;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 20px 60px #17302b12}.table th,.table td{text-align:left;border-bottom:1px solid #edf3ef;padding:12px 16px;font-size:14px}.table th{color:#52645f;text-transform:uppercase;letter-spacing:.06em;background:#f4f7f5;font-size:11px;font-weight:800}.table tr:last-child td{border-bottom:none}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-item{cursor:pointer;background:#f4f7f5;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.list-item.active{background:#daf5e9}