:root{--text:#131722;--muted:#787b86;--border:#e0e3eb;--bg-soft:#f0f3fa;--accent:#2962ff;--accent-soft:#e3effd;--up:#26a69a;--down:#ef5350}body{color:var(--text);background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;font-size:15px}main{max-width:960px;margin:0 auto;padding:16px}main.narrow{max-width:420px;margin-top:40px}h1{font-size:22px;font-weight:600}h2{margin-top:28px;font-size:17px;font-weight:600}nav{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;padding:6px 12px;display:flex}nav a{color:var(--text);border-radius:4px;padding:6px 10px;text-decoration:none}nav a:hover,nav a.on{background:var(--bg-soft)}nav .brand{font-weight:600}nav .spacer{flex:1}a{color:var(--accent)}.muted{color:var(--muted)}.error{color:var(--down)}.card{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;margin:12px 0;padding:16px;display:flex}.card.row{flex-flow:wrap;align-items:flex-end}.notice{background:var(--accent-soft);border-color:#b3d1fb}label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}input,select,textarea{font:inherit;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:6px;padding:8px 10px}textarea{resize:vertical;min-height:64px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}button{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:6px;padding:7px 12px;font-size:14px}button:hover{background:var(--bg-soft)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;min-height:40px}button.primary:hover{background:#1e53e5}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 6px}th{color:var(--muted);font-size:13px;font-weight:500}tr.inactive td{color:var(--muted)}td.actions{flex-wrap:wrap;gap:6px;display:flex}td.actions button{padding:4px 8px;font-size:13px}code.pw{-webkit-user-select:all;user-select:all;background:#fff;border-radius:4px;padding:2px 8px;font-size:18px}.up{color:var(--up)}.down{color:var(--down)}@media (width<=640px){table.responsive thead{display:none}table.responsive tr{border-bottom:1px solid var(--border);padding:6px 0;display:block}table.responsive td{border:none;padding:2px 6px;display:block}}