:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17332b;background:#f3f6f4;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{background:#083f32;color:#fff;padding:28px max(24px,calc((100% - 1050px)/2));display:flex;gap:22px;align-items:center}header img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:16px;padding:7px}header h1{margin:2px 0;font-size:2rem}header p,header small{margin:0;color:#d6e8e2}main{max-width:1050px;margin:28px auto;padding:0 20px 60px}nav{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}button,nav a{border:1px solid #0d674f;border-radius:9px;background:#fff;color:#0d674f;padding:11px 17px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}button:hover,button.active,form>button{background:#0d674f;color:#fff}.card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 12px 30px rgba(30,55,47,.12);margin-bottom:18px}.card h2{margin-top:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wide{grid-column:1/-1}label{font-weight:700;display:grid;gap:6px}input,select,textarea{width:100%;border:1px solid #aebeb8;border-radius:8px;padding:11px;font:inherit;background:#fff}textarea{resize:vertical}.track{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}#notice{border-radius:9px;margin-bottom:15px;padding:0}#notice.good,#notice.bad{padding:12px 15px}#notice.good{background:#dff4e9;color:#155c3e}#notice.bad{background:#fde8e8;color:#842626}.ticket-head{display:flex;justify-content:space-between;gap:15px;align-items:start;border-top:1px solid #dae3df;margin-top:22px;padding-top:20px}.badge{display:inline-block;border-radius:999px;background:#e2efe9;padding:4px 10px;font-size:.82rem;font-weight:800}.message{padding:14px;border:1px solid #dae3df;border-radius:10px;margin:10px 0}.message.agent{border-left:5px solid #0d674f}.message small{display:block;color:#62736d}.reply{margin-top:18px;display:grid;gap:10px}@media(max-width:700px){.grid,.track{grid-template-columns:1fr}.wide{grid-column:auto}.ticket-head{display:block}header{align-items:flex-start}header img{width:55px;height:55px}}
