:root{color-scheme:light;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#172a3e;background:#f3f6fa;font-size:15px;line-height:1.65}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:30px auto;padding:0 22px}h1{font-size:28px;letter-spacing:-.5px;margin:0}h2{font-size:20px;margin:0 0 14px}p{margin:10px 0}header,.bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between;margin-bottom:25px}.muted{color:#687a8b;font-size:14px}.card{background:white;border:1px solid #dce4ec;border-radius:15px;padding:24px;margin:18px 0;box-shadow:0 4px 18px #1c365705}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.metric strong{display:block;font-size:24px;color:#183f77}.metric span{font-size:14px;color:#637589}button,.button{display:inline-block;border:0;border-radius:8px;padding:10px 17px;background:#165dcc;color:white;font:inherit;font-weight:550;text-decoration:none;cursor:pointer}button.secondary,.button.secondary{background:#eaf0f7;color:#284767}button.danger{background:#ae3b45}button:disabled{opacity:.4;cursor:not-allowed}button.small,.button.small{font-size:13px;padding:6px 11px}input,select{font:inherit;padding:9px 11px;border:1px solid #b8c7d7;border-radius:7px;max-width:100%;background:white;color:#20364d}label{display:block}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.form-grid input,.form-grid select{width:100%}#minutes{width:80px}a{color:#165dcc}.login{max-width:440px;margin:10vh auto}.login label{margin:16px 0}.login input{width:100%;margin-top:5px}.login button{width:100%;margin-top:10px}.eyebrow{color:#1c6dbb;font-weight:600;font-size:12px;letter-spacing:2px}.notice{background:#eef5ff;border-left:3px solid #4581d3;padding:12px 16px;border-radius:4px;font-size:14px}.error{color:#aa2e3a}.success{color:#1d6b48}#feedback{min-height:26px;font-weight:550;white-space:pre-wrap}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #e7edf3;vertical-align:top}th{color:#667d91;white-space:nowrap}td{overflow-wrap:anywhere}.tablewrap{overflow:auto}#packets td:nth-child(2),#packets td:nth-child(3){font-family:ui-monospace,Consolas,monospace;white-space:nowrap}.tablebox{max-height:510px;overflow:auto}.tablebox thead{position:sticky;top:0;background:white}#qr{width:280px;max-width:100%;margin:15px 0;display:block}[hidden],#qr[hidden]{display:none!important}details summary{cursor:pointer;font-weight:600}details>div{padding-top:14px}ol{padding-left:22px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.step b{display:block;color:#174f90;margin-bottom:5px}.step{font-size:14px}.pill{display:inline-block;font-size:12px;padding:3px 9px;border-radius:99px;background:#eaf1fa;color:#285b8f}.spacer{flex:1}footer{font-size:12px;color:#738598;text-align:center;margin:25px 0}.role-note{font-size:13px;color:#61758a}.mt{margin-top:15px}@media(max-width:720px){main{padding:0 13px;margin:18px auto}.card{padding:18px}.grid,.steps,.form-grid{grid-template-columns:1fr;gap:12px}.metric strong{font-size:21px}h1{font-size:24px}header{gap:15px}.login{margin:7vh auto;padding:0 18px}}

dialog{border:1px solid #d5dfec;border-radius:15px;padding:25px;max-width:540px;width:calc(100% - 32px);color:#172a3e;box-shadow:0 20px 80px #00173733}dialog::backdrop{background:#13283e77}#confirm-description{white-space:pre-wrap}#confirm-buttons{justify-content:flex-end}
