:root {
  --bg: #0f172a;
  --bg-soft: #111827;
  --card: #ffffff;
  --text: #0f172a;
  --muted: #475569;
  --line: #dbe4ee;
  --brand: #0f766e;
  --brand-2: #0ea5e9;
  --ok: #166534;
  --warn: #a16207;
  --error: #b91c1c;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#f8fafc}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.site-header{background:linear-gradient(135deg,var(--bg) 0%,#13233f 100%);color:#fff;padding:18px 0}
.header-wrap,.admin-bar{display:flex;align-items:center;justify-content:flex-start;gap:16px}
.brand{color:#fff;font-size:1.6rem;font-weight:700}.brand span{color:#93c5fd}.tagline{margin:4px 0 0;color:#cbd5e1}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:#fff}
.hero{display:grid;grid-template-columns:1.25fr .95fr;gap:28px;padding:42px 0 22px}.hero h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:14px}.hero p{color:var(--muted);line-height:1.6}
.checks{padding-left:18px;color:var(--muted)}.card{background:var(--card);border-radius:18px;border:1px solid var(--line);padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.grid-two{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;padding-bottom:22px}.grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:22px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 0 22px}.compact-top{padding-top:0}.two-row{grid-template-columns:repeat(4,1fr)}.stat{background:#e2e8f0;border-radius:18px;padding:18px}.stat strong{display:block;font-size:2rem}
label{display:block;margin:10px 0 6px;font-weight:700}input[type=text],input[type=password],textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;font-size:1rem;background:#fff}textarea{min-height:110px}
button,.button-link{display:inline-block;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer;text-decoration:none}.button-link.secondary,button.secondary{background:#475569}.button-link.warn,button.warn{background:#b45309}.button-link.danger,button.danger{background:#b91c1c}
.alert{border-radius:12px;padding:12px 14px;margin:12px 0}.alert.error{background:#fee2e2;color:var(--error)}.alert.success{background:#e8f6ec;border:1px solid #b6dec0;color:#1f5f2c}.alert.info{background:#e8f2ff;color:#1e3a8a}
.small{color:var(--muted);font-size:.92rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f8fafc}.site-footer{background:var(--bg-soft);color:#cbd5e1;margin-top:30px;padding:30px 0}.footer-grid{display:flex;justify-content:flex-start;gap:24px}.footer-grid a{color:#fff}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:.82rem;font-weight:700}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}.badge.error{background:#fee2e2;color:#991b1b}.badge.info{background:#e0f2fe;color:#075985}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card h3{margin-top:0}.muted{color:var(--muted)}.mono{font-family:Consolas,monospace;word-break:break-all}
.kpi{font-size:2.1rem;font-weight:700}.admin-login{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,var(--bg),#1e293b)}.login-card{width:min(480px,calc(100% - 32px))}
pre.code{padding:14px;background:#0f172a;color:#e2e8f0;border-radius:12px;overflow:auto;font-size:.88rem;max-height:720px}.actions{display:flex;gap:12px;flex-wrap:wrap}.inline-form{display:flex;gap:12px;flex-wrap:wrap}.inline-form > *{flex:1}.table-compact td,.table-compact th{padding:8px 10px;font-size:.95rem}.tag-list{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:900px){.hero,.grid-two,.grid-three,.stats-grid,.tool-grid,.footer-grid,.two-row{grid-template-columns:1fr;display:grid}.header-wrap,.admin-bar{align-items:flex-start;flex-direction:column}}


.guide-list { margin: 0; padding-left: 20px; color: var(--text); }
.guide-list li { margin: 0 0 10px; }


.footer-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{color:inherit;text-decoration:none}.legal-copy h2{margin-top:0.9rem}.legal-copy p{margin:0 0 0.85rem}.legal-copy a{word-break:break-word}