@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{color-scheme:light;--app-primary:#000000;--app-on-primary:#ffffff;--app-secondary:#f5c400;--app-background:#f5f5f5;--app-surface:#ffffff;--app-text:#0a0a0a;--app-muted:#6b6b6b;--app-border:#d4d4d4;--app-danger:#c62828;--app-success:#1b7f4a;--app-font-heading:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--app-font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--app-radius-sm:8px;--app-radius-md:14px;--app-radius-lg:21px;--motion-xs:100ms;--motion-sm:150ms;--motion-md:250ms;--motion-lg:350ms;--motion-xl:500ms;--ease-enter:cubic-bezier(0.05,0.7,0.1,1);--ease-exit:cubic-bezier(0.3,0,0.8,0.15);--ease-standard:cubic-bezier(0.2,0,0,1);--ease-pop:cubic-bezier(0.34,1.56,0.64,1);--motion-stagger:40ms;--reveal-distance:16px;--reveal-scale:1;--reveal-duration:var(--motion-lg);--reveal-ease:var(--ease-enter);--press-scale:0.97}html[data-motion-style=soft]{--reveal-distance:10px;--reveal-duration:450ms}html[data-motion-style=springy]{--reveal-distance:22px;--reveal-ease:var(--ease-pop);--reveal-duration:420ms}html[data-motion-style=cinematic]{--reveal-distance:0px;--reveal-scale:1.04;--reveal-duration:650ms;--reveal-ease:cubic-bezier(0.16,1,0.3,1)}html[data-motion-style=crisp]{--reveal-distance:8px;--reveal-duration:220ms;--reveal-ease:var(--ease-standard)}.reveal{opacity:0;transform:translateY(var(--reveal-distance)) scale(var(--reveal-scale));transition:opacity var(--reveal-duration) var(--reveal-ease),transform var(--reveal-duration) var(--reveal-ease);transition-delay:calc(var(--i, 0) * var(--motion-stagger));animation:fg-reveal var(--reveal-duration) var(--reveal-ease) calc(1.2s + var(--i, 0) * var(--motion-stagger)) both}.reveal.is-armed{animation:none}.reveal.is-in{opacity:1;transform:none}@keyframes fg-reveal{to{opacity:1;transform:none}}.press{transition:transform var(--motion-sm) var(--ease-standard)}.press:active{transform:scale(var(--press-scale))}.lift{transition:transform var(--motion-md) var(--ease-standard),box-shadow var(--motion-md) var(--ease-standard)}@media (hover:hover){.lift:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgb(0 0 0/.1)}}.skeleton{background:linear-gradient(90deg,rgb(127 127 127/.12),rgb(127 127 127/.22) 50%,rgb(127 127 127/.12));background-size:200% 100%;animation:fg-shimmer 1.3s linear infinite;border-radius:var(--app-radius-sm,8px)}@keyframes fg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pop-in{animation:fg-pop var(--motion-md) var(--ease-pop) both}@keyframes fg-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.fade-in{animation:fg-fade var(--motion-md) var(--ease-standard) both}@keyframes fg-fade{0%{opacity:0}to{opacity:1}}.shake{animation:fg-shake .36s var(--ease-standard)}@keyframes fg-shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none}.lift,.lift:hover,.press,.press:active,.reveal{transform:none;transition:none}.fade-in,.pop-in,.shake,.skeleton{animation:none}}:root{--bg:var(--app-background);--panel:var(--app-surface);--border:var(--app-border);--text:var(--app-text);--muted:var(--app-muted);--accent:var(--app-primary);--on-accent:var(--app-on-primary);--danger:var(--app-danger);--ok:var(--app-success);--radius:var(--app-radius-md)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--app-font-body)}.shell{display:flex;min-height:100vh}.sidebar{width:220px;flex:0 0 220px;background:var(--panel);border-right:1px solid var(--border);padding:20px 14px}.brand{font-weight:650;font-size:15px;margin-bottom:18px}.nav{display:flex;flex-direction:column;gap:2px}.nav a{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:7px;font-size:14px}.nav a:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.nav a.active{background:color-mix(in srgb,var(--accent) 14%,transparent);font-weight:600}.role-pill{display:inline-block;font-size:11.5px;font-weight:600;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--app-secondary) 35%,transparent);margin-bottom:8px}.sidebar-foot{margin-top:24px;padding-top:14px;border-top:1px solid var(--border)}.content{flex:1 1 auto;padding:28px 32px;min-width:0}.toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center}.toolbar input{margin:0;flex:1 1}.toolbar button{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.form-grid button{margin-top:22px}.badge{display:inline-block;font-size:11.5px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid var(--border)}.badge.danger{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:var(--danger);color:var(--danger)}button.ghost,button.linkish{background:transparent;color:var(--text);border:1px solid var(--border);margin-top:8px}button.linkish{border:0;padding:0;color:var(--accent);text-decoration:underline;margin-top:0}label input[type=checkbox]{width:auto;margin-right:8px}td.actions{white-space:nowrap}td.actions button{margin:2px 4px 2px 0;padding:6px 10px;font-size:12.5px}.page-title{font-size:21px;margin:0 0 4px;font-family:var(--app-font-heading)}.page-hint{color:var(--muted);font-size:13px;margin:0 0 22px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--app-radius-lg);padding:18px;margin-bottom:18px}.card h2{font-size:15px;margin:0 0 10px}.banner{border-radius:var(--app-radius-md);padding:12px 14px;font-size:13.5px;margin-bottom:18px;border:1px solid var(--border)}.banner-info{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent)}.banner-warn{border-color:#e0b400;background:color-mix(in srgb,#e0b400 12%,transparent)}.banner-ok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.banner-error{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.stat{border:1px solid var(--border);border-radius:var(--app-radius-md);padding:14px}.stat-value{font-size:22px;font-weight:640}.stat-label{color:var(--muted);font-size:12.5px;margin-top:2px}.category-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin:16px 0 20px}.category-card{border:1px solid var(--border);border-radius:var(--app-radius-md);overflow:hidden;background:var(--panel)}.category-card img{width:100%;height:120px;object-fit:cover;display:block;filter:grayscale(1)}.category-card>div{padding:10px 12px 12px}.category-card h2{margin:0 0 4px;font-size:15px}select{width:100%;padding:9px 11px;border-radius:var(--app-radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px}.toolbar select{width:auto;min-width:140px;margin:0}table{width:100%;border-collapse:collapse;font-size:13.5px}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:560}.table-wrap{overflow-x:auto}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input{width:100%;padding:9px 11px;border-radius:var(--app-radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text)}button,input{font-size:14px}button{margin-top:12px;padding:9px 15px;border-radius:var(--app-radius-sm);border:0;background:var(--accent);color:var(--on-accent);cursor:pointer}button:disabled{opacity:.6;cursor:default}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--bg);padding:1px 5px;border-radius:5px}@media (max-width:760px){.shell{flex-direction:column}.sidebar{width:auto;flex:none;border-right:0;border-bottom:1px solid var(--border)}.nav{flex-direction:row;flex-wrap:wrap}.content{padding:20px 16px}}