*{box-sizing:border-box}
:root{
  --bg:#f8f3ec;--card:#fffdfa;--ink:#493d38;--muted:#887b74;--line:#eaded5;
  --accent:#bd8775;--accent2:#e9c6b8;--soft:#f5e9df;--green:#4f8768;--red:#b95767;
  --shadow:0 14px 36px rgba(79,58,47,.08)
}
body{margin:0;background:linear-gradient(180deg,#fbf7f1,#f5efe8);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.wrap{max-width:900px;margin:0 auto;padding:18px 13px 60px}
.top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:12px 2px}
.badge{display:inline-block;background:var(--soft);color:var(--accent);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}
h1{margin:7px 0 5px;font-size:31px;letter-spacing:-.03em}
h2{margin:0 0 8px;font-size:20px} h3{margin:0}
p{margin:0}.top p,.hint{color:var(--muted);font-size:12px;line-height:1.55}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;margin-top:13px;box-shadow:var(--shadow)}
.stack{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}
input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 12px;color:var(--ink)}
textarea{resize:vertical;line-height:1.6;margin-top:10px}
button{border:0;border-radius:12px;padding:10px 13px;font-weight:900;background:var(--accent);color:white}
.ghost,.soft{background:#fff;color:var(--ink);border:1px solid var(--line)}
.small{padding:9px 11px;font-size:12px}
.primary{width:100%;margin-top:13px;padding:13px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:13px;box-shadow:var(--shadow)}
.stat span{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;margin-top:4px;font-size:23px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
.form-grid label{font-size:12px;font-weight:800;color:var(--muted)}
.form-grid input,.form-grid select{margin-top:6px}
.created{margin-top:13px;padding:15px;border-radius:16px;background:var(--soft);border:1px dashed var(--accent2)}
.created .code{font-size:20px;font-weight:950;letter-spacing:.03em;margin-top:7px}
.hidden{display:none!important}
.buyer-message{margin-top:15px;padding-top:15px;border-top:1px dashed var(--line)}
.copy-big{width:100%;margin-top:9px;padding:14px;background:var(--green)}
.center{text-align:center;margin-top:7px}
.section-row{display:flex;justify-content:space-between;gap:12px;align-items:center}
.search{max-width:280px}
.license-list{display:grid;gap:10px;margin-top:13px}
.license{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;border:1px solid var(--line);border-radius:16px;padding:13px;background:#fff}
.license.blocked{opacity:.72;background:#fff7f8}
.code{font-weight:950;word-break:break-all}
.status{display:inline-flex;margin-left:7px;border-radius:999px;padding:3px 7px;font-size:9px}
.status.active{background:#e9f5ed;color:var(--green)}.status.blocked{background:#fdecef;color:var(--red)}
.meta{color:var(--muted);font-size:11px;line-height:1.55;margin-top:6px}
.actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:250px}
.actions button{font-size:10px;padding:8px 9px}
.danger{background:#fff0f2;color:var(--red);border:1px solid #efd1d6}
.message-copy{background:var(--green)}
.empty{text-align:center;padding:28px;color:var(--muted);font-size:12px}
.msg{margin-top:8px;font-size:12px}
.thankyou-card{text-align:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#fffdfa,#fff5f2)}
.heart{font-size:38px;color:var(--accent)}
.template-preview{display:flex;justify-content:center;gap:10px;align-items:center;margin:13px auto;padding:13px;border-radius:14px;background:var(--soft);max-width:480px;flex-wrap:wrap}
.template-preview span{font-weight:950;color:var(--accent)}
@media(max-width:650px){
 .wrap{padding:10px 8px 45px}.top{display:grid}h1{font-size:27px}
 .stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}
 .section-row.list-head{display:grid}.search{max-width:none}
 .license{grid-template-columns:1fr}.actions{justify-content:flex-start;max-width:none}
 .card{padding:14px;border-radius:18px}
}
