:root{--bg:#f3f4ef;--surface:#ffffff;--ink:#172020;--muted:#57605d;--line:#d6d9d4;--accent:#0f6b5f;--accent-2:#d97706}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#eaf6f3 0,var(--bg) 35%,#f7f3ea 100%);color:var(--ink);font-family:Trebuchet MS,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.brand{font-weight:800;letter-spacing:.3px;font-size:21px;color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 8px 22px rgba(15,40,34,.05)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.pill{display:inline-block;font-size:12px;border:1px solid var(--line);padding:4px 10px;border-radius:999px;color:var(--muted)}.nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-link{border:1px solid var(--accent);border-radius:999px;padding:7px 13px}.hero{margin:20px 0;padding:28px;border-radius:16px;background:linear-gradient(130deg,#0f2e2d,#0f6b5f 48%,#2a8e80);color:#f3f7f4}.hero h1{margin:0 0 8px;font-size:34px}.hero p{margin:0;max-width:760px}.muted{color:var(--muted)}.section-title{margin:28px 0 10px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.btn{border:1px solid var(--accent);background:var(--accent);color:#f7fffc;border-radius:10px;padding:9px 14px;cursor:pointer}.btn.secondary{background:transparent;color:var(--accent)}.btn.warn{border-color:#9a3412;background:#9a3412}.kpi{font-size:28px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#f8faf8);border-radius:14px;padding:16px}.badge{display:inline-flex;align-items:center;gap:6px;background:#eff8f6;border:1px solid #c9e2dc;color:#10574d;border-radius:999px;padding:4px 10px;font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px}.template-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#ffffff}.template-hero{border-radius:12px;padding:12px;color:#f5fffd;margin-bottom:10px;font-weight:600}.theme-sports{background:linear-gradient(135deg,#0f766e,#14b8a6)}.theme-esports{background:linear-gradient(135deg,#1d4ed8,#7c3aed)}.theme-media{background:linear-gradient(135deg,#be185d,#f97316)}.theme-general{background:linear-gradient(135deg,#14532d,#15803d)}.theme-non_sport{background:linear-gradient(135deg,#92400e,#f59e0b)}.simple-table{width:100%;border-collapse:collapse}.simple-table td,.simple-table th{border-bottom:1px solid var(--line);text-align:left;padding:9px 6px;font-size:14px}.footer{display:flex;justify-content:space-between;margin:28px 0 6px;color:var(--muted);font-size:13px}.stack{display:grid;grid-gap:10px;gap:10px}.form{display:grid;grid-gap:12px;gap:12px}.form label{font-size:13px;color:var(--muted)}.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;font:inherit}.notice{border:1px solid #c5d7d3;background:#f3faf8;border-radius:10px}.error,.notice{padding:10px 12px;font-size:14px}.error{border:1px solid #f1b0b0;background:#fff3f3;color:#8a1f1f;border-radius:10px}