:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#061321;color:#edf6ff}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 5%;border-bottom:1px solid #294554}nav,.actions{display:flex;gap:18px;flex-wrap:wrap}a{color:#8be7ec}header>a{font-weight:800;text-decoration:none}main{max-width:1200px;margin:auto;padding:38px 24px}h1{font-size:clamp(2rem,4vw,3.4rem);max-width:850px;margin:12px 0}h2{margin-top:0}p,li{line-height:1.6}.eyebrow{color:#72e2d3;letter-spacing:.12em;font-size:.8rem;font-weight:800}.intro{color:#b4cbdc;font-size:1.1rem;max-width:850px}.panel,.product{background:#0d2234;border:1px solid #2d4b60;border-radius:16px;padding:24px;margin:20px 0}.filters{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:16px}label{display:grid;gap:8px;font-weight:700}input,select,button{font:inherit;border-radius:9px;border:1px solid #53758a;background:#132f44;color:#edf6ff;padding:12px;min-width:0}button{cursor:pointer;background:#156575;font-weight:700;margin-top:16px}button:disabled{opacity:.5;cursor:default}input:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #a2f7e0;outline-offset:3px}small,.note{color:#b1c8d8;line-height:1.6}small{display:block}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product{margin:0;display:flex;flex-direction:column;gap:8px}.product p{margin:0}.product .select-product{margin-top:auto}.tag{color:#82efda;font-size:.8rem}details{margin:10px 0}summary{cursor:pointer;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px;text-align:left;border-bottom:1px solid #345164;vertical-align:top}footer{text-align:center;padding:30px;color:#8fabbf}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}}@media(max-width:580px){header{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}}

dialog{max-width:560px;width:calc(100% - 32px);border:1px solid #6adfcf;border-radius:16px;background:#0d2234;color:#edf6ff;padding:26px}dialog::backdrop{background:rgba(0,8,17,.8)}dialog .actions{gap:12px}