:root{--bg:#0f172a;--card:#ffffff;--muted:#64748b;--accent:#f59e0b;--line:#e2e8f0}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f8fafc;color:#0f172a}.top{background:var(--bg);color:white;padding:18px 28px;display:flex;align-items:center;gap:16px}.top img{height:48px;background:white;border-radius:8px;padding:6px}.wrap{max-width:1100px;margin:28px auto;padding:0 18px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 4px 18px rgba(15,23,42,.06)}h1,h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label{display:block;font-size:13px;color:#334155;margin-bottom:5px}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:10px;font-size:15px;background:white}.btn{display:inline-block;background:var(--accent);color:#111827;border:0;border-radius:10px;padding:11px 16px;font-weight:700;text-decoration:none;cursor:pointer}.btn.dark{background:#0f172a;color:white}.btn.ghost{background:#e2e8f0}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px}th{font-size:13px;color:#475569}.muted{color:var(--muted)}.alert{background:#fef3c7;border:1px solid #f59e0b;padding:12px;border-radius:10px}.sig{border:1px solid #cbd5e1;border-radius:10px;background:white;width:100%;height:180px}.steps{display:flex;gap:8px;flex-wrap:wrap}.step{padding:8px 12px;border-radius:999px;background:#e2e8f0;font-size:13px}.danger{color:#b91c1c}@media(max-width:800px){.grid,.grid3{grid-template-columns:1fr}.top{padding:14px}.wrap{margin:16px auto}}