:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{min-height:100svh}:root{--bg:#0f1115;--panel:#1a1d24;--border:#2a2e37;--text:#e7e9ee;--muted:#8a91a0;--accent:#4f8cff;--accent-hover:#3d77e6;--green:#2ecc71}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:960px;margin:0 auto;padding:24px 20px 64px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.topbar h1{margin:0;font-size:22px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px 22px}.card h2{margin:0 0 6px;font-size:16px}.auth-card{max-width:380px;margin:48px auto 0}form{flex-direction:column;gap:12px;margin-top:12px;display:flex}label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}input{border:1px solid var(--border);color:var(--text);background:#0f1115;border-radius:8px;padding:10px 12px;font-size:14px}input:focus{border-color:var(--accent);outline:none}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-size:14px}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}button.ghost{border:1px solid var(--border);color:var(--text);background:0 0}button.ghost:hover{background:#232730}button.link{color:var(--accent);font-size:inherit;background:0 0;border:none;padding:0}button.link:hover{background:0 0;text-decoration:underline}.muted{color:var(--muted);font-size:13px}.error{color:#ff6b6b;margin:0;font-size:13px}.switch{margin-top:14px}.keyrow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.key{border:1px solid var(--border);word-break:break-all;background:#0f1115;border-radius:8px;flex:1;min-width:240px;padding:8px 12px;font-family:SFMono-Regular,Menlo,monospace;font-size:13px}table.trackers{border-collapse:collapse;width:100%;margin-top:14px;font-size:13px}table.trackers th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 10px;font-weight:500}table.trackers td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px}table.trackers tr.opened{background:#2ecc710f}td.status{font-size:16px}td.num{text-align:center}td.recipients{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.timeline{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.timeline h3{margin:0 0 8px;font-size:14px}.timeline ul{margin:0;padding:0;font-size:13px;list-style:none}.timeline li{padding:4px 0}