:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#172a3d;background:#f3f6fa;line-height:1.6;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#142f49;color:#fff;padding:18px 4%;display:flex;align-items:center;gap:24px;flex-wrap:wrap}header strong{font-size:21px}small{display:block;color:#b8cbdd}nav{display:flex;gap:18px;flex:1}a{color:#1e65a1}header a{color:#ddecfa;text-decoration:none}header form{margin:0;align-items:center}main{max-width:1440px;margin:24px auto;padding:0 24px}section{background:#fff;border:1px solid #dde5ed;border-radius:12px;padding:24px;margin:24px 0;scroll-margin-top:20px}h1,h2,h3{line-height:1.3;margin:0 0 18px}h1{font-size:26px}h2{font-size:22px}h3{font-size:17px}p{margin:12px 0}form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:12px 0}label{display:flex;flex-direction:column;gap:5px;min-width:140px;max-width:100%}input,select,button{font:inherit;border-radius:6px;padding:9px 11px}input,select{border:1px solid #b6c5d3;background:#fff;max-width:100%;min-width:0}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #75bbef;outline-offset:2px}button{background:#175e98;color:white;border:1px solid #175e98;cursor:pointer;white-space:normal}button:hover{filter:brightness(.93)}button.secondary{background:#eef4fa;color:#164c79;border-color:#bbcede}button.danger{background:#fff2ef;color:#a33427;border-color:#e2b5af}.muted{color:#627285;font-size:14px}.notice{background:#eaf5ee;border:1px solid #b7d6c2;padding:14px;border-radius:7px}.error{background:#fff1ef;border:1px solid #dfb5ad;color:#9e2b1e;padding:14px;border-radius:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.metrics article{padding:18px;background:#f0f5fa;border-radius:9px}.metrics strong{display:block;font-size:32px;color:#175e98}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{background:#f1f5f9;color:#435769;font-size:13px}th,td{padding:12px;border-bottom:1px solid #e3e9ef;vertical-align:top}td{overflow-wrap:anywhere}tr:last-child td{border-bottom:0}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}.device-grid article{border:1px solid #dae4ed;border-radius:9px;padding:18px;background:#fcfdff}.device label{flex:1}.device input,.device select{width:100%}.badge{font-size:12px;padding:3px 7px;border-radius:4px;color:#216542;background:#e4f2e9}.badge.blocked{color:#9b3527;background:#ffebe6}.actions{display:flex;flex-wrap:wrap;gap:15px;align-items:start}details{border:1px solid #dce5ed;padding:10px;border-radius:6px;margin:8px 0}summary{cursor:pointer;color:#245b89}code{font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere}.secret{font-size:17px;display:block;user-select:all;word-break:break-all}.login{max-width:440px;margin:70px auto}.login form{display:block}.login label{margin:18px 0}.login button{width:100%}footer{text-align:center;padding:22px;color:#6a7a89;font-size:13px}@media(max-width:700px){header{padding:16px 20px;gap:14px}nav{order:3;flex-basis:100%;overflow:auto;gap:16px}main{padding:0 12px}section{padding:17px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.filters label{flex:1;min-width:120px}.table-scroll table{min-width:650px}.device-grid{grid-template-columns:1fr}header>form{margin-left:auto}h1{font-size:23px}}