:root{color:#1f2937;background:#f4f7f9;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{color:#1f2937;background:#f4f7f9;margin:0}button,input,select{font:inherit}header{color:#fff;background:#16324f;padding:18px 24px}header h2{color:#fff;margin:0 0 12px}nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}nav a{color:#fff;font-weight:600;text-decoration:none}nav a:hover{text-decoration:underline}nav button{color:#16324f;cursor:pointer;background:#fff;border:none;border-radius:6px;padding:8px 14px}main{max-width:1050px;margin:32px auto;padding:0 20px 40px}h1{color:#16324f;margin-bottom:24px}h2{color:#244f73;margin-top:28px}form{background:#fff;border-radius:8px;max-width:550px;margin-top:16px;padding:22px;box-shadow:0 2px 8px #00000014}form div{margin-bottom:16px}label{margin-bottom:6px;font-weight:600;display:block}input,select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px}select[multiple]{min-height:130px}#deviceSelect{max-width:550px}button{color:#fff;cursor:pointer;background:#16324f;border:none;border-radius:6px;padding:10px 16px}button:hover{opacity:.9}table{border-collapse:collapse;background:#fff;width:100%;margin-top:18px}th,td{text-align:left;border:1px solid #d9e1e8;padding:12px}th{color:#16324f;background:#e7eef5}ul{background:#fff;border-radius:8px;max-width:550px;padding:18px 18px 18px 38px}p{line-height:1.5}@media (width<=700px){header{padding:16px}nav{flex-direction:column;align-items:flex-start}main{margin-top:20px;padding:0 14px 30px}form{padding:16px}table{white-space:nowrap;display:block;overflow-x:auto}th,td{padding:9px}}