:root{font-family:Tahoma,Arial,sans-serif;color:#172b49;background:#f4f6fa;font-size:14px;--navy:#102441;--blue:#245cdb;--muted:#60718a;--line:#e1e7f0}*{box-sizing:border-box}body{margin:0;line-height:1.6}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid transparent;border-radius:9px;background:var(--blue);color:#fff;padding:11px 18px;min-height:44px;cursor:pointer;font-weight:600;transition:background .15s}button:hover{background:#1747b4}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #f3ac37;outline-offset:3px}a{color:inherit}h1,h2,h3{line-height:1.5;margin:0 0 10px;letter-spacing:-.3px}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}p{color:var(--muted);margin:6px 0 16px;line-height:1.9}small{font-size:11px;font-weight:400;color:var(--muted)}#sidebar{position:fixed;inset:0 0 0 auto;width:250px;background:var(--navy);color:#d4dfef;z-index:40;padding:32px 20px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:28px;color:white;margin-bottom:48px}.sidebar-brand small{display:block;font-size:9px;color:#a6bbd7;letter-spacing:2px;margin-top:5px}.nav-caption{font-size:11px;color:#a6bbd7;margin:22px 12px 10px}.nav-item{display:block;text-align:right;width:100%;background:none;color:#c6d4e7;margin:6px 0;font-size:13px;padding:13px 12px}.nav-item:hover,.nav-item.active{background:#22426c;color:white}.nav-item.active{box-shadow:inset -3px 0 #70a5ff}.sidebar-bottom{margin-top:auto;font-size:12px;border-top:1px solid #ffffff1a;padding-top:22px}.sidebar-bottom p{color:#a6bbd7;font-size:11px;margin-top:10px}.security-dot{display:inline-block;width:7px;height:7px;background:#66d4ba;border-radius:50%;margin-left:7px}header{margin-right:250px;height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 36px}.brand{display:none}.header-caption{flex:1;color:#60718a;font-size:12px}.header-divider{padding:0 12px;color:#c6cfdd}header button{background:#fff;color:#445673;border:1px solid var(--line);font-size:12px}header button:hover{background:#eef3fc;color:#1747b4}#menuToggle{display:none}main{margin:0 250px 0 0;padding:34px 36px;min-height:calc(100vh - 160px)}main>*{max-width:1280px;margin-left:auto;margin-right:auto}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:700;color:#526d99;margin-bottom:9px}.heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.heading{margin-bottom:30px}.heading p{margin:0}.heading button{background:white;border-color:var(--line);color:var(--blue)}.section-heading{margin:26px 0 16px}.section-heading h2,.section-heading h3,.section-heading p{margin:0}.section-heading p{font-size:12px;margin-top:5px}.count-chip{background:#eaf0fe;color:#294f96;padding:4px 10px;white-space:nowrap;border-radius:6px;font-size:12px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:20px;box-shadow:0 3px 12px #17345d04}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.grid .card{margin:0;border-top:3px solid #aec7f7;display:flex;flex-wrap:wrap;gap:10px}.grid h2{width:100%;font-size:18px;margin:3px 0}.grid .badge{width:100%;margin:0 0 10px;font-size:11px;background:#f5f7fc;border:1px solid var(--line);border-radius:7px;padding:8px 10px;line-height:1.8}.grid button{font-size:12px;flex:1}.grid button+button{background:white;border-color:var(--line);color:#405779}.grid button+button:hover{background:#eef3fc}label{display:block;font-size:12px;font-weight:600;margin:14px 0;color:#3c4e68}input,select{display:block;width:100%;min-width:0;padding:12px;border:1px solid #cbd5e3;border-radius:8px;margin-top:7px;background:#fff;color:#172b49;min-height:45px}input:hover,select:hover{border-color:#7c9ac2}input[type=checkbox]{display:inline-block;width:18px;min-height:18px;margin:8px;vertical-align:middle;accent-color:var(--blue)}#admin nav{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}#admin nav button{background:white;border-color:var(--line);color:#3c4e68;font-size:12px}#adminPanel:not(:empty){background:#fff;border:1px solid var(--line);padding:26px;border-radius:14px;margin-bottom:26px}#adminPanel form{max-width:780px}#adminPanel>button{margin-top:20px}#detail{margin-top:26px}#routerName{border-bottom:1px solid var(--line);padding-bottom:15px}#freshness{font-size:12px;padding:9px 12px;background:#f1f5fc;border-radius:6px}#hotspotForm:not(:empty){background:#f7f9fd;border:1px solid var(--line);padding:22px;border-radius:10px;margin-top:24px}#hotspotForm form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:end}#hotspotForm label{margin:6px 0}#hotspotForm form>button{grid-column:1/-1;justify-self:start;min-width:130px;margin-top:4px}#hotspotForm>button{background:white;border-color:var(--line);color:#405779;margin-top:12px}.data-section{margin-top:30px}.list-head{display:grid;grid-template-columns:1fr 1fr 2fr;padding:12px 14px;background:#f5f7fb;border-radius:7px;font-size:11px;color:#60718a}.row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:16px 12px}.row span{flex:1;min-width:0;overflow-wrap:anywhere}.row button{padding:8px 12px;font-size:11px;background:#edf3ff;color:#2457b9;border-color:#d9e5fd}.row button:hover{background:#dfebff}#users .row>span:nth-child(2){font-size:12px;color:#566d8b}.revealed-password{flex-basis:100%!important;direction:ltr;text-align:center;background:#f3f6fb;border:1px dashed #a8b9d2;padding:12px;border-radius:7px;font-family:monospace}#notice:not(:empty){border:1px solid #e8ce8e;background:#fff8e8;color:#795514;padding:13px 18px;border-radius:9px;margin-bottom:24px;font-size:13px}pre{direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}footer{margin-right:250px;padding:20px 36px;border-top:1px solid var(--line);color:#60718a;text-align:center;font-size:10px}#login,#password{max-width:480px;padding:36px;margin:55px auto}#login h1{font-size:25px;margin-top:15px}#login p{font-size:13px}#login form>button,#password form>button{width:100%;margin-top:10px}.login-mark{background:#eaf0ff;color:var(--blue);width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:32px;margin-bottom:24px}body:has(#login:not([hidden])){background:radial-gradient(ellipse at 20% 20%,#e1eaff,transparent 60%),#f5f7fb}body:has(#login:not([hidden])) #sidebar,body:has(#login:not([hidden])) #menuToggle{display:none}body:has(#login:not([hidden])) header,body:has(#login:not([hidden])) main,body:has(#login:not([hidden])) footer{margin-right:0}body:has(#login:not([hidden])) .brand{display:block;color:var(--navy);font-size:22px}body:has(#login:not([hidden])) .header-caption{text-align:left}[hidden]{display:none!important}#drawerBackdrop{position:fixed;inset:0;background:#08182c80;z-index:35;border-radius:0}#sidebar:focus{outline:none}@media(max-width:1100px){#sidebar{width:220px}header,main,footer{margin-right:220px}main{padding:28px 24px}header{padding:0 24px}#hotspotForm form{grid-template-columns:1fr 1fr}#hotspotForm form>label:last-of-type{grid-column:1/-1}}@media(max-width:850px){#sidebar{transform:translateX(100%);transition:transform .2s;width:260px}.drawer-open #sidebar{transform:translateX(0)}header,main,footer{margin-right:0}#menuToggle{display:block}header{height:72px;padding:0 20px}.brand{display:block;font-size:20px;flex:1}.header-caption{display:none}main{padding:24px 20px}#login,#password{margin:30px auto}}@media(max-width:520px){h1{font-size:23px}header{gap:8px;padding:0 16px}header button{padding:8px 11px}.brand{font-size:18px}main{padding:24px 16px}.card{padding:20px}.heading{align-items:flex-start;gap:10px}.heading button{padding:8px 12px}.eyebrow{font-size:9px;letter-spacing:1.4px}.section-heading{align-items:flex-start}.section-heading p{max-width:250px}.grid{grid-template-columns:minmax(0,1fr)}#login,#password{padding:25px;margin:24px auto}#login h1{font-size:23px}#hotspotForm:not(:empty){padding:16px}#hotspotForm form{display:block}#hotspotForm label{margin:14px 0}#hotspotForm form>button{width:100%}.list-head{display:none}#users .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:16px 0}#users .row button{width:100%;padding:10px 5px;font-size:11px}#users .revealed-password{grid-column:1/-1}#online .row{font-size:12px;padding:14px 0;gap:8px}#adminPanel:not(:empty){padding:18px}#admin nav{gap:7px}#admin nav button{padding:9px 10px;font-size:11px}footer{padding:20px;line-height:1.9}.sidebar-bottom{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.ca-metadata{overflow-wrap:anywhere;word-break:break-word;font-family:monospace;font-size:12px;direction:ltr;text-align:left;background:#f1f5fc;padding:12px;border-radius:8px}input[type=file]{max-width:100%;font-size:12px}