:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172632;background:#f4f7f7;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{height:72px;background:#fff;border-bottom:1px solid #e4ebed;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1240px)/2));gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:-.03em}.brand strong{color:#17816e}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#147c69;color:#fff;border-radius:10px;font-weight:800;font-size:23px}.topbar nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600;color:#52666c}.topbar nav a:hover,.nav-button:hover,.back:hover{color:#137c68}.topbar nav form{margin:0}.nav-button{border:0;background:none;color:inherit;font:inherit;cursor:pointer}.page{max-width:1240px;margin:0 auto;padding:42px 32px 90px}.page-narrow{max-width:520px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{margin:0 0 9px;color:#16816e;font-size:11px;font-weight:800;letter-spacing:.15em}h1{font-size:38px;line-height:1.15;letter-spacing:-.045em;margin:0 0 10px}h2{font-size:20px;letter-spacing:-.025em;margin:0 0 12px}.muted{color:#6d7f85;margin:0}.back{display:inline-block;margin-bottom:28px;color:#61747a;font-weight:600;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 17px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;border:1px solid transparent;white-space:nowrap}.button.primary{background:#167b69;color:#fff;box-shadow:0 7px 18px #147c6926}.button.primary:hover{background:#0f695a}.button.secondary{background:#fff;color:#28534e;border-color:#d6e2e2}.button.secondary:hover{background:#f2f8f6}.button.danger{background:#fff2f1;border-color:#efcbc7;color:#a73c32}.stats{display:flex;gap:12px;margin:0 0 24px}.stats div{min-width:175px;background:#fff;border:1px solid #e3ebeb;border-radius:15px;padding:20px 22px;display:flex;flex-direction:column;gap:2px}.stats strong{font-size:29px;line-height:1.1}.stats span{color:#708186;font-size:13px}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:16px}.device-card,.panel,.login-card,.empty{background:#fff;border:1px solid #e0e9e9;border-radius:16px;box-shadow:0 5px 24px #223e4510}.device-card{padding:24px;transition:transform .15s,box-shadow .15s}.device-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #223e4521}.card-top,.card-meta{display:flex;align-items:center;justify-content:space-between}.card-top{margin-bottom:25px}.device-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f5f0;color:#1b8b73;font-size:27px}.device-card h2{margin-bottom:2px}.device-card p{color:#728389;margin:0 0 28px;font-size:14px}.card-meta{padding-top:17px;border-top:1px solid #edf1f0;color:#5d7679;font-size:13px;font-weight:600}.badge{display:inline-block;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:750;background:#eef2f2;color:#6e7f81}.badge.good{background:#e3f4eb;color:#19805d}.badge.bad{background:#fff0ed;color:#bd5c4d}.badge.pending{background:#eef3f5;color:#687e84}.empty{text-align:center;padding:70px 25px}.empty-icon{font-size:35px;color:#218b77}.empty p{color:#6d7f85;margin-bottom:24px}.panel{padding:24px;margin-bottom:18px}.form-panel{max-width:820px}.form-stack{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#3d5158}input{width:100%;border:1px solid #d5e0e1;border-radius:9px;padding:10px 12px;color:#1d343a;background:#fff;font:inherit;font-size:14px;outline:none}input:focus{border-color:#16816e;box-shadow:0 0 0 3px #16816e21}small,.hint{color:#829095;font-size:12px;font-weight:400}.form-actions{display:flex;justify-content:end;gap:10px;margin-top:8px}.notice{padding:13px 17px;border-radius:10px;margin-bottom:18px;background:#eaf6f1;color:#286958;font-size:14px}.notice.error{background:#fff0ed;color:#a83a32}.notice.info{background:#eaf2fa;color:#406b93}.login-card{padding:38px;margin-top:8vh}.login-card .form-stack{margin-top:26px}.login-card .button{width:100%;margin-top:4px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.search{display:flex;gap:8px;min-width:360px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#718287;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;background:#f8faf9}td,th{padding:12px 13px;border-bottom:1px solid #edf0f0;vertical-align:top}td.path{min-width:280px;overflow-wrap:anywhere;font-weight:600;color:#334d54}td.value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;max-width:230px;overflow-wrap:anywhere}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.side-stack .panel{margin-bottom:18px}code{display:block;padding:11px 12px;border-radius:8px;background:#f1f6f5;color:#24544c;overflow-wrap:anywhere;font-size:12px}.token-code{margin-top:9px;font-size:14px}.danger-panel{border-color:#f2d9d5}.text-button{border:0;background:none;padding:0;color:#ad4d42;cursor:pointer;font:inherit;font-weight:700}.footer{text-align:center;padding:24px;color:#93a2a5;font-size:12px}@media(max-width:760px){.topbar{padding:0 18px}.topbar nav{gap:13px}.page{padding:28px 17px 60px}.page-heading{align-items:start;flex-direction:column}h1{font-size:30px}.form-row,.two-columns{grid-template-columns:1fr}.section-heading{align-items:stretch;flex-direction:column}.search{min-width:0}.stats div{min-width:0;flex:1}.device-grid{grid-template-columns:1fr}}