:root{--bg:#f7f9fc;--card:#fff;--text:#111827;--muted:#64748b;--line:#e5e7eb;--blue:#2563eb;--blue2:#1d4ed8;--green:#16a34a;--red:#dc2626;--redbg:#fee2e2;--greenbg:#dcfce7;--shadow:0 20px 50px rgba(15,23,42,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:800}.logo{display:inline-flex;width:42px;height:42px;border-radius:12px;background:var(--blue);color:#fff;align-items:center;justify-content:center;font-weight:900}.topbar nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.topbar nav a{color:#475569;text-decoration:none;font-weight:700}.topbar nav a:hover{color:var(--blue)}.container{max-width:1180px;margin:0 auto;padding:42px 24px 72px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{font-size:52px;line-height:1.05;margin:0;letter-spacing:.02em}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow);margin-bottom:24px}.card h2{margin-top:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{font-size:42px;font-weight:900}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:#eef2ff;color:#1e3a8a;padding:11px 16px;text-decoration:none;font-weight:800;cursor:pointer}.button:hover{filter:brightness(.98)}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue2)}.button.danger{background:var(--redbg);color:#b91c1c}.button.small{padding:8px 13px;font-size:14px}.button.mini{padding:5px 10px;font-size:12px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:13px 14px;font:inherit;background:#fff}.form{display:grid;gap:16px}.form label{display:grid;gap:7px;font-weight:700}.hint{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:4px}.checkbox{display:flex!important;gap:8px;align-items:center}.auth-card{max-width:460px;margin:50px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 11px;vertical-align:top}th{font-size:14px;color:#64748b}.pill{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800}.pill.ok{background:var(--greenbg);color:#166534}.pill.danger{background:var(--redbg);color:#991b1b}.flash-wrap{margin-bottom:18px}.flash{border-radius:12px;padding:14px 16px;margin-bottom:10px;border:1px solid var(--line)}.flash.success{background:#ecfdf5;border-color:#a7f3d0}.flash.danger{background:#fff1f2;border-color:#fecdd3}.flash.warning{background:#fffbeb;border-color:#fde68a}.flash.info{background:#eff6ff;border-color:#bfdbfe}.footer{border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:24px;color:#64748b;display:flex;justify-content:space-between;gap:20px}.copyline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wrapcode{white-space:normal;word-break:break-word}code,pre{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}pre{background:#0f172a;color:#e5e7eb;border-radius:14px;padding:16px;overflow:auto}.step-card{position:relative}.step-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900}.checklist{list-style:none;padding-left:0}.checklist li{padding:8px 0;color:#64748b}.checklist li.done{color:#166534;font-weight:800}.checklist li.done:before{content:"✓ ";}.badge{display:inline-flex;border-radius:999px;background:#eef2ff;color:#1e3a8a;padding:5px 10px;font-weight:800;font-size:13px}.kbd{font-family:monospace;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:2px 6px}@media(max-width:850px){.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:40px}.grid.two,.grid.stats{grid-template-columns:1fr}.topbar{height:auto;align-items:flex-start;gap:12px;flex-direction:column;padding:18px}.topbar nav{gap:12px}.container{padding:28px 16px}table{display:block;overflow-x:auto}.footer{flex-direction:column}}