:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172b34;background:#f3f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#076e5b;text-decoration:none}button,input{font:inherit}button,.button{cursor:pointer;border:0;border-radius:12px;min-height:46px;padding:12px 19px;font-weight:650;display:inline-flex;justify-content:center;align-items:center;gap:8px}button:hover,.button:hover{filter:brightness(.96)}.shell{max-width:1080px;margin:auto;padding:28px 30px 16px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}.brand{font-size:26px;font-weight:800;letter-spacing:-1px;color:#172b34;display:flex;align-items:center;gap:16px}.brand span{font-size:12px;letter-spacing:.05em;color:#647871;border-left:1px solid #cddbd4;padding-left:16px;font-weight:500}.text-button{color:#577069;background:none;padding-right:0}.card{background:#fff;border:1px solid #dfE8e3;border-radius:22px;padding:28px;box-shadow:0 5px 22px #1c483405}.narrow{max-width:500px;margin:24px auto}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:750;color:#6a8177;margin:0 0 16px}h1{font-size:36px;line-height:1.12;letter-spacing:-1.2px;margin:0 0 18px;font-weight:740;overflow-wrap:anywhere}h2{font-size:20px;letter-spacing:-.4px;margin:0 0 8px;overflow-wrap:anywhere}.muted{color:#64766f;line-height:1.6;margin:0 0 22px}.small{font-size:13px}.primary{background:#08765b;color:white}.secondary{color:#255e4d;background:#edf5f0}.danger{color:#fff;background:#a83e40}.danger-link{font-size:12px;color:#a83e40;display:inline-block;padding:10px 0}.full{width:100%;margin-top:10px}label{display:block;font-size:13px;font-weight:650;margin:20px 0 8px}input{display:block;width:100%;border:1px solid #ccd9d2;border-radius:11px;padding:13px 14px;min-height:48px;background:#fcfefd;color:#172b34;outline:none}input:focus{border-color:#08765b;box-shadow:0 0 0 3px #08765b12}input::placeholder{color:#8b9c94}.intro{margin-bottom:28px;max-width:650px}.intro h1{font-size:44px}.exit{font-size:12px;display:inline-block;border:1px solid #cddfd4;border-radius:8px;padding:8px 11px;color:#35634f;background:#edf5ef}.add{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:24px}.add form{display:flex;gap:10px;flex:1;max-width:470px}.add .muted{margin:0}.add input{min-width:0}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.device-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:28px}.device-icon{border-radius:12px;background:#edf5f0;color:#358064;display:grid;place-items:center;font-size:25px;width:44px;height:44px}.status{font-size:10px;color:#8b9790}.status.online{color:#08765b}.device .small{margin-bottom:15px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.notice{border-radius:12px;padding:14px 18px;font-size:14px;line-height:1.5}.notice.error{color:#8f353a;background:#fbeaec;border:1px solid #f3d5d9}.notice.success{color:#1e634d;background:#e5f3ea;border:1px solid #cae4d3}.qr{display:block;background:white;width:100%;max-width:340px;height:auto;margin:20px auto;padding:10px;border:1px solid #e4eae6;border-radius:12px}.otp{font-size:26px;letter-spacing:.2em;text-align:center}.secret{display:block;overflow-wrap:anywhere;font-size:14px;background:#f1f5f2;padding:14px;border-radius:8px;line-height:1.6;user-select:all}.back{display:inline-block;margin-bottom:0;font-size:13px}.qr-details,details{margin:20px 0;padding:15px;background:#f6f9f6;border-radius:12px;font-size:13px;line-height:1.6}summary{cursor:pointer;font-weight:650;color:#35634f}.bottom{font-size:11px;color:#8b9b94;text-align:center;margin:44px auto 8px}.footer-note{margin:26px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:820px){.device-grid{grid-template-columns:repeat(2,1fr)}.add{display:block}.add form{margin-top:18px;max-width:none}}@media(max-width:540px){.shell{padding:20px 16px 12px}.top{margin-bottom:30px}.brand{font-size:24px;gap:12px}.brand span{padding-left:12px;font-size:10px}.card{padding:24px 20px;border-radius:18px}.narrow{margin:18px auto}h1{font-size:31px}.intro h1{font-size:38px}.device-grid{grid-template-columns:1fr}.add form{display:block}.add button{width:100%;margin-top:10px}.device-head{margin-bottom:20px}.actions{justify-content:space-between}.qr{max-width:300px}.bottom{margin-top:32px}}