@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#fafaf8;--surface:#fff;--border:#e4e7e4;--border-strong:#ccd1cc;--ink:#1c2321;--ink-muted:#6b756f;--ink-faint:#9ba39d;--brand:#1a8f6b;--brand-dark:#0f6b4e;--brand-tint:#e7f5f0;--danger:#b00020;--danger-tint:#fbe9ec;--warning:#b7791f;--warning-tint:#fbf1e1;--radius-sm:6px;--radius-md:10px;--shadow-sm:0 1px 2px #1c23210f;--shadow-md:0 4px 16px #1c232114;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;font-family:var(--font-ui);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:700}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid;overflow-x:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:9px;padding:6px 8px 22px;display:flex}.brand-mark{background:var(--brand);color:#fff;width:26px;height:26px;font-family:var(--font-mono);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:700}.brand-sub{color:var(--ink-faint);font-size:11px;font-family:var(--font-mono)}.nav-group{flex-direction:column;gap:2px;margin-top:4px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--ink-muted);align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-link:hover{background:var(--bg);color:var(--ink)}.nav-link.active{background:var(--brand-tint);color:var(--brand-dark)}.nav-icon{text-align:center;width:18px;font-size:15px}.nav-badge{background:var(--danger);color:#fff;font-family:var(--font-mono);text-align:center;border-radius:20px;min-width:8px;margin-left:auto;padding:3px 6px;font-size:10.5px;font-weight:600;line-height:1}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:14px}.user-chip{justify-content:space-between;align-items:center;padding:8px;font-size:13px;display:flex}.user-email{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.signout-btn{color:var(--ink-faint);cursor:pointer;font-size:12px;font-family:var(--font-mono);background:0 0;border:none;border-radius:5px;padding:4px 6px}.signout-btn:hover{color:var(--danger);background:var(--danger-tint)}.main{min-width:0;max-width:1080px;padding:28px 36px 60px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-eyebrow{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--brand);margin-bottom:6px;font-size:11px;display:block}.page-title{font-size:22px}.page-desc{color:var(--ink-muted);margin-top:5px;font-size:13.5px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:7px;padding:9px 14px;font-size:13.5px;font-weight:600;transition:filter .12s,background .12s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-ghost{color:var(--ink-muted);border-color:var(--border-strong);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface);color:var(--ink)}.btn-danger-ghost{color:var(--danger);background:0 0;border-color:#0000}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-tint)}.btn-sm{padding:6px 10px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.search-input,.select-input,.text-input,textarea.text-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:8px 11px;font-size:13.5px}.search-input:focus,.select-input:focus,.text-input:focus{border-color:var(--brand)}.search-input{min-width:220px}table{border-collapse:collapse;width:100%}thead th{text-align:left;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--border);padding:12px 16px;font-size:10.5px;font-weight:500}tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px;font-size:13.5px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fcfcfb}.row-actions{justify-content:flex-end;gap:6px;display:flex}.mono{font-family:var(--font-mono);color:var(--ink-muted);font-size:12.5px}.empty-state{text-align:center;color:var(--ink-muted);padding:48px 20px}.empty-state strong{color:var(--ink);margin-bottom:4px;font-size:14.5px;display:block}.type-badge{font-family:var(--font-mono);border:1px solid var(--border-strong);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 8px 3px 6px;font-size:11px;display:inline-flex}.type-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.rarity-tag{font-family:var(--font-mono);color:var(--ink-muted);font-size:11px}.form-grid{flex-direction:column;gap:18px;padding:24px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink);font-size:12.5px;font-weight:600}.field-hint{color:var(--ink-faint);font-size:12px}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.text-input,textarea.text-input{width:100%}textarea.text-input{resize:vertical;min-height:74px;font-family:var(--font-ui)}.type-picker{flex-wrap:wrap;gap:8px;display:flex}.type-pick-btn{font-family:var(--font-mono);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-muted);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:12px}.type-pick-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.options-list{flex-direction:column;gap:8px;display:flex}.option-row{align-items:center;gap:8px;display:flex}.option-label-chip{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:34px;font-size:12px;font-weight:600;display:flex}.option-correct-toggle{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;width:34px;height:34px;color:var(--ink-faint);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.option-correct-toggle.checked{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-dark)}.option-remove-btn{width:34px;height:34px;color:var(--ink-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0}.option-remove-btn:hover{color:var(--danger);background:var(--danger-tint)}.form-actions{border-top:1px solid var(--border);background:var(--bg);border-radius:0 0 var(--radius-md) var(--radius-md);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.banner{border-radius:var(--radius-sm);margin-bottom:4px;padding:10px 14px;font-size:13px}.banner-error{background:var(--danger-tint);color:var(--danger)}.banner-success{background:var(--brand-tint);color:var(--brand-dark)}.login-screen{background:radial-gradient(600px circle at 15% 15%, var(--brand-tint), transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:32px 30px 28px}.login-mark{background:var(--brand);color:#fff;width:40px;height:40px;font-family:var(--font-mono);border-radius:10px;justify-content:center;align-items:center;margin-bottom:18px;font-size:17px;font-weight:700;display:flex}.login-title{margin-bottom:3px;font-size:19px}.login-sub{color:var(--ink-muted);margin-bottom:22px;font-size:13px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:26px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px}.stat-num{font-family:var(--font-mono);color:var(--ink);font-size:24px;font-weight:600}.stat-label{color:var(--ink-muted);margin-top:3px;font-size:12px}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-row{text-align:center;color:var(--ink-faint);padding:40px;font-size:13px}.modal-overlay{z-index:50;background:#1c232159;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:100%;max-width:420px;padding:22px 24px}.modal-title{margin-bottom:6px;font-size:15px}.modal-body{color:var(--ink-muted);margin-bottom:20px;font-size:13.5px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.picker-grid{grid-template-columns:1fr 1fr;gap:16px;min-height:360px;display:grid}.picker-pane{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow:hidden}.picker-pane-head{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.picker-pane-title{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:500}.picker-pane-body{flex:1;max-height:420px;overflow-y:auto}.picker-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.picker-row:last-child{border-bottom:none}.picker-row-body{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.picker-row-order{font-family:var(--font-mono);color:var(--ink-faint);text-align:right;flex-shrink:0;width:18px;font-size:11px}.picker-icon-btn{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;width:26px;height:26px;color:var(--ink-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.picker-icon-btn:hover:not(:disabled){background:var(--bg);color:var(--ink)}.picker-icon-btn:disabled{opacity:.35;cursor:not-allowed}.picker-icon-btn.add{color:var(--brand);border-color:var(--brand)}.picker-icon-btn.remove{color:var(--danger);border-color:#0000}.picker-icon-btn.remove:hover{background:var(--danger-tint)}.picker-empty{text-align:center;color:var(--ink-faint);padding:24px 14px;font-size:12.5px}.publish-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.publish-switch{background:var(--border-strong);border-radius:10px;flex-shrink:0;width:34px;height:20px;transition:background .15s;position:relative}.publish-switch.on{background:var(--brand)}.publish-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.publish-switch.on:after{transform:translate(14px)}.badge-published{font-family:var(--font-mono);background:var(--brand-tint);color:var(--brand-dark);border-radius:20px;padding:2px 7px;font-size:10.5px}.badge-draft{font-family:var(--font-mono);background:var(--bg);color:var(--ink-faint);border:1px solid var(--border);border-radius:20px;padding:2px 7px;font-size:10.5px}