*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
font-size:16px;line-height:1.45;color:#1f2933;background:#f4f5f7}
a{color:#1d4ed8}
header.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;
padding:12px 16px;background:#1f2933;color:#fff}
header.top a,header.top .link{color:#fff}
.brand{font-weight:700}
nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
nav .who{color:#cbd2d9;font-size:.9rem}
main{max-width:72rem;margin:0 auto;padding:16px}
h1{font-size:1.5rem;margin:8px 0 16px}
h2{font-size:1.15rem;margin:24px 0 8px}
.card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:16px}
.narrow{max-width:28rem}
label{display:block;font-weight:600;margin:12px 0 4px}
.help{display:block;font-size:.85rem;color:#52606d;margin-top:4px}
input[type=text],input[type=email],input:not([type]){width:100%;padding:10px;font-size:1rem;
border:1px solid #9aa5b1;border-radius:6px;background:#fff}
input[readonly]{background:#f4f5f7}
button,.button{display:inline-block;padding:9px 16px;font-size:1rem;border-radius:6px;border:1px solid #1d4ed8;
background:#1d4ed8;color:#fff;cursor:pointer;text-decoration:none}
button.secondary,.button.secondary{background:#fff;color:#1d4ed8}
button.danger{background:#b91c1c;border-color:#b91c1c}
button.link{background:none;border:none;padding:0;color:#1d4ed8;text-decoration:underline;font-size:inherit}
button.small{padding:4px 10px;font-size:.85rem}
form.inline{display:inline}
.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}
.notice{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:6px;padding:10px 12px}
.error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;border-radius:6px;padding:10px 12px}
.field-error{color:#991b1b;font-size:.9rem;margin-top:4px}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:16px}
.toolbar input[name=q]{width:auto;flex:1 1 14rem}
.toolbar label{font-weight:400;margin:0;display:flex;align-items:center;gap:6px}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:10px;
box-shadow:0 1px 3px rgba(0,0,0,.08)}
table{border-collapse:collapse;width:100%;min-width:44rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #e4e7eb;vertical-align:top}
th{font-size:.85rem;color:#52606d;background:#f9fafb}
td.dest{max-width:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
code.url{font-size:.9rem;word-break:break-all}
.status{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem;background:#e0f2fe;color:#075985}
.status.archived{background:#f3f4f6;color:#4b5563}
dl.meta{margin-top:16px}
dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}
dt{font-weight:600;color:#52606d}
dd{margin:0;word-break:break-all}
.copy-row{display:flex;gap:8px;align-items:center}
.copy-row input{flex:1}
ul.users{list-style:none;padding:0;margin:0}
ul.users li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;
padding:10px 0;border-bottom:1px solid #e4e7eb}
@media (max-width:600px){main{padding:12px}h1{font-size:1.3rem}.card{padding:12px}}