:root{--bg:#f7f1e6;--ink:#15392d;--deep:#082b21;--gold:#d6a640;--line:#d9d1c2;--muted:#756f66;--white:#fffdf8;--ok:#2d8b5c;--blue:#4a79b8;--red:#b94c3d}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fbf6ed,#f2eadc);color:#17231d;font-family:Inter,system-ui,sans-serif}.sup-top{position:sticky;top:0;z-index:50;background:#082b21;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.sup-top nav{max-width:1180px;margin:auto;height:74px;padding:0 20px;display:flex;align-items:center;gap:18px}.sup-logo img{height:34px}.sup-spacer{flex:1}.sup-back{color:#e9efe9;text-decoration:none;font-size:13px}.sup-wrap{max-width:1180px;margin:0 auto;padding:36px 20px 70px}.sup-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch;margin-bottom:24px}.sup-hero-main,.sup-hero-side{border-radius:24px;border:1px solid #ddd3c3;background:rgba(255,253,248,.9);box-shadow:0 18px 45px rgba(47,37,22,.08)}.sup-hero-main{padding:34px}.sup-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#aa7b1e}.sup-hero h1{font:700 clamp(34px,5vw,60px)/.98 Fraunces,Georgia,serif;margin:8px 0 12px;color:#12382c}.sup-hero p{max-width:680px;color:#6b6a62;line-height:1.65;margin:0}.sup-hero-side{padding:26px;background:#0d3b2d;color:#f8f1e5}.sup-hero-side h3{font:700 24px Fraunces,serif;margin:0 0 10px}.sup-hero-side p{color:#c7d4cc;font-size:13px}.sup-rule{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#dbe5df}.sup-rule:first-of-type{margin-top:18px}.sup-rule b{color:#f0c867}.sup-layout{display:grid;grid-template-columns:380px 1fr;gap:18px}.sup-card{background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 30px rgba(47,37,22,.05);overflow:hidden}.sup-card-head{padding:20px 20px 14px;border-bottom:1px solid #ece4d8}.sup-card-head h2{font:700 24px Fraunces,serif;margin:0;color:#163b2f}.sup-card-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.sup-form{padding:20px;display:grid;gap:14px}.sup-form label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#4a564f}.sup-form input,.sup-form select,.sup-form textarea{width:100%;border:1px solid #d8d1c5;border-radius:12px;background:#fff;padding:11px 12px;font:500 13px Inter,sans-serif;color:#1b2c24;outline:none}.sup-form textarea{min-height:140px;resize:vertical;line-height:1.55}.sup-form input:focus,.sup-form select:focus,.sup-form textarea:focus{border-color:#2b7b56;box-shadow:0 0 0 3px rgba(43,123,86,.1)}.sup-context{padding:10px 12px;border-radius:11px;background:#f6f0e5;border:1px solid #e5d9c7;font-size:11px;color:#766d5e;word-break:break-word}.sup-order-note{display:none;padding:11px 12px;border-radius:11px;background:#fff5da;border:1px solid #ead28c;color:#6f5819;font-size:12px;line-height:1.45}.sup-order-note.show{display:block}.sup-order-note a{font-weight:800;color:#254f3b}.sup-btn{border:0;border-radius:12px;padding:11px 15px;background:#0d3b2d;color:#fff;font-weight:850;font-size:12px;cursor:pointer}.sup-btn:hover{filter:brightness(1.08)}.sup-btn.secondary{background:#efe8db;color:#2e4c3d}.sup-btn.gold{background:#d6a640;color:#18372c}.sup-btn.danger{background:#fff;color:#a64233;border:1px solid #e6b8af}.sup-btn:disabled{opacity:.55;cursor:not-allowed}.sup-list{padding:8px}.sup-ticket{display:block;text-decoration:none;color:inherit;border-radius:14px;padding:14px;margin:4px 0;border:1px solid transparent}.sup-ticket:hover,.sup-ticket.on{background:#f6f0e6;border-color:#e3d9c9}.sup-ticket-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.sup-code{font-size:10px;font-weight:900;color:#9c7729;letter-spacing:.05em}.sup-status{font-size:9px;font-weight:900;padding:4px 7px;border-radius:999px;text-transform:uppercase}.sup-status.waiting_admin,.sup-status.new{background:#fff0c7;color:#7a5a0c}.sup-status.waiting_user{background:#e5f0ff;color:#3b679c}.sup-status.resolved,.sup-status.closed{background:#e7efe9;color:#4b6b57}.sup-ticket h3{font-size:13px;margin:8px 0 4px}.sup-ticket p{font-size:11px;color:#7c756b;line-height:1.4;margin:0}.sup-thread-empty{padding:52px 28px;text-align:center;color:#7e786f}.sup-thread-empty strong{display:block;font:700 24px Fraunces,serif;color:#234237;margin-bottom:8px}.sup-thread{display:flex;flex-direction:column;min-height:620px}.sup-thread-head{padding:20px;border-bottom:1px solid #ece4d8;display:flex;justify-content:space-between;gap:12px}.sup-thread-head h2{font:700 24px Fraunces,serif;margin:4px 0}.sup-thread-head p{margin:0;color:#746e65;font-size:11px}.sup-msgs{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1;background:linear-gradient(180deg,#fffdf8,#faf6ee)}.sup-msg{max-width:78%;border-radius:16px;padding:12px 14px;font-size:12px;line-height:1.55;white-space:pre-wrap}.sup-msg.user{align-self:flex-end;background:#103f30;color:#f7f3e8;border-bottom-right-radius:5px}.sup-msg.admin{align-self:flex-start;background:#eee7da;color:#27392f;border-bottom-left-radius:5px}.sup-msg-meta{display:block;font-size:9px;opacity:.7;margin-top:7px}.sup-compose{border-top:1px solid #e7dfd2;padding:16px;background:#fffdf8}.sup-compose textarea{width:100%;min-height:90px;border:1px solid #d8d1c5;border-radius:12px;padding:11px;font:500 13px Inter;resize:vertical}.sup-compose-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:9px}.sup-auth{padding:42px;text-align:center}.sup-auth h2{font:700 30px Fraunces,serif;margin:0 0 8px}.sup-auth p{color:#746e65}.sup-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#123a2d;color:#fff;padding:11px 16px;border-radius:12px;font-size:12px;font-weight:750;box-shadow:0 14px 35px rgba(0,0,0,.25);z-index:1000;display:none}.sup-toast.show{display:block}.sup-loading{padding:20px;color:#807970;font-size:12px}.sup-new-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #ece4d8;background:#f8f3ea}.sup-new-bar span{font-size:12px;color:#6f6b64}.sup-guest-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.sup-guest-actions a{text-decoration:none}
@media(max-width:900px){.sup-hero,.sup-layout{grid-template-columns:1fr}.sup-layout{display:flex;flex-direction:column}.sup-list-card{order:2}.sup-thread-card{order:1}.sup-thread{min-height:500px}}@media(max-width:600px){.sup-wrap{padding:22px 12px 50px}.sup-hero-main,.sup-hero-side{padding:22px;border-radius:18px}.sup-card{border-radius:16px}.sup-thread-head{flex-direction:column}.sup-msg{max-width:92%}}