:root{--bg: #0f1117;--panel: #171a23;--panel-2: #1e222d;--border: #2a2f3d;--text: #e6e8ee;--muted: #8b93a7;--accent: #5b8cff;--danger: #ff5f56;--ok: #37d67a;--radius: 12px}@media(prefers-color-scheme:light){:root{--bg: #f5f6fa;--panel: #ffffff;--panel-2: #f0f2f7;--border: #e0e3ec;--text: #171a23;--muted: #6b7284}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Sarabun,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--panel-2);padding:2px 6px;border-radius:6px}.muted{color:var(--muted)}.center{text-align:center}.center-page{min-height:100vh;display:grid;place-items:center;padding:24px}.app{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:17px}.topbar-right{display:flex;align-items:center;gap:12px}.who{font-size:13px}.tabs{display:flex;gap:4px;background:var(--panel-2);padding:4px;border-radius:10px}.tab{border:none;background:transparent;color:var(--muted);font:inherit;font-size:14px;padding:6px 16px;border-radius:7px;cursor:pointer}.tab.active{background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000026}.tag{margin-left:8px;font-size:11px;padding:2px 8px;border-radius:999px;background:#5b8cff26;color:var(--accent);font-weight:500}.hint{background:#5b8cff1f;border:1px solid rgba(91,140,255,.3);padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.6}.container{max-width:1080px;margin:0 auto;padding:24px;display:grid;gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-value{font-size:26px;font-weight:700}.stat-label{color:var(--muted);font-size:13px;margin-top:2px}.toolbar{display:flex;gap:10px}.input{width:100%;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;outline:none}.input:focus{border-color:var(--accent)}.search{flex:1}.btn{padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;transition:filter .15s}.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn.ghost{background:transparent}.btn.small{padding:6px 10px;font-size:13px}.btn.block{width:100%}.icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:15px;padding:0 4px}.icon-btn:hover{color:var(--accent)}.pill{border:none;border-radius:999px;padding:4px 12px;cursor:pointer;font:inherit;font-size:12px}.pill.on{background:#37d67a26;color:var(--ok)}.pill.off{background:#8b93a726;color:var(--muted)}.table-wrap{padding:0;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;padding:12px 16px;color:var(--muted);font-weight:500;border-bottom:1px solid var(--border);font-size:13px}.table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:top}.table tr:last-child td{border-bottom:none}.table .num{text-align:right;white-space:nowrap}.disabled-row{opacity:.5}.slug-cell{display:flex;align-items:center;gap:4px;font-weight:600}.note{color:var(--muted);font-size:12px;margin-top:3px}.target a{display:inline-block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.row-actions{display:flex;gap:6px;justify-content:flex-end}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(520px,100%);display:grid;gap:14px;max-height:90vh;overflow:auto}.modal h2{margin:0}.field{display:grid;gap:6px}.field>span{font-size:13px;color:var(--muted)}.field.checkbox{display:flex;align-items:center;gap:8px;align-self:end;padding-bottom:10px}.field.checkbox span{font-size:14px;color:var(--text)}.row{display:flex;gap:12px}.grow{flex:1}.prefix-input{display:flex;align-items:center;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding-left:10px;overflow:hidden}.prefix{color:var(--muted);font-size:13px;white-space:nowrap}.prefix-input .input{border:none;background:transparent;padding-left:2px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.alert{background:#ff5f561f;color:var(--danger);padding:10px 12px;border-radius:10px;font-size:14px}.login{width:min(380px,100%);display:grid;gap:12px}.login h1{margin:0;font-size:20px}.login p{margin:0;font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--border);padding:12px 20px;border-radius:999px;box-shadow:0 8px 24px #0000004d;z-index:100}.toast.error{border-color:var(--danger);color:var(--danger)}@media(max-width:640px){.stats{grid-template-columns:1fr}.target a{max-width:160px}.topbar{flex-wrap:wrap;gap:10px}.who{display:none}}