:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{color:#101827;background:radial-gradient(circle at 50% 0,#2563eb14,#0000 30rem),#e9edf3;min-height:100vh;margin:0}main{max-width:48rem;margin:0 auto;padding:4rem 1.5rem}.adminCard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fafbfcdb;border:1px solid #d1d8e2;border-radius:1.5rem;padding:2rem;box-shadow:0 18px 45px #0f172a1a}.adminCard form,.adminCard label{gap:.75rem;display:grid}.adminCard form{margin-top:1.5rem}.adminCard input,.adminCard button{min-height:3rem;font:inherit;border:1px solid #d1d8e2;border-radius:.8rem;padding:.6rem .8rem}.adminCard button{color:#fff;cursor:pointer;background:#101827;border:0;font-weight:700}:root[data-theme=dark] body{color:#f8fafc;background:#080d19}:root[data-theme=dark] .adminCard{background:#0f172adb;border-color:#263248}:root[data-theme=dark] .adminCard input{color:#f8fafc;background:#111827;border-color:#334155}.adminShell{grid-template-columns:15rem minmax(0,1fr);min-height:100vh;display:grid}.adminSidebar{background:#f5f7fae6;border-right:1px solid #d1d8e2;padding:1.5rem}.adminBrand{color:inherit;margin-bottom:2rem;font-size:1.2rem;font-weight:800;text-decoration:none;display:block}.adminSidebar nav{gap:.35rem;display:grid}.adminSidebar nav a,.adminSidebar nav span{color:inherit;border-radius:.75rem;padding:.65rem .75rem;text-decoration:none}.adminSidebar nav span{color:#647083;text-transform:uppercase;margin-top:.6rem;font-size:.75rem;font-weight:800}.adminSidebar nav a:hover{background:#e3e8ef}.adminWorkspace{min-width:0}.adminTopbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#eef2f6d1;border-bottom:1px solid #d1d8e2;justify-content:flex-end;align-items:center;gap:1rem;min-height:4.5rem;padding:0 2rem;display:flex}.adminTopbar span{color:#647083;font-size:.85rem}.adminTopbar button,.editorForm button,.imageUploadForm button,.adminPrimaryLink,.secondaryButton{color:#fff;font:inherit;cursor:pointer;background:#101827;border:0;border-radius:.75rem;padding:.72rem 1rem;font-weight:750;text-decoration:none}.adminContent main{width:100%;max-width:107.5rem;padding:2.5rem clamp(1.5rem,2.2vw,2.5rem)}.adminPageHeading h1{margin:0;font-size:2rem}.adminPageHeading p{color:#647083}.adminStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:2rem 0;display:grid}.adminStats section{background:#fafbfc;border:1px solid #d1d8e2;border-radius:1rem;padding:1.25rem;display:grid}.adminStats strong{font-size:2rem}.adminStats span{color:#647083;font-size:.85rem}.categoryManager{grid-template-columns:22.5rem minmax(0,1fr);align-items:start;gap:1.5rem;margin-top:1.5rem;display:grid}.categoryBrowser,.categoryEditor{background:#fafbfc;border:1px solid #d1d8e2;border-radius:1.25rem}.categoryBrowser{max-height:calc(100vh - 8.5rem);overflow:auto}.categorySearch{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#fafbfcf0;border-bottom:1px solid #dbe1e9;padding:1rem;position:sticky;top:0}.categoryBrowser input,.categoryEditor input{color:#101827;width:100%;min-height:2.8rem;font:inherit;background:#fff;border:1px solid #d1d8e2;border-radius:.7rem;padding:.55rem .7rem}.categoryTree{padding:.45rem}.categoryRow{min-height:3.45rem;color:inherit;border-radius:.75rem;justify-content:space-between;align-items:center;padding:.7rem .85rem;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.categoryRow:hover{background:#eef1f5}.categoryRow.isSelected{color:#35216f;background:#e7e2ff;box-shadow:inset 3px 0 #6d3df5}.categoryRow.isRoot{margin-top:.25rem;font-weight:750}.categoryRow>span{gap:.12rem;min-width:0;display:grid}.categoryRow small{color:#647083;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:500;overflow:hidden}.categoryStatus{flex:none;gap:.35rem;margin-left:.5rem;display:flex}.categoryStatus i{border-radius:50%;width:.48rem;height:.48rem;display:block}.imageStatus{background:#168ba3}.featuredStatus{background:#7548e8;transform:rotate(45deg);border-radius:2px!important}.categoryEditor{padding:0;overflow:hidden}.categoryEditorHeader{border-bottom:1px solid #dbe1e9;justify-content:space-between;align-items:center;padding:1.65rem 1.75rem;display:flex}.categoryEditorHeader h2{margin:0 0 .4rem;font-size:1.65rem}.categoryEditorHeader span{color:#647083;background:#eef1f5;border-radius:999px;padding:.25rem .55rem;font-family:ui-monospace,monospace;font-size:.72rem;display:inline-flex}.editorSection{padding:1.5rem 1.75rem}.editorSection+.editorSection{border-top:1px solid #dbe1e9}.editorSection h3{margin:0 0 1rem;font-size:1rem}.categoryEditor dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0;display:grid}.categoryEditor dl div{background:#f3f5f8;border:1px solid #e0e5ec;border-radius:.85rem;padding:1rem}.categoryEditor dt{color:#647083;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.categoryEditor dd{word-break:break-word;margin:.3rem 0 0;font-weight:600}.imagePresentation{background:#f5f7fa;border:1px solid #e0e5ec;border-radius:1rem;grid-template-columns:13rem minmax(0,1fr);align-items:center;gap:1.25rem;padding:1rem;display:grid}.categoryPreview{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--category-accent,#6d3df5) 22%,#d1d8e2);width:13rem;box-shadow:0 8px 24px color-mix(in srgb,var(--category-accent,#6d3df5) 8%,transparent);background:#eef1f5;border-radius:1rem;place-items:center;display:grid;overflow:hidden}.categoryPreview span{color:#6d3df5;font-size:2rem;font-weight:850}.categoryPreview img,.adminDropzone img{object-fit:contain;width:100%;height:100%}.imageControls,.imageUploadForm{gap:.75rem;display:grid}.imageUploadForm button{justify-self:start}.adminDropzone{text-align:center;cursor:pointer;border:1px dashed #aeb8c6;border-radius:1rem;place-content:center;min-height:8rem;padding:1rem;display:grid}.adminDropzone strong{color:#313b4d}.adminDropzone span{color:#647083;font-size:.75rem}.adminDropzone input{border:0;max-width:100%;padding:.5rem 0}.adminDropzone img{height:7rem;margin-top:.5rem}.editorForm{gap:1rem;margin:1.35rem 0 0;display:grid}.editorForm fieldset{border:0;min-width:0;margin:0;padding:0}.editorForm legend,.positionField>span{color:#647083;margin-bottom:.55rem;font-size:.8rem;font-weight:700}.accentOptions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.accentOption{cursor:pointer;border:1px solid #dbe1e9;border-radius:.75rem;align-items:center;gap:.5rem;padding:.65rem;color:#3b4557!important;display:flex!important}.accentOption:has(input:checked){border-color:#6d3df5;box-shadow:0 0 0 2px #6d3df524}.accentOption input{opacity:0;pointer-events:none;position:absolute}.accentOption:focus-within{outline-offset:2px;outline:2px solid #6d3df5}.accentSwatch{background:var(--category-accent);border-radius:50%;width:1rem;height:1rem}.accent-violet{--category-accent:#7548e8}.accent-indigo{--category-accent:#4f55d9}.accent-blue{--category-accent:#2674dc}.accent-cyan{--category-accent:#168ba3}.accent-magenta{--category-accent:#c13a93}.accent-lavender{--category-accent:#9675df}.featuredToggle{justify-content:space-between;padding:.85rem 0;font-weight:700;color:#313b4d!important;align-items:center!important;display:flex!important}.featuredToggle input{opacity:0;position:absolute}.featuredToggle i{background:#bcc6d3;border-radius:999px;width:2.8rem;height:1.55rem;transition:background .2s;position:relative}.featuredToggle i:after{content:"";background:#fff;border-radius:50%;width:1.15rem;height:1.15rem;transition:transform .2s;position:absolute;top:.2rem;left:.2rem;box-shadow:0 1px 4px #0003}.featuredToggle input:checked+i{background:#6d3df5}.featuredToggle input:checked+i:after{transform:translate(1.25rem)}.featuredToggle input:focus-visible+i{outline-offset:2px;outline:2px solid #6d3df5}.positionField{gap:.35rem;display:grid}.positionField small{color:#647083}.editorActions{background:#fafbfc;border-top:1px solid #e0e5ec;padding-top:.85rem;position:sticky;bottom:0}.adminSaveButton{align-items:center;gap:.5rem;background:#6d3df5!important;display:inline-flex!important}.adminSaveButton:disabled{cursor:wait;opacity:.7}.adminSpinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:.85rem;height:.85rem;animation:.7s linear infinite adminSpin}.secondaryButton{color:#101827;background:#e3e8ef}.adminSuccess,.adminError{border-radius:.7rem;margin:1.25rem 1.75rem 0;padding:.7rem}.adminSuccess{color:#166534;background:#dcfce7}.adminError{color:#991b1b;background:#fee2e2}@keyframes adminSpin{to{transform:rotate(360deg)}}@media (max-width:980px){.categoryManager{grid-template-columns:19rem minmax(0,1fr)}.imagePresentation{grid-template-columns:10rem minmax(0,1fr)}.categoryPreview{width:10rem}.accentOptions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.adminShell{grid-template-columns:1fr}.adminSidebar{border-bottom:1px solid #d1d8e2;border-right:0;padding:.75rem 1rem}.adminBrand{margin:0 0 .6rem}.adminSidebar nav{display:flex;overflow-x:auto}.adminSidebar nav span{display:none}.adminTopbar{padding:0 1rem}.adminContent main{width:100%;padding:1.25rem}.adminStats{grid-template-columns:repeat(2,minmax(0,1fr))}.categoryManager{grid-template-columns:minmax(0,1fr)}.categoryBrowser{max-height:22rem}.categoryEditor dl,.imagePresentation{grid-template-columns:1fr}.categoryPreview{width:min(13rem,100%);margin:auto}.accentOptions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:390px){.adminContent main{padding:1rem}.categoryEditorHeader,.editorSection{padding:1.15rem}.accentOptions{grid-template-columns:1fr}.adminTopbar span{text-overflow:ellipsis;max-width:9rem;overflow:hidden}.categoryRow{min-width:0}.imagePresentation{padding:.75rem}}@media (prefers-reduced-motion:reduce){.categoryRow,.featuredToggle i,.featuredToggle i:after{transition:none}.adminSpinner{animation:none}}.adminHeaderControls{align-items:center;gap:.5rem;display:flex}.adminControl{position:relative}.adminControl>button{color:#101827;background:#fafbfc;border:1px solid #d1d8e2;border-radius:999px;place-items:center;width:2.6rem;height:2.6rem;padding:0;display:grid}.adminControl>button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:1.15rem;height:1.15rem}.adminFlag{border-radius:2px;width:1.4rem!important;height:auto!important}.adminControlMenu{z-index:20;background:#fafbfc;border:1px solid #d1d8e2;border-radius:.85rem;gap:.2rem;min-width:12rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 12px 30px #0f172a24}.adminControlMenu button{color:#101827;text-align:left;background:0 0;justify-content:flex-start;align-items:center;gap:.6rem;width:100%;display:flex}.adminControlMenu p{color:#647083;text-overflow:ellipsis;max-width:15rem;margin:.4rem .6rem;overflow:hidden}.adminControlMenu form{margin:0}:root[data-theme=dark] .adminSidebar,:root[data-theme=dark] .adminTopbar,:root[data-theme=dark] .categoryBrowser,:root[data-theme=dark] .categoryEditor,:root[data-theme=dark] .categorySearch,:root[data-theme=dark] .adminStats section{background:#0f172ae6;border-color:#263248}:root[data-theme=dark] .adminSidebar nav a:hover,:root[data-theme=dark] .categoryRow:hover,:root[data-theme=dark] .categoryEditor dl div,:root[data-theme=dark] .categoryPreview,:root[data-theme=dark] .secondaryButton{color:#f8fafc;background:#182235}:root[data-theme=dark] .categoryRow.isSelected{color:#f4f0ff;background:#2a2350;box-shadow:inset 3px 0 #9b7cff}:root[data-theme=dark] .categoryBrowser input,:root[data-theme=dark] .categoryEditor input,:root[data-theme=dark] .adminControl>button,:root[data-theme=dark] .adminControlMenu{color:#f8fafc;background:#111827;border-color:#334155}:root[data-theme=dark] .adminControlMenu button{color:#f8fafc}:root[data-theme=dark] .adminControlMenu button:hover{background:#182235}@media (max-width:980px){.categoryManager{grid-template-columns:19rem minmax(0,1fr)}}@media (max-width:760px){.categoryManager{grid-template-columns:minmax(0,1fr)}.adminTopbar{min-height:4rem}.adminHeaderControls{gap:.3rem}}:root{--admin-bg:#e9edf3;--admin-surface:#fafbfc;--admin-surface-elevated:#fff;--admin-surface-subtle:#f1f3f7;--admin-border:#d1d8e2;--admin-text:#101827;--admin-text-muted:#647083;--admin-control:#fff}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--admin-bg:#080d19;--admin-surface:#0f172a;--admin-surface-elevated:#111b2d;--admin-surface-subtle:#182235;--admin-border:#334155;--admin-text:#f8fafc;--admin-text-muted:#aab6c8;--admin-control:#111827}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--admin-bg);color:var(--admin-text)}.adminShell,.adminWorkspace,.adminContent,.adminContent main,.categoryManager,.categoryBrowser,.categoryEditor,.imagePresentation,.imageControls,.imageUploadForm,.presentationForm,.accentOptions{min-width:0}.adminShell,.adminContent{width:100%}.adminContent main{margin-inline:auto}.categoryManager{grid-template-columns:clamp(21.25rem,23%,26.25rem) minmax(0,1fr)}.categoryBrowser,.categoryEditor,.adminStats section{background:var(--admin-surface);border-color:var(--admin-border)}.categorySearch,.adminTopbar{background:color-mix(in srgb,var(--admin-surface) 88%,transparent);border-color:var(--admin-border)}.categoryBrowser input,.categoryEditor input{background:var(--admin-control);border-color:var(--admin-border);max-width:100%;color:var(--admin-text)}.categoryEditorHeader,.editorSection+.editorSection{border-color:var(--admin-border)}.categoryEditorHeader span,.categoryEditor dl div,.categoryPreview,.imagePresentation{background:var(--admin-surface-subtle);border-color:var(--admin-border)}.adminDropzone{background:var(--admin-surface-elevated);border-color:var(--admin-border)}.adminDropzone strong,.featuredToggle{color:var(--admin-text)!important}.adminDropzone span,.editorForm legend,.positionField>span,.positionField small,.categoryEditor dt{color:var(--admin-text-muted)}.accentOption{border-color:var(--admin-border);min-width:0;color:var(--admin-text)!important}.editorActions{background:var(--admin-surface);border-color:var(--admin-border)}.adminControl>button,.adminControlMenu{background:var(--admin-surface-elevated);border-color:var(--admin-border);color:var(--admin-text)}.adminControlMenu button{color:var(--admin-text)}.adminControlMenu button:hover{background:var(--admin-surface-subtle)}.categoryEditor input.adminAccentRadio,.categoryEditor input.adminToggleInput{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;min-width:1px;height:1px;min-height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.categoryManager{grid-template-columns:19rem minmax(0,1fr)}}@media (max-width:760px){.categoryManager{grid-template-columns:minmax(0,1fr)}}