@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:light;--bg:#f6f7fb;--bg-alt:#eef2f8;--surface:#fff;--ink:#1d2330;--muted:#6b7280;--primary:#1f6feb;--primary-ink:#0b2f6a;--border:#e3e6ee;--shadow:0 18px 45px rgba(29,35,48,.08);--input-bg:#fafbff;--tag-bg:#eef4ff;--toast-shadow:0 16px 30px rgba(15,23,42,.12);--logo-filter:none;--radius:14px}:root[data-theme=dark]{color-scheme:dark;--bg:#0b0f16;--bg-alt:#121826;--surface:#101826;--ink:#e5e7eb;--muted:#9ca3af;--primary:#7aa2ff;--primary-ink:#d7e3ff;--border:#233144;--shadow:0 18px 45px rgba(0,0,0,.45);--input-bg:#0b1220;--tag-bg:#14213a;--toast-shadow:0 20px 35px rgba(0,0,0,.5);--logo-filter:invert(1) brightness(1.15) contrast(1.05)}*{box-sizing:border-box}body{background:linear-gradient(135deg,var(--bg) 0,var(--bg-alt) 100%);color:var(--ink);font-family:IBM Plex Sans,sans-serif;margin:0}a{color:inherit;text-decoration:none}main{min-height:100vh;padding:32px}.shell{display:grid;gap:24px;margin:0 auto;max-width:1200px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.stack{gap:16px}.row,.stack{display:grid}.row{align-items:center;gap:12px}.row.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.row.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.row.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.nav{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:20px 24px}.admin-tabs{padding:16px 20px}.admin-tabs .tab-row{display:flex;flex-wrap:wrap;gap:12px}.btn.tab-btn{align-items:center;border-radius:999px;display:inline-flex;flex:1 1 200px;justify-content:center;padding:8px 14px}.btn.tab-btn.active{box-shadow:0 10px 18px #1f6feb2e}.panel-enter-active,.panel-leave-active{transition:opacity .18s ease,transform .18s ease}.panel-enter-from{opacity:0;transform:translateY(8px)}.panel-leave-to{opacity:0;transform:translateY(-8px)}.brand{align-items:center;display:flex;font-weight:700;gap:10px;letter-spacing:.02em}.brand-mark{filter:var(--logo-filter);height:32px;-o-object-fit:contain;object-fit:contain;width:32px}.brand-mark-lg{height:64px;width:64px}.muted{color:var(--muted)}.btn{background:var(--primary);border:1px solid transparent;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:transform .15s ease,box-shadow .15s ease}.btn.secondary{background:var(--surface);border-color:var(--primary);color:var(--primary)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--ink)}.btn.ghost.danger{border-color:#f2c4c0;color:#b42318}.btn.ghost.danger:hover:not(:disabled){box-shadow:0 10px 20px #b423182e;transform:translateY(-1px)}.btn.icon-btn{border-color:transparent;padding:6px}.btn.icon-btn:hover:not(:disabled){box-shadow:none;color:var(--primary);transform:none}.btn.icon-btn:disabled{opacity:.4}.btn.small{font-size:.8rem;padding:6px 10px}.btn .icon{display:block;fill:none;height:16px;stroke:currentColor;stroke-width:1.6;width:16px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:hover:not(:disabled){box-shadow:0 10px 20px #1f6feb33;transform:translateY(-1px)}input,select,textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;color:var(--ink);font-family:inherit;font-size:.95rem;padding:10px 12px;width:100%}.field-with-action{align-items:center;display:flex;gap:10px}.field-with-action input{flex:1}textarea{min-height:80px;resize:vertical}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border);padding:12px;text-align:left;vertical-align:top}.cell-copy{align-items:center;display:flex;gap:8px}.cell-copy input{flex:1}.cell-copy .btn{white-space:nowrap}th{color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.tag{align-items:center;background:var(--tag-bg);border-radius:999px;color:var(--primary-ink);display:inline-flex;font-size:.85rem;gap:8px;padding:4px 10px}.toast-stack{bottom:24px;display:grid;gap:12px;position:fixed;right:24px;z-index:100}.toast{align-items:center;background:var(--surface);border:1px solid var(--border);border-left-width:4px;border-radius:12px;box-shadow:var(--toast-shadow);display:flex;font-size:.9rem;gap:12px;justify-content:space-between;max-width:320px;min-width:220px;padding:12px 14px}.toast-success{border-left-color:#12b76a}.toast-info{border-left-color:#3b82f6}.toast-error{border-left-color:#ef4444}.toast-close{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:0}.toast-enter-active,.toast-leave-active{transition:opacity .2s ease,transform .2s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(6px)}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.theme-toggle{border-radius:999px}@media(max-width:900px){main{padding:20px}.nav{align-items:flex-start;flex-direction:column;gap:16px}.nav .row{grid-auto-flow:row!important;justify-content:flex-start;width:100%}.nav .row>*{justify-self:start}.grid-2,.row.cols-2,.row.cols-3,.row.cols-4{grid-template-columns:1fr}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:600px){.card{padding:18px}.btn.tab-btn{flex-basis:100%}td,th{padding:10px 8px}th{font-size:.7rem}.cell-copy{flex-wrap:wrap}.cell-copy input{min-width:160px}.toast-stack{bottom:16px;left:20px;right:20px}.toast{max-width:none}}
