:root{--ink:#102a43;--muted:#627d98;--line:#d9e2ec;--canvas:#f5f7f8;--card:#fff;--blue:#0b7285;--green:#2f9e44;--red:#c92a2a;--red-dark:#a61e1e;--soft-red:#fff1f0}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;font-size:16px}.page-shell{width:min(100%,760px);margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) 16px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.eyebrow{margin:0 0 4px;color:var(--blue);font-size:13px;font-weight:700}.topbar h1{margin:0;font-size:27px;line-height:1.15}.icon-button,.text-button{border:0;background:transparent;color:var(--blue);font:inherit;font-weight:650;padding:10px 4px;cursor:pointer}.summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;background:var(--card);margin-bottom:16px}.summary div{padding:14px 16px}.summary div+div{border-left:1px solid var(--line)}.summary strong{display:block;font-size:24px;line-height:1.1}.summary span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.devices{display:grid;gap:12px}.device-card,.empty-state{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:17px}.device-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.device-heading h2{font-size:18px;line-height:1.25;margin:0;word-break:break-word}.device-heading p{font-size:13px;color:var(--muted);margin:5px 0 0}.status{font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-weight:650}.status i{width:8px;height:8px;border-radius:50%;background:#94a3b8}.status.online i{background:var(--green)}.status.offline{color:var(--muted)}dl{display:grid;gap:9px;margin:17px 0 14px;border-top:1px solid var(--line);padding-top:13px}dl div{display:flex;justify-content:space-between;gap:16px;font-size:13px}dt{color:var(--muted)}dd{margin:0;text-align:right;word-break:break-word}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.button{min-height:42px;border:0;border-radius:6px;padding:0 16px;font:inherit;font-weight:700;cursor:pointer}.button:disabled{opacity:.55;cursor:not-allowed}.primary{color:#fff;background:var(--blue);width:100%}.danger{color:#fff;background:var(--red)}.danger:hover{background:var(--red-dark)}.secondary{color:var(--ink);background:#e9eff4}.empty-state{text-align:center;padding:40px 20px}.empty-state p,.muted{color:var(--muted);font-size:14px;line-height:1.55}.auth-wrap{width:min(100%,390px);margin:12vh auto 0;text-align:center}.brand-mark{width:48px;height:48px;border-radius:8px;background:var(--blue);color:#fff;font-weight:800;font-size:25px;display:grid;place-items:center;margin:0 auto 16px}.auth-wrap h1{font-size:25px;margin:0}.auth-form{text-align:left;display:grid;gap:15px;margin-top:28px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:8px}.auth-form label,.confirm-form label{display:grid;gap:7px;color:var(--muted);font-size:14px;font-weight:650}input{width:100%;height:43px;border:1px solid #bcccdc;border-radius:6px;padding:0 11px;color:var(--ink);background:#fff;font:inherit}input:focus{outline:3px solid #bfe3e9;border-color:var(--blue)}dialog{border:0;border-radius:8px;max-width:calc(100% - 32px);width:420px;padding:0;box-shadow:0 14px 38px rgba(16,42,67,.24)}dialog::backdrop{background:rgba(16,42,67,.45)}.confirm-form{padding:22px}.confirm-form h2{font-size:19px;margin:0 0 8px}.confirm-form p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 18px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.toast{position:fixed;z-index:3;bottom:20px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),520px);padding:13px 16px;background:#102a43;color:#fff;border-radius:6px;font-size:14px;box-shadow:0 8px 22px rgba(16,42,67,.22)}@media (max-width:420px){.page-shell{padding-left:12px;padding-right:12px}.topbar h1{font-size:24px}.device-card{padding:15px}.card-actions{align-items:stretch;flex-direction:column}.text-button{padding:11px 0}.button.danger{width:100%}.dialog-actions{display:grid;grid-template-columns:1fr 1fr}.dialog-actions .button{padding:0 10px}}@media (min-width:761px){.page-shell{padding-top:42px}.devices{grid-template-columns:repeat(2,minmax(0,1fr))}.device-card{display:flex;flex-direction:column}.card-actions{margin-top:auto}}

.topbar-actions{display:flex;align-items:center;gap:16px}.text-button{text-decoration:none}.brand-logo{display:block;width:68px;height:68px;border-radius:15px;margin:0 auto 16px}.logs{background:var(--card);border:1px solid var(--line);border-radius:8px}.log-row{padding:15px 16px;display:flex;justify-content:space-between;gap:14px}.log-row+.log-row{border-top:1px solid var(--line)}.log-row strong{font-size:15px}.log-row p{color:var(--muted);font-size:13px;margin:5px 0 0}.log-row time{color:var(--muted);font-size:12px;text-align:right;white-space:nowrap}@media (max-width:420px){.log-row{display:block}.log-row time{display:block;text-align:left;margin-top:8px}}