.remote-status{position:sticky;top:8px;z-index:5;margin:0 0 22px;padding:12px 16px;border:1px solid #2d554c;border-radius:10px;background:#14332e;color:#b5eedb;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}.remote-status.offline{background:#392d1b;border-color:#81602a;color:#f5d499}.remote-actions{display:flex;gap:8px;flex-wrap:wrap}.remote-actions button{font-size:11px;padding:8px 12px}.remote-events{margin:18px 0;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.remote-events summary{cursor:pointer;font-size:13px;font-weight:600}.remote-event{font-size:12px;padding:10px 0;border-top:1px solid var(--border);margin-top:10px}.remote-event time{display:block;color:var(--muted);font-size:10px;margin-top:5px}.remote .camera-form label:first-child,.remote #router-form,.remote #router-forget,.remote #router-saved-status{display:none!important}.auth-body{min-height:100vh;display:grid;place-items:center}.auth-main{margin:0;padding:32px 20px;width:min(520px,100%)}.auth-brand{color:#9aecd5;font-size:22px;font-weight:700;text-decoration:none;display:block;margin-bottom:24px}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px}.auth-card h1{font-size:28px}.auth-card p{font-size:13px;color:var(--muted)}.auth-card form{display:grid;gap:18px;margin-top:22px}.auth-card label{font-size:13px}.auth-card input{font-size:16px}.auth-card button{min-height:44px}.auth-card #totp-qr{display:block;max-width:100%;height:auto;margin:18px auto;background:white;border-radius:8px}.auth-card code{overflow-wrap:anywhere;display:block;padding:14px}.auth-foot{text-align:center;color:var(--muted);font-size:11px}.auth-card textarea{width:100%;margin:12px 0 22px}.auth-card a.button{display:block;text-align:center}.auth-card #auth-message{color:#edc57b}