:root{--bg:#f7f4ef;--surface:#ffffff;--text:#1f2933;--muted:#5f6b7a;--brand:#0f6e56;--brand-soft:#e8f5f0;--accent:#c45c26;--danger:#b42318;--border:#e4dfd6;--shadow:0 10px 30px rgba(31,41,51,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1200px,calc(100% - 2rem));margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge.pending{background:#fff4e5;color:#9a5b00}.badge.approved{background:#e8f1ff;color:#1d4ed8}.badge.rejected{background:#fdecec;color:var(--danger)}.badge.published{background:var(--brand-soft);color:var(--brand)}.badge.hidden{background:#f1f5f9;color:#475569}.btn{border:none;border-radius:10px;padding:.65rem 1rem;font-weight:600}.btn-primary{background:var(--brand);color:white}.btn-secondary{background:#eef2f6;color:var(--text)}.btn-danger{background:#fdecec;color:var(--danger)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.support-admin-layout{display:grid;grid-template-columns:minmax(260px,320px) 1fr;grid-gap:1rem;gap:1rem;align-items:start}.support-admin-list{display:flex;flex-direction:column;gap:.5rem}.support-admin-item{width:100%;text-align:left;border:1px solid var(--border);border-radius:10px;padding:.75rem;background:white;cursor:pointer}.support-admin-item-active{border-color:var(--brand);background:var(--brand-soft)}.support-thread{display:flex;flex-direction:column;min-height:480px}.support-messages{flex:1 1;display:flex;flex-direction:column;gap:.75rem;max-height:520px;overflow-y:auto;padding:.25rem 0 1rem}.support-bubble{max-width:min(85%,520px);padding:.75rem .9rem;border-radius:12px;background:#f1f5f9;align-self:flex-start}.support-bubble-mine{background:var(--brand-soft);align-self:flex-end}.support-bubble-meta{font-size:.78rem;color:var(--muted);margin-bottom:.35rem}.support-compose{display:flex;flex-direction:column;gap:.65rem;border-top:1px solid var(--border);padding-top:1rem}@media (max-width:900px){.support-admin-layout{grid-template-columns:1fr}}