: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);align-items:center;gap:2px;height:40px;padding:0 8px;font-size:14px;display:flex}nav .links{flex:1;align-items:center;gap:2px;display:flex}nav a{color:var(--text);border-radius:4px;padding:5px 9px;text-decoration:none}nav a:hover,nav a.on{background:var(--bg-soft)}nav .brand{margin-right:6px;font-weight:600}nav .spacer{flex:1}nav form button{padding:4px 10px;font-size:13px}nav .burger{background:0 0;border:none;margin-left:auto;padding:6px 10px;font-size:20px;line-height:1;display:none}@media (width<=720px){nav{height:36px;position:relative}nav .burger{display:block}nav .links{display:none}nav.open .links{z-index:50;border-bottom:1px solid var(--border);background:#fff;flex-direction:column;align-items:stretch;padding:6px 8px 10px;display:flex;position:absolute;top:36px;left:0;right:0;box-shadow:0 6px 16px #00000014}nav.open .links a{padding:10px 12px;font-size:16px}nav.open .links form{padding:6px 12px 0}main{padding:8px 10px}h1{margin:4px 0 8px;font-size:18px}h2{margin-top:20px}.card{padding:12px}}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}}button:disabled,button.primary:disabled{background:var(--bg-soft);border-color:var(--border);color:var(--muted);cursor:default}
