:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17263d;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#126379;text-decoration:none}a:hover{text-decoration:underline}header{background:#10253e;color:white;min-height:92px;padding:20px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:45px}header a{color:#d7e4f1}header .brand{color:white;display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:2px;text-decoration:none}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:3px}.mark{display:grid;place-items:center;border-radius:12px;width:42px;height:42px;background:#12b5a1;font-size:30px;color:#10253e}nav{display:flex;gap:25px;font-size:14px}header form{display:flex;align-items:center;gap:14px;margin-left:auto}.username{font-size:13px;color:#bdcddd}main{max-width:1200px;margin:0 auto;min-height:calc(100vh - 175px);padding:44px 24px 60px}footer{max-width:1152px;margin:auto;padding:24px 0;border-top:1px solid #dce3eb;color:#68788c;font-size:12px;display:flex;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#167b80}h1{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:12px 0}h2{font-size:19px;margin:26px 0 12px}p{color:#627287;line-height:1.6;margin:10px 0 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.card{background:white;border:1px solid #dfe6ee;border-radius:16px;box-shadow:0 5px 18px #19304804;overflow:hidden}.overview{display:flex;gap:35px;align-items:center;margin:15px 0 28px;padding:22px 28px;background:#e7efef;border-radius:12px}.overview p{margin:6px 0;font-size:13px}.stat{padding-right:35px;border-right:1px solid #c8dada;display:flex;align-items:center;gap:15px}.stat strong{font-size:38px;color:#106866}.stat span{font-size:13px;width:90px;color:#476675}.toolbar{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e5ebf1}.tabs{display:flex;gap:20px;font-size:14px}.tabs a{color:#6b7a8f}.tabs .selected{color:#12304f;font-weight:750;border-bottom:2px solid #13998f;padding:10px 0}.search{display:flex;gap:8px}input,textarea{font:inherit;width:100%;border:1px solid #ced8e3;background:#fff;border-radius:8px;padding:12px;color:#20344d}input:focus,textarea:focus{outline:2px solid #36a99d;outline-offset:2px}.search input{min-width:240px;font-size:13px}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;font:inherit;font-size:13px;font-weight:650;border-radius:8px;border:1px solid #ccd7e3;background:white;color:#284361;cursor:pointer;white-space:nowrap}.button:hover{text-decoration:none}button:hover,.button:hover{filter:brightness(.96)}.primary{background:#0d7872;border-color:#0d7872;color:white}.quiet{background:transparent;border-color:#48617d;color:white}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{color:#738296;background:#fafbfd;font-size:11px;letter-spacing:.8px;text-transform:uppercase;font-weight:650;padding:14px 24px}td{padding:21px 24px;border-bottom:1px solid #edf1f5}td small{display:block;color:#7e8a9b;font-size:12px;margin-top:5px}code{font-family:ui-monospace,monospace;font-size:14px;color:#486179}.actions{display:flex;align-items:center;gap:18px}.actions a{font-size:13px}.actions form{margin:0}.hint{font-size:12px;color:#7a8899;line-height:1.7}.pad{padding:0 24px}.empty{text-align:center;padding:65px 20px}.empty-icon{font-size:38px;color:#0d7872}.empty h2{margin-top:15px}.login{max-width:440px;margin:45px auto;padding:38px}.login h1{font-size:31px}.login p{font-size:14px}label{display:block;font-size:13px;font-weight:650;margin:20px 0}label input,label textarea{display:block;margin-top:9px;font-weight:400}.full{width:100%;margin-top:8px}.error,.notice{padding:14px 18px;border-radius:8px;font-size:14px;margin:0 0 20px;background:#e5f3ef;color:#205f52}.error{background:#fff0ed;color:#a0352c}.form-card{max-width:800px;padding:28px 34px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.archive{margin-top:28px;padding-top:24px;border-top:1px solid #e6edf2}.connect{max-width:590px;margin:35px auto;padding:40px;text-align:center}.device-id{padding:20px;background:#f1f5f8;border-radius:10px;margin:25px 0}.device-id span{display:block;font-size:10px;letter-spacing:2px;margin-bottom:12px;color:#748297}.device-id code{font-size:28px;user-select:all}hr{border:0;border-top:1px solid #e1e7ef;margin:26px 0}@media(max-width:760px){header{padding:20px;flex-wrap:wrap;gap:20px}header form{margin-left:0}.username{display:none}nav{gap:18px;font-size:13px}main{padding:28px 16px}.page-heading,.toolbar{align-items:flex-start;flex-direction:column}.overview{padding:18px;gap:20px}.stat{padding-right:20px}.overview>div:last-child{font-size:13px}.search{width:100%}.search input{min-width:0}.grid{grid-template-columns:1fr}.form-card,.login,.connect{padding:24px}td,th{padding:15px}footer{margin:0 16px;gap:20px}.actions{gap:12px}h1{font-size:29px}}

.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.status{padding:5px 10px;border-radius:20px;font-size:12px}.status.active{background:#e5f3ef;color:#205f52}.status.inactive{background:#edf0f4;color:#627287}.danger{background:#b23b35;color:white;border-color:#b23b35}.danger-link{color:#a0352c}@media(max-width:760px){nav{flex-wrap:wrap}}