:root{color:#17223b;background:#f4f6fb;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.container{max-width:1080px;margin:auto;padding:28px}header{color:#526078;justify-content:space-between;gap:16px;display:flex}.brand{color:#17223b;font-weight:800}.intro{margin:56px 0 28px}.eyebrow{color:#5141b7;font-weight:700}h1{margin:12px 0;font-size:clamp(30px,5vw,44px)}p{line-height:1.6}.intro>p:last-child,.card p,footer{color:#526078}.summary{color:#fff;background:#17223b;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:20px;padding:26px;display:grid}.summary span,.summary strong{display:block}.summary span{color:#c6d0e6;margin-bottom:8px}.summary strong{font-size:22px}h2{margin-top:40px}.filters{gap:18px;margin-bottom:24px;display:flex}label{flex:1;gap:8px;font-size:14px;font-weight:600;display:grid}input,select{width:100%;min-width:0;font:inherit;color:#17223b;background:#fff;border:1px solid #b7c1d4;border-radius:9px;padding:12px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%2317223b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px}@media (forced-colors:active){select{appearance:auto;background-image:none}}input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #7161d5}.devices{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card{background:#fff;border:1px solid #dce2ed;border-radius:16px;padding:24px}.card h3{margin:0 0 8px;font-size:22px}.card-actions{margin-top:16px}.protocol{color:#5141b7;font-size:13px;font-weight:700}.status{color:#754600;background:#fff1d6;border-radius:8px;padding:7px 10px;font-size:13px;display:inline-block}.ready{color:#17623f;background:#e3f5ec}footer{margin-top:40px;font-size:13px}@media (width<=700px){.summary,.devices{grid-template-columns:1fr}.filters{flex-direction:column}.container{padding:20px}}fieldset{background:#fff;border:1px solid #dce2ed;border-radius:16px;gap:16px;padding:24px;display:grid}button{color:#fff;font:inherit;cursor:pointer;background:#5141b7;border:0;border-radius:9px;padding:12px 18px}button:disabled{opacity:.6;cursor:not-allowed}button:focus-visible{outline-offset:3px;outline:3px solid #7161d5}.dashboard-nav{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.dashboard-nav button[aria-pressed=false]{color:#40318f;background:#e6e2f6}.table-scroll{overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}caption{text-align:left;color:#526078;padding:12px 0}th,td{text-align:left;border-bottom:1px solid #dce2ed;padding:14px}th{background:#e9edf6}.node-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.node-secret{background:#fff8e8;border:1px solid #d8bb77;border-radius:16px;margin-bottom:24px;padding:24px}.node-secret h3{margin-top:0}.node-secret textarea{box-sizing:border-box;resize:vertical;color:#17223b;background:#fff;border:1px solid #b7c1d4;border-radius:9px;width:100%;padding:12px;font:14px monospace}.node-secret textarea:focus-visible{outline-offset:2px;outline:3px solid #7161d5}.node-secret p{overflow-wrap:anywhere}
