:root{--navy:#074975;--gold:#c79527;--pale:#e4ebf0;--ink:#192e3f;--muted:#60707d;--bg:#f5f6f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 "Segoe UI",Arial,sans-serif}header{display:flex;align-items:center;gap:30px;padding:22px 5%;background:white;border-bottom:4px solid var(--gold)}header img{width:230px;height:auto}header div{padding-left:25px;border-left:1px solid #d8e0e5}header b{font-size:22px;color:var(--navy)}header span{display:block;color:var(--muted)}header button{margin-left:auto}main{max-width:1440px;margin:auto;padding:30px 4%}h1{font-size:30px;margin:0 0 12px;color:var(--navy)}h2{font-size:21px;color:var(--navy);margin:0 0 15px}p{margin:0 0 16px}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:700;color:var(--navy);margin:0 0 8px}.panel{background:white;border:1px solid #e1e7eb;border-radius:12px;padding:25px;margin-bottom:22px}#login{max-width:470px;margin:50px auto}label{display:block;color:var(--muted);font-size:14px;margin-bottom:14px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #bbc9d3;border-radius:6px;font:inherit;color:var(--ink);margin-top:5px;background:white}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}button,.button{display:inline-block;border:0;border-radius:6px;padding:12px 18px;background:var(--pale);color:var(--navy);font:600 14px "Segoe UI",Arial,sans-serif;text-decoration:none;cursor:pointer;min-height:44px}.primary{background:var(--navy);color:white}button:hover,.button:hover{filter:brightness(.94)}nav{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}nav #refresh{margin-left:auto}.selected{background:var(--navy);color:white}#summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}#summary>div{background:white;padding:20px;border-radius:10px;border-left:4px solid var(--gold);color:var(--muted)}#summary b{display:block;font-size:30px;color:var(--navy)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.section-heading h2{margin:0}.filters{display:flex;align-items:end;gap:18px;padding:18px}.filters label{flex:1;margin:0}.filters label:first-child{flex:2}.check{display:flex;align-items:center;gap:8px!important;white-space:nowrap}.check input{width:auto}.muted{color:var(--muted)}.table-wrap{overflow:auto;border-radius:9px;border:1px solid #d8e0e5}table{width:100%;border-collapse:collapse;background:white;min-width:1050px}th{background:var(--navy);color:white;text-align:left;font-weight:600;white-space:nowrap}th,td{padding:15px 13px;border-bottom:1px solid #e4ebf0}td small{display:block;color:var(--muted)}td:nth-child(5),td:nth-child(6),td:nth-child(7){text-align:right;white-space:nowrap}.group-title{background:var(--pale);color:var(--navy);padding:13px 18px;border-left:4px solid var(--gold);border-radius:7px;font-size:20px}.meter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin:16px 0 28px}.meter-card{background:white;border:1px solid #e1e7eb;border-radius:10px;padding:22px}.meter-card h3{font-size:20px;margin:8px 0}.meter-card p{margin:8px 0;color:var(--muted)}.meter-card button{margin-right:8px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.config-grid section h2:not(:first-child){margin-top:28px}.device{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e4ebf0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}dialog{border:1px solid #d8e0e5;border-radius:12px;width:min(740px,94vw);padding:26px;max-height:90vh;overflow:auto}dialog::backdrop{background:#192e3f99}#photo-dialog img{width:100%;height:auto;max-height:68vh;object-fit:contain}#message{background:#f4ead4;border-left:4px solid var(--gold);padding:16px;margin-bottom:20px;border-radius:6px}#pair-code{min-height:125px;font-family:monospace;overflow-wrap:anywhere}footer{text-align:center;color:var(--muted);font-size:13px;margin:15px 0 30px}[hidden]{display:none!important}.empty{background:white;border:1px dashed #bbc9d3;padding:28px;text-align:center;color:var(--muted);border-radius:9px}@media(max-width:780px){header{gap:15px;padding:16px}header img{width:170px}header div{display:none}main{padding:20px 15px}.filters{display:block}.filters label{margin-bottom:12px}.config-grid,.form-grid{grid-template-columns:1fr}#summary{gap:8px}#summary>div{padding:12px}#summary b{font-size:24px}}