:root{--bg:#f6f7fb;--card:#fff;--bd:#e3e6ef;--tx:#161a26;--mu:#6b7490;--ac:#5b6cff;--ac2:#8a5bff;--ok:#1aa97a;--dg:#e5484d}
@media(prefers-color-scheme:dark){:root{--bg:#0c0e14;--card:#141824;--bd:#232a3b;--tx:#e8ebf5;--mu:#8791ad;--ok:#3ecf9b}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 Inter,system-ui,-apple-system,sans-serif;padding:20px}
main{max-width:960px;margin:0 auto}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px}
.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--ac),var(--ac2));display:grid;place-items:center;color:#fff;font-size:17px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:16px}
.grid .card{margin:0}.stat{font-size:28px;font-weight:700}.mu{color:var(--mu);font-size:13px}
h2{font-size:15px;margin:0 0 12px}
input{background:var(--bg);color:var(--tx);border:1px solid var(--bd);border-radius:10px;padding:10px 12px;font:inherit;width:100%;outline:none}
input:focus{border-color:var(--ac)}
button{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
button.ghost{background:transparent;color:var(--mu);border:1px solid var(--bd);font-weight:500;padding:6px 10px;font-size:13px}
button.danger{color:var(--dg)}
.row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:10px}
.prev{margin-top:10px;font-size:13px;color:var(--mu);word-break:break-all}.prev b{color:var(--tx);font-weight:500}
.link{padding:12px 0;border-top:1px solid var(--bd);display:flex;gap:12px;align-items:center;justify-content:space-between}
.link:first-of-type{border-top:0}
.info{min-width:0}.info a{color:var(--ac);text-decoration:none;font-weight:600}
.dest{color:var(--mu);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acts{display:flex;gap:6px;align-items:center;flex-shrink:0}
.badge{background:var(--bg);border:1px solid var(--bd);border-radius:20px;padding:2px 10px;font-size:13px;color:var(--mu)}
.msg{color:var(--ok);margin-bottom:12px}.err{color:var(--dg);margin-bottom:12px}
@media(max-width:640px){.row{grid-template-columns:1fr}.link{flex-direction:column;align-items:stretch}.acts{justify-content:space-between}}