:root{font:16px system-ui,sans-serif;color:#ecf2f9;background:#0d1825;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:24px 18px}header,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}header{justify-content:flex-start;margin-bottom:25px}.brand{background:#3777ff;border-radius:16px;padding:13px 20px;font-size:30px;font-weight:800}h1{font-size:25px;margin:0}h2{font-size:20px}p{line-height:1.6}header p{margin:3px 0;color:#a5b6ca}.notice{color:#bcd0ff;background:#203350;padding:10px 14px;border-radius:9px}section{background:#172637;border:1px solid #304256;border-radius:16px;padding:22px;margin:18px 0}label{display:block;margin:15px 0 7px}input,select,button{font:inherit;border-radius:9px;min-height:46px}input,select{width:100%;background:#101b29;border:1px solid #536882;color:inherit;padding:11px}button{border:0;background:#3777ff;color:white;padding:10px 16px;cursor:pointer}form button{margin-top:18px;width:100%}.secondary{background:#293d53}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9dbbff;outline-offset:3px}ul{list-style:none;padding:0}li{padding:16px 0;border-bottom:1px solid #304256;overflow-wrap:anywhere}li strong,li span{display:block}li span,.muted,footer{color:#a5b6ca;font-size:14px}footer{line-height:1.6;margin-top:25px}#status{min-height:24px;color:#d1e0ff}[hidden]{display:none!important}.divider{margin-top:28px;padding-top:6px;border-top:1px solid #304256}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.actions button{flex:1 1 140px}.danger{background:#b3261e}.hint{color:#a5b6ca;font-size:14px}#paired-key{font-family:ui-monospace,Consolas,monospace}#remove{margin-top:18px;width:100%}.tabs{display:flex;gap:10px;margin-top:18px}.tabs button{flex:1}.entry{display:block;width:100%;min-height:0;padding:0;background:transparent;color:inherit;text-align:left}.entry strong,.entry span{display:block}#invoices li{padding:12px 0}h3{font-size:17px;margin:18px 0 6px}dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0}dt{color:#a5b6ca}dd{margin:0;overflow-wrap:anywhere}.button{display:block;margin-top:18px;padding:12px 16px;border-radius:9px;background:#3777ff;color:#fff;text-align:center;text-decoration:none}.button:focus-visible,.entry:focus-visible{outline:3px solid #9dbbff;outline-offset:3px}@media(max-width:420px){section{padding:16px}.toolbar{flex-wrap:wrap}h2{font-size:18px}}
