:root{--bg: #f4f5f7;--card: #ffffff;--text: #1d2330;--muted: #667085;--accent: #f26b1d;--border: #d9dde3;--error: #c62828}@media(prefers-color-scheme:dark){:root{--bg: #14171c;--card: #1d2128;--text: #e7e9ee;--muted: #98a2b3;--border: #2e343d;--error: #ef5350}}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}.page{max-width:520px;margin:40px auto;padding:0 16px}.header{display:flex;align-items:center;justify-content:space-between}h1{font-size:20px}.card{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px}label{font-size:13px;color:var(--muted)}input,select{padding:8px;font-size:15px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}button{margin-top:8px;padding:10px 18px;font-size:15px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.6}button.link{margin:0;padding:0;background:none;color:var(--muted);text-decoration:underline}.error{color:var(--error);margin:0}.status{color:var(--muted);font-size:13px;margin:0}.page.wide{max-width:820px}.nav{display:flex;gap:16px;margin-bottom:16px}.nav a{color:var(--muted);text-decoration:none;padding-bottom:4px;border-bottom:2px solid transparent}.nav a.active{color:var(--text);border-bottom-color:var(--accent)}.card+.card{margin-top:16px}h2{font-size:16px;margin:0}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.row{display:flex;gap:8px;flex-wrap:wrap}.row input{flex:1 1 180px}.row button{margin-top:0}.hint{color:var(--muted);font-size:13px;margin:0}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:8px;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-weight:500;font-size:13px}.table input{width:100%;box-sizing:border-box}.actions{white-space:nowrap;text-align:right}.actions button{margin:0 0 0 6px;padding:6px 12px;font-size:13px}button.secondary,.button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}button.danger{background:var(--error)}.button{display:inline-block;padding:8px 14px;font-size:14px;border-radius:6px;cursor:pointer}.search{flex:0 1 320px}.search button{padding:8px 14px}.table select{width:100%}.pager{display:flex;align-items:center;justify-content:center;gap:12px}.pager button{margin:0}.tag{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:var(--muted)}textarea{padding:8px;font:inherit;font-size:14px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);resize:vertical}.row input.narrow{flex:0 1 140px}.row .full{flex:1 1 100%}.table textarea{width:100%;box-sizing:border-box}.table .number{text-align:right;font-variant-numeric:tabular-nums}.table .description{color:var(--muted);max-width:260px}.table input.gems{width:100px}.table .tag+.tag{margin-left:4px}.table .purchases{min-width:220px}.tag-remove{margin:0 -4px 0 4px;padding:0 2px;background:none;border:none;color:var(--muted);font-size:14px;line-height:1;cursor:pointer}.tag-remove:hover{color:var(--error)}.purchases .link{margin-left:6px;font-size:12px}.table input[type=checkbox]{width:auto}.slots{display:flex;flex-direction:column;gap:6px}.slot{display:flex;align-items:center;gap:8px}.slot .tag{min-width:80px;text-align:center}