:root{font-family:system-ui;color:#102235;background:#f4f7fa}*{box-sizing:border-box}body{margin:0}.card{max-width:430px;margin:8vh auto;background:#fff;padding:28px;border-radius:18px;box-shadow:0 12px 40px #10223518}.brand{color:#1d67cd;font-weight:800}.card form{display:grid;gap:15px;margin-top:22px}label{display:grid;gap:6px;font-weight:700}input,select,textarea{width:100%;padding:12px;border:1px solid #ccd5df;border-radius:9px;font:inherit}button{border:0;border-radius:9px;background:#1d67cd;color:#fff;padding:12px;font-weight:800;cursor:pointer}.error{background:#ffe7e7;color:#8a1010;padding:10px}header{height:70px;background:#102235;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 20px}header small,.ctop span{display:block;color:#b9c6d3}header a{color:#fff;margin-left:12px}.secondary{padding:8px;background:#ffd900;color:#102235}.inbox{height:calc(100vh - 70px);display:grid;grid-template-columns:320px 1fr;max-width:1200px;margin:auto;background:#fff}.inbox aside{border-right:1px solid #dde4eb;padding:16px;overflow:auto}.thread{position:relative;width:100%;text-align:left;background:#fff;color:#102235;border:1px solid #e1e6ec;margin:5px 0}.thread span{display:block;font-size:.8rem;color:#687787}.thread i{position:absolute;right:8px;top:8px;background:#d82424;color:#fff;border-radius:50%;padding:2px 7px}.thread.active{background:#edf5ff}#conversation{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.ctop{padding:15px;border-bottom:1px solid #ddd}.ctop span{color:#687787}.messages{padding:18px;overflow:auto}.msg{width:max-content;max-width:75%;padding:10px;border-radius:12px;margin:8px 0;background:#e9eef3}.msg.staff{margin-left:auto;background:#1d67cd;color:#fff}.msg small{display:block;font-size:.65rem;margin-top:5px}#reply{display:flex;gap:8px;padding:12px;border-top:1px solid #ddd}.empty{margin:auto}@media(max-width:700px){.inbox{grid-template-columns:120px 1fr}.inbox aside{padding:6px}.card{margin:20px 12px}header{font-size:.8rem}}