:root{--blue-50: #eef6fc;--blue-100: #d6eaf8;--blue-600: #0b5cad;--blue-700: #084a8c;--green-500: #1f9d6b;--green-100: #d9f2e6;--amber-100: #fdf0d2;--amber-800: #7a4f00;--red-600: #b42318;--red-100: #fde4e1;--neutral-0: #ffffff;--neutral-50: #f5f8fb;--neutral-200: #dde5ec;--neutral-600: #4b5b6b;--neutral-900: #14202b;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--neutral-900);background:var(--neutral-50)}*{box-sizing:border-box}body{margin:0}a{color:var(--blue-600)}h1,h2,h3{line-height:1.2;margin:0 0 8px}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.375rem;font-weight:700}p{margin:0 0 12px;color:var(--neutral-600)}.centered-state{min-height:100vh;display:grid;place-items:center;padding:24px;color:var(--neutral-600)}.container{width:100%;max-width:960px;margin:0 auto;padding:24px 16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--neutral-0);border-bottom:1px solid var(--neutral-200);position:sticky;top:0;z-index:10}.brand{font-weight:700;color:var(--blue-700);text-decoration:none;font-size:1.125rem}.nav-actions{display:flex;gap:8px;align-items:center}.hero{background:linear-gradient(135deg,var(--blue-600),var(--blue-700));color:var(--neutral-0);padding:64px 16px}.hero h1,.hero p{color:var(--neutral-0)}.hero-inner{max-width:960px;margin:0 auto}.hero p{font-size:1.125rem;max-width:620px;opacity:.95}.card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius);padding:24px;box-shadow:0 1px 2px #14202b0a;transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:0 6px 18px #14202b14}.grid-3{display:grid;gap:16px;grid-template-columns:1fr}.stack{display:grid;gap:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:8px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,transform .1s ease}.button:active{transform:translateY(1px)}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background:var(--blue-600);color:var(--neutral-0)}.button-primary:hover:not(:disabled){background:var(--blue-700)}.button-secondary{background:var(--neutral-0);color:var(--blue-700);border-color:var(--neutral-200)}.button-secondary:hover:not(:disabled){background:var(--blue-50)}.button-danger{background:var(--neutral-0);color:var(--red-600);border-color:#f2b8b2}.button-danger:hover:not(:disabled){background:var(--red-100)}.button-small{padding:6px 12px;font-size:.875rem}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.8125rem;font-weight:600}.badge-ok{background:var(--green-100);color:#0d6b47}.badge-trial{background:var(--blue-100);color:var(--blue-700)}.badge-warn{background:var(--amber-100);color:var(--amber-800)}.badge-bad{background:var(--red-100);color:var(--red-600)}.progress{height:10px;background:var(--neutral-200);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:var(--green-500);transition:width .4s ease}.notice{padding:12px 16px;border-radius:8px;background:var(--red-100);color:var(--red-600);font-size:.9375rem}.notice-info{background:var(--blue-50);color:var(--blue-700)}.field{display:grid;gap:6px}.field label{font-size:.875rem;font-weight:600;color:var(--neutral-900)}.field input{font:inherit;padding:10px 12px;border:1px solid var(--neutral-200);border-radius:8px;background:var(--neutral-0);color:var(--neutral-900)}.field input:focus{outline:2px solid var(--blue-100);border-color:var(--blue-600)}.qr{width:220px;height:220px;border-radius:8px;border:1px solid var(--neutral-200);background:var(--neutral-0)}.config-layout{display:grid;gap:24px;grid-template-columns:1fr;align-items:start}.steps{margin:0;padding-left:20px;color:var(--neutral-600)}.steps li{margin-bottom:6px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9375rem}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--neutral-200);vertical-align:middle;white-space:nowrap}th{font-size:.8125rem;color:var(--neutral-600);font-weight:600}tbody tr{transition:background .15s ease}tbody tr:hover{background:var(--blue-50)}.muted{color:var(--neutral-600);font-size:.875rem}@media (min-width: 720px){.grid-3{grid-template-columns:repeat(3,1fr)}.config-layout{grid-template-columns:auto 1fr}h1{font-size:3rem}.hero{padding:96px 24px}}