:root{font-family:system-ui,sans-serif;color:#173434;background:#f3f9f9}*{box-sizing:border-box}body{margin:0}header{background:#007f80;color:white;padding:32px max(24px,calc((100vw - 940px)/2))}header span{font-size:12px;letter-spacing:2px}h1{margin:10px 0}main{max-width:940px;margin:24px auto;padding:0 18px}section{background:white;border:1px solid #d7e9e9;border-radius:18px;padding:24px;margin-bottom:24px;box-shadow:0 5px 20px #12333308}label{display:block;font-weight:600;margin:14px 0}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #bdd5d5;border-radius:8px;font:inherit;margin-top:7px}input[type=checkbox]{display:inline;width:auto;margin-right:8px}button{border:0;border-radius:9px;background:#008f90;color:white;font:inherit;font-weight:600;padding:12px 18px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#edf5f5;color:#007879}.danger{background:#b72b32}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}p{color:#526c6c;line-height:1.5;font-size:14px}.banner{padding:18px 0;border-top:1px solid #e0eeee}.banner img{width:100%;max-height:240px;object-fit:contain;background:#f1f6f6;border-radius:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}#message{background:#e8f6ec;color:#215b35;padding:16px;border-radius:10px}#message.error{background:#ffecec;color:#a32128}footer{text-align:center;padding:24px;color:#526c6c;font-size:13px}.push-preview{border:1px solid #bdd5d5;border-left:4px solid #009696;border-radius:12px;padding:16px;margin:18px 0;overflow-wrap:anywhere}.push-history{border-top:1px solid #d7e9e9;margin-top:18px;padding-top:18px;overflow-wrap:anywhere}.push-history p{white-space:pre-line}[hidden]{display:none!important}
:root{--security-accent:#008f90}#securityPanel{background:white;border:1px solid #d7e9e9;border-radius:18px;padding:24px;margin:24px 0}#securityPanel summary{cursor:pointer;font-weight:700;color:#007f80}#securityPanel input[readonly],.recovery-codes{font-family:ui-monospace,monospace;overflow-wrap:anywhere;white-space:pre-wrap;letter-spacing:1px}.recovery-codes{background:#edf5f5;border-radius:10px;padding:20px;font-size:16px;line-height:1.8}
.totp-qr{display:block;max-width:100%;height:auto;width:318px;background:#fff;image-rendering:pixelated;border:1px solid #d7e9e9;border-radius:8px;margin:18px 0}
#panelNavigation{margin-bottom:24px}#panelNavigation button[aria-pressed="false"]{background:#e2eeee;color:#006e70}#panelNavigation button[aria-pressed="true"]{box-shadow:inset 0 -3px 0 #005b5c}#securityPanel h2{margin-top:0}