:root{--bg:#f5f5f2;--text:#151515;--muted:#747474;--line:#e7e7e2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(1450px,calc(100% - 28px));margin:auto;min-height:100vh;padding:22px 0}
header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:28px;font-weight:900;letter-spacing:-.07em}
header button,.actions button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px}
.hero{display:flex;gap:14px;padding:48px 0 24px}.dot{width:10px;height:10px;border-radius:50%;background:#22c86a;margin-top:14px;box-shadow:0 0 0 6px #22c86a20}
h1{font-size:clamp(34px,4vw,62px);line-height:.98;letter-spacing:-.06em;margin:0}.hero p{color:var(--muted)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.workspace{display:grid;grid-template-columns:.95fr 1.05fr;gap:16px;min-height:600px}
.chat,#panel{background:#fff;border-radius:28px;box-shadow:0 18px 60px #00000010;overflow:hidden}.chat{display:flex;flex-direction:column}.messages{flex:1;padding:26px;overflow:auto}
.msg{display:flex;margin-bottom:12px}.msg.user{justify-content:flex-end}.msg span{max-width:80%;padding:13px 16px;border-radius:18px;background:#efefec}.msg.user span{background:#151515;color:#fff}
#composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-top:1px solid var(--line)}#composer input{border:1px solid var(--line);border-radius:15px;padding:13px 14px;outline:none}
#composer button,.primary{border:0;border-radius:15px;background:#151515;color:white;padding:13px 18px}#panel{padding:26px}.empty{height:100%;min-height:460px;display:grid;place-content:center;text-align:center;color:var(--muted)}
.vipbox{width:76px;height:76px;border-radius:22px;background:#151515;color:#fff;display:grid;place-content:center;margin:auto;font-weight:900}.card{border:1px solid var(--line);border-radius:22px;padding:18px;margin-bottom:12px}.card h3{margin-top:0}
.field{display:grid;gap:7px;margin:12px 0}.field label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px}
.primary{width:100%}.package{width:100%;text-align:left;border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px;margin-top:9px}.package .price{font-size:22px;font-weight:800;margin-top:7px}
.row{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}@media(max-width:900px){.workspace{grid-template-columns:1fr}.chat{min-height:480px}}