Michael Schiemer
77abc65cd7
Some checks failed
Deploy Application / deploy (push) Has been cancelled
2 lines
170 KiB
CSS
2 lines
170 KiB
CSS
@layer reset,base,layout,components,utilities,overrides;@layer settings.unified-settings{:root{--color-primary: oklch(70% .2 295);--color-primary-hover: oklch(65% .22 295);--color-primary-active: oklch(60% .25 295);--color-success: oklch(60% .22 145);--color-warning: oklch(70% .22 85);--color-error: oklch(60% .25 25);--color-info: oklch(65% .2 240);--color-bg: oklch(18% .01 270);--color-bg-alt: oklch(26% .015 270);--color-text: oklch(95% .005 270);--color-text-muted: oklch(70% .01 270);--color-border: oklch(40% .02 270);--color-border-light: oklch(50% .02 270);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / .05);--shadow-md: 0 4px 6px -1px oklch(0% 0 0 / .1), 0 2px 4px -1px oklch(0% 0 0 / .06);--shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / .1), 0 4px 6px -2px oklch(0% 0 0 / .05);--shadow-xl: 0 20px 25px -5px oklch(0% 0 0 / .1), 0 10px 10px -5px oklch(0% 0 0 / .04);--z-base: 1;--z-header: 90;--z-sidebar: 100;--z-overlay: 120;--z-modal: 130;--z-tooltip: 140;--z-toast: 150;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--bg-primary: oklch(98% .01 280);--bg-secondary: oklch(95% .01 280);--bg-tertiary: oklch(92% .01 280);--sidebar-bg: oklch(25% .02 280);--sidebar-text: oklch(90% .01 280);--sidebar-text-hover: oklch(100% 0 0);--sidebar-active: oklch(45% .15 280);--sidebar-border: oklch(30% .02 280);--header-bg: oklch(100% 0 0);--header-border: oklch(85% .01 280);--header-text: oklch(20% .02 280);--content-bg: oklch(100% 0 0);--content-text: oklch(20% .02 280);--link-color: oklch(55% .2 260);--link-hover: oklch(45% .25 260);--link-active: oklch(35% .3 260);--accent-primary: oklch(60% .2 280);--accent-success: oklch(65% .2 145);--accent-warning: oklch(70% .2 85);--accent-error: oklch(60% .25 25);--accent-info: oklch(65% .2 240);--border-light: oklch(90% .01 280);--border-medium: oklch(80% .02 280);--border-dark: oklch(70% .02 280);--focus-ring: oklch(55% .2 260);--hover-overlay: oklch(0% 0 0 / .05);--spacing-sidebar: 250px;--spacing-sidebar-wide: 280px;--spacing-header: 4rem;--spacing-content-padding: 2rem;--spacing-content-max-width: 1400px;--icon-size-sm: 16px;--icon-size-md: 18px;--icon-size-lg: 24px;--z-dropdown: 110;--container-mobile: 100px;--container-tablet: 720px;--container-desktop: 960px;--container-wide: 1400px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px}@media(prefers-color-scheme:dark){:root{--color-primary: oklch(60% .22 295);--color-primary-hover: oklch(55% .24 295);--color-primary-active: oklch(50% .27 295);--color-success: oklch(65% .24 145);--color-warning: oklch(75% .24 85);--color-error: oklch(65% .27 25);--color-info: oklch(70% .22 240);--color-bg: oklch(20% .02 270);--color-bg-alt: oklch(23% .02 270);--color-text: oklch(90% .01 270);--color-text-muted: oklch(75% .01 270);--color-border: oklch(30% .02 270);--color-border-light: oklch(35% .02 270);--bg-primary: oklch(20% .02 280);--bg-secondary: oklch(23% .02 280);--bg-tertiary: oklch(26% .02 280);--sidebar-bg: oklch(15% .02 280);--sidebar-text: oklch(75% .02 280);--sidebar-text-hover: oklch(95% .01 280);--sidebar-active: oklch(35% .2 280);--sidebar-border: oklch(25% .02 280);--header-bg: oklch(18% .02 280);--header-border: oklch(30% .02 280);--header-text: oklch(90% .01 280);--content-bg: oklch(20% .02 280);--content-text: oklch(90% .01 280);--link-color: oklch(70% .2 260);--link-hover: oklch(80% .22 260);--link-active: oklch(85% .25 260);--accent-primary: oklch(65% .22 280);--accent-success: oklch(70% .22 145);--accent-warning: oklch(75% .22 85);--accent-error: oklch(65% .27 25);--accent-info: oklch(70% .22 240);--border-light: oklch(30% .02 280);--border-medium: oklch(35% .02 280);--border-dark: oklch(40% .02 280);--focus-ring: oklch(70% .2 260);--hover-overlay: oklch(100% 0 0 / .05)}}}@layer settings{:root{--h-primary: 295;--h-bg: 270;--h-success: 145;--h-warning: 65;--h-error: 25;--h-info: 240;--l-subtle: 25%;--l-hover: 50%;--l-border: 70%;--l-text: 85%;--c-vivid: .18;--c-moderate: .12;--c-subtle: .06;--c-muted: .03;--bg: oklch(18% .01 270);--bg-alt: oklch(26% .015 270);--text: oklch(95% .005 270);--muted: oklch(70% .01 270);--accent: oklch(70% .2 295);--accent-p3: color(display-p3 1 .3 .8);--border: oklch(40% .02 var(--h-bg));--glow: oklch(115% .22 295);--success-base: oklch(60% var(--c-vivid) var(--h-success));--success: var(--success-base);--success-subtle: oklch(var(--l-subtle) var(--c-muted) var(--h-success));--success-hover: oklch(var(--l-hover) var(--c-vivid) var(--h-success));--success-border: oklch(var(--l-border) var(--c-moderate) var(--h-success));--success-text: oklch(var(--l-text) var(--c-subtle) var(--h-success));--error-base: oklch(55% .18 25);--warning-base: oklch(70% .12 65);--info-base: oklch(60% .15 240);--error: var(--error-base);--error-subtle: oklch(var(--l-subtle) .036 25);--error-hover: oklch(var(--l-hover) .18 25);--error-border: oklch(var(--l-border) .14 25);--error-text: oklch(var(--l-text) .12 25);--warning: var(--warning-base);--warning-subtle: oklch(25% .024 65);--warning-border: oklch(80% .096 65);color-scheme:dark;background-color:var(--bg);color:var(--text)}@media(dynamic-range:high){:root{--accent: var(--accent-p3)}}}@layer settings{*{--color-primary: #412785;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--radius-md: .5rem;--radius-lg: 1rem}}@layer settings{@layer admin-settings{:root{--admin-breakpoint-tablet: 768px;--admin-breakpoint-desktop: 1024px;--admin-breakpoint-wide: 1440px;--admin-container-mobile: 100%;--admin-container-tablet: 720px;--admin-container-desktop: 960px;--admin-container-wide: 1400px;--sidebar-width-mobile: 100%;--sidebar-width-tablet: 250px;--sidebar-width-desktop: 250px;--sidebar-width-wide: 280px;--header-height-mobile: 2.5rem;--header-height-tablet: 3rem;--header-height-desktop: 3rem;--header-height-wide: 3.5rem}}@custom-media --admin-tablet (min-width: 768px);@custom-media --admin-desktop (min-width: 1024px);@custom-media --admin-wide (min-width: 1440px);@custom-media --admin-mobile-only (max-width: 767px);@custom-media --admin-tablet-only (min-width: 768px) and (max-width: 1023px);@custom-media --admin-desktop-only (min-width: 1024px) and (max-width: 1439px);@custom-media --admin-landscape (orientation: landscape);@custom-media --admin-portrait (orientation: portrait);@custom-media --admin-touch (hover: none) and (pointer: coarse);@custom-media --admin-reduced-motion (prefers-reduced-motion: reduce);@custom-media --admin-high-contrast (prefers-contrast: more);}@layer tools.admin-tools{.admin-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.admin-focus-ring{outline:2px solid var(--focus-ring);outline-offset:2px}.admin-smooth-scroll{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.admin-smooth-scroll{scroll-behavior:auto}}.admin-clearfix:after{content:"";display:table;clear:both}.admin-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-line-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.admin-backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080}@supports not (backdrop-filter: blur(8px)){.admin-backdrop-blur{background-color:#000000bf}}}@layer reset{*,*:before,*:after{box-sizing:border-box}:where(html,body,h1,h2,h3,h4,h5,h6,p,blockquote,figure,dl,dd,ul,ol){margin:0;padding:0}:where(table){border-collapse:collapse;border-spacing:0}:where(article,aside,footer,header,nav,section,main){display:block}[popover]{inset:auto}:where([id]){scroll-margin-block-start:2rem}svg{fill:currentColor;stroke:none}}@layer base{:focus-visible{--outline-size: max(2px, .1em);outline:var(--outline-width, var(--outline-size)) var(--outline-style, solid) var(--outline-color, currentColor);outline-offset:var(--outline-offset, var(--outline-size));border-radius:.25em}:where(:not(:active):focus-visible){outline-offset:5px}@media(prefers-reduced-motion:no-preference){:where(:focus-visible){transition:outline-offset .2s ease}:where(:not(:active):focus-visible){transition-duration:.25s}}:focus{scroll-padding-block-end:8vh}}@layer base{:root{--container-width: min(90vw, 2000px);--content-padding: clamp(1rem, 4vw, 3rem);--header-height: 80px}html{background-color:var(--bg)}body{color:var(--text);min-height:100vh;display:flex;flex-direction:column;--outline-color: var(--accent)}body>header{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid var(--accent);position:sticky;top:0;z-index:100;height:var(--header-height);display:flex;align-items:center}body>header>div{width:var(--container-width);margin:0 auto;padding:0 var(--content-padding);display:flex;justify-content:space-between;align-items:center}body>main{flex:1;padding-top:2rem}body>footer{margin-top:auto}main>section{width:var(--container-width);margin:0 auto;padding:4rem var(--content-padding)}section>.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:0 auto}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:no-preference){:has(:target){scroll-behavior:smooth}}a{--selection-text-decoration: underline;--link-color: var(--accent);--_color: var(--link-color, rgba(255, 255, 255, .5));--_underline-color: var(--underline-color, currentColor);--_thickness: 2px;--_offset: .05em;--_hover-color: oklch(from var(--link-color) 80% c h);color:var(--_color);text-decoration-line:var(--selection-text-decoration);text-decoration-color:var(--_underline-color);text-decoration-thickness:var(--_thickness);text-underline-offset:var(--_offset);padding:max(.25rem,.1em) 0;display:inline-block}@media(prefers-reduced-motion:no-preference){a{transition:color .15s ease-in-out,text-decoration .15s,transform .1s ease-in-out}}@media(prefers-reduced-motion:reduce){a{transition:none}}@media(forced-colors:active){a{forced-color-adjust:none;color:LinkText;text-decoration-color:LinkText}}a:hover,a:focus-visible{--_color: var(--_hover-color);--_underline-color: rgba(255, 255, 255, .5)}a:active{--_color: oklch(from var(--link-color) 75% c h)}p>a{text-decoration:underline;border:none}}@layer base{:where(img,video){max-width:100%;height:auto;display:block}}@layer base{html{font-size:100%;font-family:Roboto,sans-serif;-webkit-text-size-adjust:100%}body{line-height:1.5;font-size:clamp(1.125rem,4cqi,1.5rem)}section{container-type:inline-size}:is(h1,h2,h3,h4,h5,h6,p,button){text-box:trim-both cap alphabetic}p,li,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;padding-block:0;-webkit-hyphens:auto;hyphens:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance}h1{font-size:clamp(2rem,6cqi,6rem);font-weight:700;line-height:1.125;max-inline-size:25ch;text-transform:uppercase}h2{text-transform:uppercase;font-size:3.5rem;font-weight:700;line-height:1.65;max-inline-size:30ch}h3{font-size:2rem;--selection-bg-color: rgba(0, 0, 255, .3);--selection-text-color: #d8cc48}h4{font-size:clamp(3rem,4vw + .5rem,4rem);font-weight:700;max-inline-size:25ch}h5{font-size:1.75rem}h6{font-size:clamp(2rem,3vw + .5rem,3rem)}p{text-wrap:pretty;line-height:1.2;font-weight:500;letter-spacing:-.03em;max-inline-size:65ch}blockquote{text-transform:uppercase}blockquote:before{content:"“"}blockquote:after{content:"”"}}@layer reset.reset{.admin-layout *,.admin-layout *:before,.admin-layout *:after{box-sizing:border-box}.admin-layout h1,.admin-layout h2,.admin-layout h3,.admin-layout h4,.admin-layout h5,.admin-layout h6,.admin-layout p,.admin-layout ul,.admin-layout ol,.admin-layout figure{margin:0}.admin-layout ul,.admin-layout ol{padding:0;list-style:none}.admin-layout a{color:var(--link-color);text-decoration:none;transition:color var(--transition-fast)}.admin-layout a:hover{color:var(--link-hover)}.admin-layout a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.admin-layout button{font-family:inherit;font-size:inherit;line-height:inherit;background:none;border:none;padding:0;cursor:pointer}.admin-layout img{max-width:100%;height:auto;display:block}@media(--admin-reduced-motion){.admin-layout *,.admin-layout *:before,.admin-layout *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer base.base{.admin-layout{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--content-text);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.admin-layout h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}.admin-layout h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.admin-layout h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.admin-layout h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}.admin-layout p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.admin-layout small{font-size:var(--font-size-sm);color:oklch(from var(--content-text) calc(l*.7) c h)}.admin-layout code{font-family:var(--font-family-mono);font-size:.875em;background-color:var(--bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius-sm)}.admin-layout pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}.admin-layout pre code{background:none;padding:0}.admin-layout ul:not([role=list]){list-style:disc;padding-left:var(--spacing-lg)}.admin-layout ol:not([role=list]){list-style:decimal;padding-left:var(--spacing-lg)}.admin-layout table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}.admin-layout th{text-align:left;font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-bottom:2px solid var(--border-medium)}.admin-layout td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-light)}.admin-layout tr:hover{background-color:var(--hover-overlay)}.admin-layout input[type=text],.admin-layout input[type=email],.admin-layout input[type=password],.admin-layout input[type=search],.admin-layout input[type=url],.admin-layout input[type=tel],.admin-layout input[type=number],.admin-layout textarea,.admin-layout select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--content-text);background-color:var(--content-bg);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-layout input:focus,.admin-layout textarea:focus,.admin-layout select:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 3px oklch(from var(--focus-ring) l c h / .1)}.admin-layout textarea{min-height:8rem;resize:vertical}.admin-layout hr{border:none;border-top:1px solid var(--border-light);margin:var(--spacing-xl) 0}}@layer layout{.page-container{padding-inline:0;max-width:100%;margin-inline:auto;width:100%}.page-content *{padding-inline:10rem}}@layer layout.layout{.admin-layout{display:grid;min-height:100vh;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"header" "sidebar" "content"}@media(min-width:768px){.admin-layout{grid-template-columns:var(--sidebar-width, var(--spacing-sidebar)) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar header" "sidebar content"}}@media(min-width:1440px){.admin-layout{grid-template-columns:var(--sidebar-width, var(--spacing-sidebar-wide)) 1fr}}.admin-sidebar{grid-area:sidebar}.admin-header{grid-area:header}.admin-content{grid-area:content}.admin-mobile-overlay{display:none}@media(max-width:767px){.admin-mobile-overlay[data-mobile-menu-open=true]{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:calc(var(--z-sidebar) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.admin-skip-link{position:absolute;top:-999px;left:-999px;z-index:var(--z-toast);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--accent-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md)}.admin-skip-link:focus{top:var(--spacing-sm);left:var(--spacing-sm)}.admin-container{width:100%;max-width:var(--container-mobile);margin:0 auto;padding:0 var(--spacing-md)}@media(min-width:768px){.admin-container{max-width:var(--container-tablet)}}@media(min-width:1024px){.admin-container{max-width:var(--container-desktop)}}@media(min-width:1440px){.admin-container{max-width:var(--container-wide)}}.admin-container--narrow{max-width:960px}.admin-container--wide{max-width:100%}}@layer layout.layout{.admin-grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media(min-width:768px){.admin-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(min-width:768px){.admin-grid--2-col{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.admin-grid--3-col{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.admin-grid--3-col{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.admin-grid--4-col{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.admin-grid--4-col{grid-template-columns:repeat(4,1fr)}}.admin-grid--gap-sm{gap:var(--spacing-sm)}.admin-grid--gap-lg{gap:var(--spacing-lg)}.admin-grid--gap-xl{gap:var(--spacing-xl)}@media(min-width:1024px){.admin-grid--sidebar{grid-template-columns:300px 1fr;gap:var(--spacing-xl)}}@media(min-width:1024px){.admin-grid--sidebar-right{grid-template-columns:1fr 300px;gap:var(--spacing-xl)}}.admin-stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-stack--sm{gap:var(--spacing-sm)}.admin-stack--lg{gap:var(--spacing-lg)}.admin-stack--xl{gap:var(--spacing-xl)}.admin-cluster{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.admin-cluster--sm{gap:var(--spacing-sm)}.admin-cluster--lg{gap:var(--spacing-lg)}.admin-cluster--justify-between{justify-content:space-between}.admin-cluster--justify-end{justify-content:flex-end}}@layer components{header{display:flex;justify-content:space-between;align-items:center;padding:3rem;padding-inline:clamp(1.5rem,4vw + 1rem,3rem);-webkit-user-select:none;user-select:none;width:100%;z-index:4000}header a{text-decoration:none;color:var(--text, #eee);font-size:2rem;font-weight:700;font-family:Roboto,sans-serif;transition:all .2s ease-in}header a:hover{color:var(--accent, #fff);text-shadow:2px 2px 4px rgba(0,0,0,.3)}header button{background-color:transparent;border:none;cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:2rem;font-weight:700;z-index:9999}header button:hover{color:var(--accent, #fff);text-shadow:2px 2px 4px rgba(0,0,0,.3)}main>.header{position:fixed;width:100%;z-index:4000}main>.header{display:flex;justify-content:space-between;align-items:center;padding:3rem;padding-inline:clamp(1.5rem,4vw + 1rem,3rem);-webkit-user-select:none;user-select:none}main>.header a{text-decoration:none;color:#eee;font-size:2rem;font-weight:700;font-family:Roboto,sans-serif;transition:all .2s ease-in}main>.header a:hover{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}main>.header button{background-color:transparent;border:none;cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:2rem;font-weight:700;z-index:9999}main>.header button:hover{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}}@layer components{footer{text-align:center;padding-block:1.5rem}footer a{--link-color: var(--muted);font-size:1.25rem;font-weight:400;font-family:Roboto,sans-serif}footer>p{display:block;margin-inline:auto;letter-spacing:-.01em;font-size:1rem;color:var(--muted)}.footer-nav{display:flex;justify-content:center;gap:2rem;list-style:none;padding:0;margin:.5rem 0 0}@media(max-width:500px){.footer-nav{flex-direction:column;gap:.5rem}}}@layer components;@layer components{nav[aria-label=Hauptnavigation]{display:flex;align-items:center}nav[aria-label=Hauptnavigation] menu{display:flex;gap:var(--space-md, 1rem);list-style:none;margin:0;padding:0;align-items:center}nav[aria-label=Hauptnavigation] menu li{margin:0}nav[aria-label=Hauptnavigation] menu li a{color:var(--text, currentColor);text-decoration:none;font-weight:500;padding:var(--space-sm, .5rem) var(--space-md, 1rem);border-radius:var(--radius-md, .375rem);transition:all var(--duration-default, .2s) var(--easing-default, ease);display:block}nav[aria-label=Hauptnavigation] menu li a:hover{background:oklch(from var(--bg-alt, #f5f5f5) calc(l + .05) c h);text-decoration:none}nav[aria-label=Hauptnavigation] menu li a[aria-current=page]{background:var(--accent, #007bff);color:var(--bg, #ffffff);font-weight:600}nav[aria-label="Footer Navigation"]{margin-bottom:var(--space-md, 1rem)}nav[aria-label="Footer Navigation"] menu.footer-nav{display:flex;gap:var(--space-md, 1rem);list-style:none;margin:0;padding:0;flex-wrap:wrap}nav[aria-label="Footer Navigation"] menu.footer-nav li{margin:0}nav[aria-label="Footer Navigation"] menu.footer-nav li a{color:var(--muted, #6b7280);text-decoration:none;font-size:.875rem;padding:var(--space-xs, .25rem) 0;transition:color var(--duration-default, .2s) var(--easing-default, ease)}nav[aria-label="Footer Navigation"] menu.footer-nav li a:hover{color:var(--text, currentColor);text-decoration:underline}nav[aria-label="Footer Navigation"] menu.footer-nav li a[aria-current=page]{color:var(--text, currentColor);font-weight:600;text-decoration:none}@media(max-width:768px){nav[aria-label=Hauptnavigation] menu{flex-direction:column;gap:var(--space-sm, .5rem);align-items:flex-start}nav[aria-label="Footer Navigation"] menu.footer-nav{flex-direction:column;gap:var(--space-sm, .5rem);align-items:flex-start}}}@layer components{:where(button,input):where(:not(:active)):focus-visible{outline-offset:5px}:where(button,input[type=button],input[type=submit],input[type=reset],input[type=file]),:where(input[type=file])::file-selector-button{--_color: var(--color, var(--accent));background-color:var(--_color);color:#000;border:2px solid var(--_color);font:inherit;letter-spacing:inherit;line-height:1.5;border-radius:1rem;padding:.5em;font-weight:700;object-fit:contain;cursor:pointer;transition:all .2s ease-out;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(button,input[type=button],input[type=submit],input[type=reset],input[type=file]):is(:hover,:focus-visible){--_hoverColor: oklch(from var(--color, var(--accent)) 40% c h);--_color: var(--hoverColor, var(--_hoverColor))}:where(button,input[type=button],input[type=submit],input[type=reset],input[type=file]).secondary{--color: lightgreen}:where(button,input[type=button],input[type=submit],input[type=reset],input[type=file]).outline{background:transparent;color:var(--_color)}:where([type=reset]){color:red}:where([type=reset]:focus-visible){outline-color:currentColor}:where(button,input[type=button],input[type=submit],input[type=reset])[disabled]{cursor:not-allowed}:where(input[type=file]){inline-size:100%;max-inline-size:max-content}:where(input[type=button]),:where(input[type=file])::file-selector-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}}@layer components{.card{--_bg: var(--card-bg, var(--bg-alt));--_border: var(--card-border, var(--border));--_accent: var(--card-accent, var(--accent));background-color:var(--_bg);border:1px solid var(--_border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .2s ease;container-type:inline-size}.card:hover{transform:translateY(-2px);border-color:var(--_accent)}.card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.card>main{flex:1;margin-bottom:var(--space-md)}.card>footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-sm);border-top:1px solid var(--_border)}.card h1,.card h2,.card h3{margin:0;color:var(--_accent)}.card h3{font-size:1.25rem;font-weight:600}.card p{margin:0 0 var(--space-sm) 0;color:var(--text)}.card small{color:oklch(70% .01 var(--h-bg))}.card footer>div{display:flex;gap:var(--space-sm)}.card button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--_accent);background:transparent;color:var(--_accent);cursor:pointer;transition:all .2s ease}.card button:first-child,.card button:hover{background-color:var(--_accent);color:var(--bg)}.card--success{--card-bg: var(--success-subtle);--card-border: var(--success-border);--card-accent: var(--success)}.card--error{--card-bg: var(--error-subtle);--card-border: var(--error-border);--card-accent: var(--error)}.card--compact{padding:var(--space-md)}.card--compact>*{margin-bottom:var(--space-sm)}.card--spacious{padding:calc(var(--space-lg) * 1.5)}.card--horizontal{display:flex;align-items:center}.card--horizontal>header,.card--horizontal>main{margin-bottom:0;margin-right:var(--space-lg)}.card--media img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-md)}@container (max-width: 300px){.card>header{flex-direction:column;align-items:flex-start}.card>footer{flex-direction:column;gap:var(--space-sm);align-items:flex-start}}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.demo-grid--wide{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}h1{background:linear-gradient(45deg,var(--accent),var(--success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section{margin:3rem 0}.section h2{color:var(--accent);margin-bottom:var(--space-lg)}.card [role=status]{padding:.25rem .5rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;background-color:var(--_accent);color:var(--bg)}}@layer components{.lightbox-enabled{cursor:zoom-in;transition:opacity .2s ease}.lightbox-enabled:hover{opacity:.9}.lightbox{background-color:#000000e6;padding:2rem;border:none;border-radius:0;max-width:95vw;max-height:95vh;width:auto;height:auto}.lightbox::backdrop{background-color:#000c}.lightbox-content{display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%}.lightbox-image{max-width:100%;max-height:calc(90vh - 4rem);width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 4px 20px #0000004d}.lightbox-caption{color:#fff;text-align:center;margin-top:1rem;font-size:.9rem;line-height:1.4;max-width:600px}.lightbox picture{display:flex;justify-content:center;align-items:center;max-width:100%;max-height:calc(90vh - 4rem)}.lightbox picture img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox .dialog-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:background-color .2s ease}.lightbox .dialog-close:hover{background:#fff3}.lightbox-image[src=""]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;min-width:200px;min-height:150px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.lightbox{padding:1rem;max-width:98vw;max-height:98vh}.lightbox-image{max-height:calc(95vh - 2rem)}.lightbox picture{max-height:calc(95vh - 2rem)}.lightbox-caption{font-size:.8rem;margin-top:.5rem}.lightbox .dialog-close{top:.5rem;right:.5rem;width:32px;height:32px;font-size:1rem}}.lightbox:focus{outline:none}.lightbox-image:focus{outline:2px solid white;outline-offset:2px}.lightbox{animation:lightboxFadeIn .3s ease-out}@keyframes lightboxFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.lightbox-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}}@layer components{#csrf-status-message{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:6px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:10000;max-width:320px;box-shadow:0 4px 12px #0000001a;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translate(0);opacity:1;line-height:1.4;word-wrap:break-word}#csrf-status-message.csrf-status-info{background:#e3f2fd;color:#1976d2;border-left:4px solid #2196f3}#csrf-status-message.csrf-status-success{background:#e8f5e8;color:#2e7d32;border-left:4px solid #4caf50}#csrf-status-message.csrf-status-warning{background:#fff3e0;color:#f57c00;border-left:4px solid #ff9800}#csrf-status-message.csrf-status-error{background:#ffebee;color:#d32f2f;border-left:4px solid #f44336}#csrf-status-message.csrf-entering,#csrf-status-message.csrf-leaving{opacity:0;transform:translate(100%)}@media(max-width:768px){#csrf-status-message{left:20px;right:20px;max-width:none;font-size:13px;padding:10px 14px}}@media(max-width:480px){#csrf-status-message{top:10px;left:10px;right:10px;font-size:12px;padding:8px 12px}}@media(prefers-color-scheme:dark){#csrf-status-message.csrf-status-info{background:#1e3a8a;color:#bfdbfe;border-left-color:#3b82f6}#csrf-status-message.csrf-status-success{background:#166534;color:#bbf7d0;border-left-color:#22c55e}#csrf-status-message.csrf-status-warning{background:#92400e;color:#fde68a;border-left-color:#f59e0b}#csrf-status-message.csrf-status-error{background:#991b1b;color:#fecaca;border-left-color:#ef4444}#csrf-status-message{box-shadow:0 4px 12px #0000004d}}@media(prefers-contrast:high){#csrf-status-message{border:2px solid currentColor;font-weight:600}#csrf-status-message.csrf-status-info{background:#000;color:#00f;border-color:#00f}#csrf-status-message.csrf-status-success{background:#000;color:#0f0;border-color:#0f0}#csrf-status-message.csrf-status-warning{background:#000;color:#ff0;border-color:#ff0}#csrf-status-message.csrf-status-error{background:#000;color:red;border-color:red}}@media(prefers-reduced-motion:reduce){#csrf-status-message{transition:opacity .1s ease;transform:none}#csrf-status-message.csrf-entering,#csrf-status-message.csrf-leaving{transform:none}}}@layer components{#form-autosave-status{position:fixed;bottom:20px;right:20px;padding:8px 12px;border-radius:4px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:9999;max-width:250px;box-shadow:0 2px 8px #0000001a;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(0);opacity:1;line-height:1.4;word-wrap:break-word;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#form-autosave-status.autosave-status-info{background:#e3f2fdf2;color:#1565c0;border:1px solid #bbdefb}#form-autosave-status.autosave-status-success{background:#e8f5e8f2;color:#2e7d32;border:1px solid #c8e6c9}#form-autosave-status.autosave-status-error{background:#ffebeef2;color:#c62828;border:1px solid #ffcdd2}#form-autosave-status.autosave-entering,#form-autosave-status.autosave-leaving{opacity:0;transform:translateY(100%)}@media(max-width:768px){#form-autosave-status{left:20px;right:20px;max-width:none;font-size:11px;padding:6px 10px;bottom:20px}}@media(max-width:480px){#form-autosave-status{bottom:10px;left:10px;right:10px;font-size:11px;padding:6px 10px}}@media(prefers-color-scheme:dark){#form-autosave-status.autosave-status-info{background:#1e3a8af2;color:#bfdbfe;border-color:#3b82f6}#form-autosave-status.autosave-status-success{background:#166534f2;color:#bbf7d0;border-color:#22c55e}#form-autosave-status.autosave-status-error{background:#991b1bf2;color:#fecaca;border-color:#ef4444}#form-autosave-status{box-shadow:0 2px 8px #0000004d}}@media(prefers-contrast:high){#form-autosave-status{border-width:2px;font-weight:600;backdrop-filter:none;-webkit-backdrop-filter:none}#form-autosave-status.autosave-status-info{background:#000;color:#00f;border-color:#00f}#form-autosave-status.autosave-status-success{background:#000;color:#0f0;border-color:#0f0}#form-autosave-status.autosave-status-error{background:#000;color:red;border-color:red}}@media(prefers-reduced-motion:reduce){#form-autosave-status{transition:opacity .1s ease;transform:none}#form-autosave-status.autosave-entering,#form-autosave-status.autosave-leaving{transform:none}}@media print{#form-autosave-status{display:none}}body:has(#csrf-status-message) #form-autosave-status{bottom:80px}@keyframes autosave-pulse{0%,to{opacity:1}50%{opacity:.7}}#form-autosave-status.autosave-saving{animation:autosave-pulse 1.5s ease-in-out infinite}#form-autosave-status:focus-visible{outline:2px solid currentColor;outline-offset:2px}}@layer components{.image-upload-area{position:relative;border:2px dashed var(--color-border-subtle);border-radius:var(--border-radius-lg);background:var(--color-surface-subtle);transition:all .2s ease;min-height:200px}.image-upload-area:hover,.image-upload-area:focus-within{border-color:var(--color-primary);background:var(--color-surface-elevated)}.image-upload-area--drag-over{border-color:var(--color-success);background:var(--color-success-subtle);transform:scale(1.02)}.upload-area__content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;gap:var(--space-md)}.upload-area__icon{color:var(--color-text-subtle);opacity:.6}.upload-area__text h3{margin:0 0 var(--space-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.upload-area__text p{margin:0;color:var(--color-text-subtle);font-size:var(--font-size-sm)}.upload-area__button{background:var(--color-primary);color:var(--color-primary-contrast);border:none;border-radius:var(--border-radius-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.upload-area__button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.upload-area__preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--color-border-subtle)}.preview-item{position:relative;aspect-ratio:1;border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-surface-elevated)}.preview-item__image{width:100%;height:100%;object-fit:cover}.preview-item__info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--space-xs);color:#fff;font-size:var(--font-size-xs)}.preview-item__name{font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-item__size{opacity:.8;font-size:var(--font-size-xs)}.upload-area__progress{position:absolute;bottom:0;left:0;right:0;background:var(--color-surface-elevated);border-top:1px solid var(--color-border-subtle);padding:var(--space-md);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.progress-bar{background:var(--color-background-muted);border-radius:var(--border-radius-full);height:8px;overflow:hidden;margin-bottom:var(--space-xs)}.progress-bar__fill{background:var(--color-primary);height:100%;border-radius:var(--border-radius-full);transition:width .3s ease;width:0%}.progress-text{font-size:var(--font-size-sm);color:var(--color-text-subtle);text-align:center}.image-gallery{display:flex;flex-direction:column;gap:var(--space-lg)}.gallery__controls{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.gallery__search-wrapper{position:relative;flex:1;min-width:200px}.gallery__search{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background:var(--color-surface)}.gallery__search:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-alpha-20)}.gallery__search-clear{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);background:none;border:none;font-size:var(--font-size-lg);color:var(--color-text-subtle);cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm)}.gallery__search-clear:hover{background:var(--color-surface-subtle);color:var(--color-text-primary)}.gallery__sort-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.gallery__sort{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);background:var(--color-surface);font-size:var(--font-size-base)}.gallery__grid{display:grid;grid-template-columns:repeat(var(--columns, 4),1fr);gap:var(--space-lg);grid-auto-rows:min-content}@media(max-width:1200px){.gallery__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.gallery__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media(max-width:480px){.gallery__grid{grid-template-columns:1fr}}.gallery__item{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-sm);transition:all .2s ease}.gallery__item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.gallery__item--selected{box-shadow:0 0 0 3px var(--color-primary)}.gallery__item-inner{display:flex;flex-direction:column}.gallery__item-image{position:relative;aspect-ratio:4/3;overflow:hidden}.gallery__item-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.gallery__item:hover .gallery__item-image img{transform:scale(1.05)}.gallery__item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.gallery__item:hover .gallery__item-overlay{opacity:1}.gallery__item-actions{display:flex;gap:var(--space-sm)}.action-btn{background:#ffffffe6;border:none;border-radius:var(--border-radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-base)}.action-btn:hover{background:#fff;transform:scale(1.1)}.action-btn.select-btn{background:var(--color-primary);color:#fff}.action-btn.delete-btn:hover{background:var(--color-danger);color:#fff}.gallery__item-info{padding:var(--space-md)}.gallery__item-name{font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery__item-meta{display:flex;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-subtle)}.meta-item{background:var(--color-surface-subtle);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm)}.gallery__pagination{display:flex;justify-content:center;padding:var(--space-lg) 0}.gallery__load-more{background:var(--color-primary);color:var(--color-primary-contrast);border:none;border-radius:var(--border-radius-md);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.gallery__load-more:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.gallery__load-more:disabled{opacity:.6;cursor:not-allowed}.gallery__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-subtle)}.gallery__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl);text-align:center;color:var(--color-text-subtle)}.empty-state__icon{margin-bottom:var(--space-lg);opacity:.5}.gallery__empty h3{margin:0 0 var(--space-sm) 0;color:var(--color-text-primary)}.gallery__empty p{margin:0;font-size:var(--font-size-base)}.gallery__error{margin:var(--space-md) 0}.error-message{background:var(--color-danger-subtle);border:1px solid var(--color-danger);border-radius:var(--border-radius-md);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.error-icon{font-size:var(--font-size-lg)}.error-text{flex:1;color:var(--color-danger-contrast)}.error-close{background:none;border:none;font-size:var(--font-size-lg);color:var(--color-danger-contrast);cursor:pointer;opacity:.7}.error-close:hover{opacity:1}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none}.image-modal--open{display:block}.image-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-modal__container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-surface);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-elevated)}.image-modal__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:var(--space-md)}.image-modal__actions{display:flex;gap:var(--space-sm)}.modal-btn{border:none;border-radius:var(--border-radius-md);padding:var(--space-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.modal-btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.modal-btn--secondary{background:var(--color-surface-subtle);color:var(--color-text-primary)}.modal-btn--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.modal-btn--ghost{background:transparent;color:var(--color-text-subtle)}.modal-btn--small{width:auto;height:auto;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.modal-btn--success{background:var(--color-success)!important;color:var(--color-success-contrast)!important}.modal-btn:hover{opacity:.8;transform:translateY(-1px)}.modal-close{background:transparent;border:none;color:var(--color-text-subtle);cursor:pointer;padding:var(--space-sm)}.image-modal__content{display:flex;flex:1;overflow:hidden}.image-modal__image-container{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-background-muted);position:relative;overflow:hidden}.image-modal__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius-md)}.image-modal__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.image-modal__sidebar{width:400px;background:var(--color-surface-elevated);border-left:1px solid var(--color-border-subtle);overflow-y:auto;display:flex;flex-direction:column}@media(max-width:1024px){.image-modal__content{flex-direction:column}.image-modal__sidebar{width:100%;max-height:40%;border-left:none;border-top:1px solid var(--color-border-subtle)}}.image-modal__metadata,.image-modal__alt-text,.image-modal__variants{padding:var(--space-lg);border-bottom:1px solid var(--color-border-subtle)}.image-modal__metadata h3,.image-modal__alt-text h3,.image-modal__variants h3{margin:0 0 var(--space-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.metadata-grid{display:grid;gap:var(--space-sm)}.metadata-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);align-items:center}.metadata-item label{font-size:var(--font-size-sm);color:var(--color-text-subtle);font-weight:var(--font-weight-medium)}.metadata-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.metadata-value--hash{font-family:var(--font-mono);word-break:break-all;background:var(--color-surface-subtle);padding:var(--space-xs);border-radius:var(--border-radius-sm)}.alt-text-input{width:100%;min-height:80px;padding:var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;background:var(--color-surface)}.alt-text-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-alpha-20)}.alt-text-actions{margin-top:var(--space-sm)}.variants-list{display:flex;flex-direction:column;gap:var(--space-sm)}.variant-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm);background:var(--color-surface-subtle);border-radius:var(--border-radius-md)}.variant-info strong{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.variant-dimensions{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.variant-link{color:var(--color-primary);text-decoration:none;padding:var(--space-xs);border-radius:var(--border-radius-sm);transition:background .2s ease}.variant-link:hover{background:var(--color-primary-alpha-10)}.no-variants{text-align:center;color:var(--color-text-subtle);font-style:italic;margin:0}.image-error{text-align:center;padding:var(--space-xl);color:var(--color-text-subtle)}.image-error__icon{font-size:3rem;margin-bottom:var(--space-md)}.image-error h3{margin:0 0 var(--space-sm) 0;color:var(--color-text-primary)}.image-error p{margin:0 0 var(--space-lg) 0}.notification{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:1100;max-width:400px;background:var(--color-surface-elevated);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);opacity:0;transform:translate(100%);transition:all .3s ease}.notification--visible{opacity:1;transform:translate(0)}.notification--success{border-left:4px solid var(--color-success)}.notification--error{border-left:4px solid var(--color-danger)}.notification--info{border-left:4px solid var(--color-primary)}.notification__content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md)}.notification__message{flex:1;margin-right:var(--space-sm)}.notification__close{background:none;border:none;font-size:var(--font-size-lg);color:var(--color-text-subtle);cursor:pointer;padding:var(--space-xs);border-radius:var(--border-radius-sm)}.notification__close:hover{background:var(--color-surface-subtle)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border-subtle);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.modal-open{overflow:hidden}.image-upload-area:focus{outline:2px solid var(--color-primary);outline-offset:2px}.gallery__item:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.image-modal__container,.notification,.gallery__item,.upload-area__button,.modal-btn,.action-btn{transition:none;animation:none}.loading-spinner{animation:none;border:3px solid var(--color-primary)}}@media print{.image-modal,.notification,.gallery__item-overlay,.upload-area__button{display:none!important}}}@layer components{.form-group{margin-block-end:var(--space-4, 1rem)}.form-label{display:block;margin-block-end:var(--space-2, .5rem);font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary, #1a1a1a)}.form-label--required:after{content:" *";color:var(--color-danger, #dc2626)}.form-input{display:block;width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem);font-size:var(--font-size-base, 1rem);line-height:1.5;color:var(--color-text-primary, #1a1a1a);background-color:var(--color-surface, #ffffff);border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-md, .375rem);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input:focus{outline:0;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px oklch(from var(--color-primary, #3b82f6) l c h / .2)}.form-input::placeholder{color:var(--color-text-tertiary, #9ca3af);opacity:1}.form-input:disabled{background-color:var(--color-surface-secondary, #f3f4f6);opacity:.6;cursor:not-allowed}.form-input--error{border-color:var(--color-danger, #dc2626)}.form-input--error:focus{border-color:var(--color-danger, #dc2626);box-shadow:0 0 0 3px oklch(from var(--color-danger, #dc2626) l c h / .2)}.form-select{display:block;width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem);font-size:var(--font-size-base, 1rem);line-height:1.5;color:var(--color-text-primary, #1a1a1a);background-color:var(--color-surface, #ffffff);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-3, .75rem) center;background-size:16px 12px;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-md, .375rem);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{outline:0;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px oklch(from var(--color-primary, #3b82f6) l c h / .2)}.form-select--error{border-color:var(--color-danger, #dc2626)}.form-textarea{display:block;width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem);font-size:var(--font-size-base, 1rem);line-height:1.5;color:var(--color-text-primary, #1a1a1a);background-color:var(--color-surface, #ffffff);border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-md, .375rem);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;resize:vertical}.form-textarea:focus{outline:0;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px oklch(from var(--color-primary, #3b82f6) l c h / .2)}.form-textarea--error{border-color:var(--color-danger, #dc2626)}.form-checkbox-group{display:flex;align-items:flex-start;gap:var(--space-2, .5rem);margin-block-end:var(--space-4, 1rem)}.form-checkbox{width:1rem;height:1rem;margin-block-start:.25rem;flex-shrink:0;cursor:pointer}.form-checkbox:disabled{opacity:.6;cursor:not-allowed}.form-checkbox-label{font-size:var(--font-size-base, 1rem);color:var(--color-text-primary, #1a1a1a);cursor:pointer;-webkit-user-select:none;user-select:none}.form-radio-item{display:flex;align-items:flex-start;gap:var(--space-2, .5rem);margin-block-end:var(--space-3, .75rem)}.form-radio{width:1rem;height:1rem;margin-block-start:.25rem;flex-shrink:0;cursor:pointer}.form-radio:disabled{opacity:.6;cursor:not-allowed}.form-radio-label{font-size:var(--font-size-base, 1rem);color:var(--color-text-primary, #1a1a1a);cursor:pointer;-webkit-user-select:none;user-select:none}.form-error{display:block;margin-block-start:var(--space-2, .5rem);font-size:var(--font-size-sm, .875rem);color:var(--color-danger, #dc2626)}}@layer components{.badge{display:inline-flex;align-items:center;padding:var(--space-1, .25rem) var(--space-2, .5rem);font-size:var(--font-size-xs, .75rem);font-weight:500;line-height:1;white-space:nowrap;border-radius:var(--radius-sm, .25rem);transition:background-color .15s ease-in-out}.badge--sm{padding:.125rem var(--space-1, .25rem);font-size:.625rem}.badge--lg{padding:var(--space-2, .5rem) var(--space-3, .75rem);font-size:var(--font-size-sm, .875rem)}.badge--default{background-color:var(--color-surface-secondary, #f3f4f6);color:var(--color-text-primary, #1a1a1a)}.badge--primary{background-color:var(--color-primary, #3b82f6);color:#fff}.badge--success{background-color:var(--color-success, #10b981);color:#fff}.badge--warning{background-color:var(--color-warning, #f59e0b);color:#fff}.badge--danger{background-color:var(--color-danger, #dc2626);color:#fff}.badge--info{background-color:var(--color-info, #0ea5e9);color:#fff}.badge--pill{border-radius:9999px;padding-inline:var(--space-3, .75rem)}.badge__icon{margin-inline-end:var(--space-1, .25rem)}}@layer components{.alert{position:relative;display:flex;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem);margin-block-end:var(--space-4, 1rem);border-radius:var(--radius-md, .375rem);border:1px solid transparent}.alert--info{background-color:oklch(from var(--color-info, #0ea5e9) l c h / .1);border-color:oklch(from var(--color-info, #0ea5e9) l c h / .3);color:var(--color-info-dark, #0369a1)}.alert--success{background-color:oklch(from var(--color-success, #10b981) l c h / .1);border-color:oklch(from var(--color-success, #10b981) l c h / .3);color:var(--color-success-dark, #047857)}.alert--warning{background-color:oklch(from var(--color-warning, #f59e0b) l c h / .1);border-color:oklch(from var(--color-warning, #f59e0b) l c h / .3);color:var(--color-warning-dark, #b45309)}.alert--danger{background-color:oklch(from var(--color-danger, #dc2626) l c h / .1);border-color:oklch(from var(--color-danger, #dc2626) l c h / .3);color:var(--color-danger-dark, #991b1b)}.alert__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.alert__content{flex:1;min-width:0}.alert__title{font-weight:600;margin-block-end:var(--space-1, .25rem)}.alert__message{font-size:var(--font-size-sm, .875rem);line-height:1.5}.alert__close{position:absolute;top:var(--space-2, .5rem);right:var(--space-2, .5rem);padding:var(--space-1, .25rem);background:transparent;border:none;font-size:1.5rem;line-height:1;opacity:.5;cursor:pointer;transition:opacity .15s ease-in-out}.alert__close:hover{opacity:1}.alert--dismissible{padding-inline-end:var(--space-10, 2.5rem)}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.alert{animation:alert-slide-in .2s ease-out}}@layer components{.btn-group{display:inline-flex;vertical-align:middle}.btn-group>.btn{position:relative;flex:0 1 auto}.btn-group>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group>.btn:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.btn-group>.btn:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.btn-group>.btn:focus{z-index:1}.btn-group--vertical{flex-direction:column;align-items:flex-start}.btn-group--vertical>.btn{width:100%}.btn-group--vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group--vertical>.btn:first-child:not(:last-child){border-end-start-radius:0;border-end-end-radius:0}.btn-group--vertical>.btn:last-child:not(:first-child){border-start-start-radius:0;border-start-end-radius:0}.btn-group--sm>.btn{padding:var(--space-1, .25rem) var(--space-2, .5rem);font-size:var(--font-size-sm, .875rem)}.btn-group--lg>.btn{padding:var(--space-3, .75rem) var(--space-4, 1rem);font-size:var(--font-size-lg, 1.125rem)}}@layer components{.container{width:100%;margin-inline:auto;padding-inline:var(--space-4, 1rem)}.container--sm{max-width:640px}.container--default{max-width:1024px}.container--lg{max-width:1280px}.container--xl{max-width:1536px}.container--fluid{max-width:none}@media(min-width:640px){.container{padding-inline:var(--space-6, 1.5rem)}}@media(min-width:1024px){.container{padding-inline:var(--space-8, 2rem)}}}@layer components{:where(button,input,optgroup,select,textarea){font:inherit}textarea,select,input{field-sizing:content}textarea{min-block-size:3lh;max-block-size:80svh;min-inline-size:30ch;max-inline-size:80ch;resize:vertical}form{display:grid;gap:1rem;padding:1em;background:radial-gradient(var(--bg),var(--bg-alt)) 50%;border-radius:.5em;border:1px solid var(--muted)}:where(input){font-size:inherit;inline-size:fit-content;min-inline-size:25ch;padding:.5rem;border-radius:.25rem;border:none;color:var(--text)}:where(input)::placeholder{font-style:italic}:where(input):not(:placeholder-shown,:focus):user-invalid{background-color:#300a0a;color:#ffc8c8}label:has(input:required):before{content:"* "}label:has(input){background-color:red;display:inline-flex;flex-direction:column;inline-size:fit-content}select,::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}select{padding:.25em;inline-size:fit-content}select::marker{color:red}select::picker-icon{color:#999;transition:.4s rotate}select:open::picker-icon{rotate:180deg}::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}option:checked{font-weight:700}}@layer components{.admin-page{min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.admin-header{background:var(--bg-alt);border-bottom:1px solid var(--border);padding:var(--space-lg) var(--space-lg);box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.admin-header__title{font-size:2rem;font-weight:700;color:var(--text);margin:0}.admin-header__subtitle{color:var(--muted);margin-top:.5rem;font-size:.9rem}.admin-header__actions{display:flex;gap:var(--space-sm);align-items:center}.admin-main{padding:var(--space-lg);max-width:1400px;margin:0 auto}.admin-breadcrumbs{margin-bottom:var(--space-lg);font-size:.875rem;color:var(--muted)}.admin-breadcrumbs a{color:var(--accent);text-decoration:none}.admin-breadcrumbs a:hover{text-decoration:underline}.admin-grid{display:grid;gap:var(--space-lg);margin-bottom:var(--space-lg)}.admin-grid--2-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.admin-grid--3-col{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.admin-grid--4-col{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.admin-header__actions{width:100%;justify-content:flex-start}.admin-main{padding:var(--space-md)}.admin-grid--2-col,.admin-grid--3-col,.admin-grid--4-col{grid-template-columns:1fr}}}@layer components{.admin-table-wrapper{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-lg)}.admin-table-wrapper__header{padding:var(--space-lg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.admin-table-wrapper__title{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.admin-table-wrapper__actions{display:flex;gap:var(--space-sm)}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th,.admin-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid oklch(from var(--border) l c h / .5)}.admin-table th{background:oklch(from var(--bg-alt) calc(l + .02) c h);font-weight:600;color:var(--text);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:1}.admin-table td{color:var(--text);vertical-align:top}.admin-table tbody tr:hover{background:oklch(from var(--bg-alt) calc(l + .01) c h)}.admin-table--striped tbody tr:nth-child(2n){background:oklch(from var(--bg) calc(l + .01) c h)}.admin-table--bordered th,.admin-table--bordered td{border:1px solid var(--border)}.admin-table--compact th,.admin-table--compact td{padding:var(--space-sm)}.admin-table__status{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em}.admin-table__status--success{background:var(--success-subtle);color:var(--success-text);border:1px solid var(--success-border)}.admin-table__status--warning{background:var(--warning-subtle);color:var(--warning-border);border:1px solid var(--warning-border)}.admin-table__status--error{background:var(--error-subtle);color:var(--error-text);border:1px solid var(--error-border)}.admin-table__status--info{background:oklch(var(--l-subtle) var(--c-muted) var(--h-info));color:oklch(var(--l-text) var(--c-subtle) var(--h-info));border:1px solid oklch(var(--l-border) var(--c-moderate) var(--h-info))}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator--success{background:var(--success)}.status-indicator--warning{background:var(--warning)}.status-indicator--error{background:var(--error)}.status-indicator--info{background:var(--info-base)}.admin-table__actions{display:flex;gap:var(--space-sm);justify-content:flex-end;align-items:center}.admin-table__action{display:inline-flex;align-items:center;justify-content:center;color:var(--accent);text-decoration:none;font-size:.75rem;font-weight:500;padding:.375rem;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;transition:all var(--duration-default) var(--easing-default);line-height:1}.admin-table__action svg{width:16px;height:16px;display:block}.admin-table__action:hover{background:oklch(from var(--accent) l c h / .1);text-decoration:none}.admin-table__action--danger{color:var(--error)}.admin-table__action--danger:hover{background:oklch(from var(--error) l c h / .1)}.admin-table__code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.75rem;background:oklch(from var(--bg) calc(l + .02) c h);padding:.25rem .5rem;border-radius:var(--radius-md);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table__timestamp{color:var(--muted);font-size:.75rem;white-space:nowrap}.admin-table-scroll{overflow-x:auto;overflow-y:auto;max-height:600px}.admin-table-scroll::-webkit-scrollbar{width:8px;height:8px}.admin-table-scroll::-webkit-scrollbar-track{background:var(--bg)}.admin-table-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.admin-table-scroll::-webkit-scrollbar-thumb:hover{background:oklch(from var(--border) calc(l + .1) c h)}.admin-table__empty{text-align:center;padding:var(--space-lg);color:var(--muted)}.admin-table__empty-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.admin-table--loading{position:relative;overflow:hidden}.admin-table--loading:after{content:"";position:absolute;top:0;left:-100%;height:100%;width:100%;background:linear-gradient(90deg,transparent,oklch(from var(--accent) l c h / .1),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{to{left:100%}}@media(max-width:768px){.admin-table-wrapper__header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.admin-table-wrapper__actions{width:100%;justify-content:flex-start}.admin-table th,.admin-table td{padding:var(--space-sm)}.admin-table__actions{flex-direction:column;align-items:flex-start}}}@layer components{.admin-form-group{margin-bottom:var(--space-lg)}.admin-form-group__label{display:block;font-weight:500;color:var(--text);margin-bottom:var(--space-sm);font-size:.875rem}.admin-form-group__label--required:after{content:" *";color:var(--error)}.admin-form-group__help{color:var(--muted);font-size:.75rem;margin-top:var(--space-sm)}.admin-form-group__error{color:var(--error);font-size:.75rem;margin-top:var(--space-sm)}.admin-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font-size:.875rem;transition:all var(--duration-default) var(--easing-default)}.admin-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px oklch(from var(--accent) l c h / .1)}.admin-input:invalid{border-color:var(--error)}.admin-input:invalid:focus{box-shadow:0 0 0 3px oklch(from var(--error) l c h / .1)}.admin-input--small{padding:.25rem var(--space-sm);font-size:.75rem}.admin-input--large{padding:var(--space-md) var(--space-lg);font-size:1rem}.admin-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-sm) center;background-size:1rem 1rem;padding-right:calc(var(--space-md) + 1.5rem)}.admin-textarea{min-height:100px;resize:vertical;font-family:inherit}.admin-search{position:relative;display:inline-block}.admin-search__input{padding-left:calc(var(--space-md) + 1.5rem);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'/%3e%3cpath d='m21 21-4.35-4.35'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left var(--space-sm) center;background-size:1rem 1rem}.admin-search__clear{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:.25rem;border-radius:var(--radius-md)}.admin-search__clear:hover{background:oklch(from var(--border) l c h / .5)}.admin-filter-bar{display:flex;gap:var(--space-md);align-items:center;padding:var(--space-md);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.admin-filter-bar__group{display:flex;gap:var(--space-sm);align-items:center}.admin-filter-bar__label{font-size:.75rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.admin-filter-bar__input{min-width:120px}.admin-filter-bar__actions{margin-left:auto;display:flex;gap:var(--space-sm)}.admin-button-group{display:inline-flex;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.admin-button-group .admin-button{border-radius:0;border:none;border-right:1px solid var(--border)}.admin-button-group .admin-button:last-child{border-right:none}.admin-button-group .admin-button.active{background:var(--accent);color:var(--bg)}.admin-toggle{position:relative;display:inline-block;width:44px;height:24px}.admin-toggle__input{opacity:0;width:0;height:0}.admin-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border);transition:var(--duration-default);border-radius:24px}.admin-toggle__slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:var(--bg);transition:var(--duration-default);border-radius:50%}.admin-toggle__input:checked+.admin-toggle__slider{background:var(--accent)}.admin-toggle__input:checked+.admin-toggle__slider:before{transform:translate(20px)}.admin-checkbox-group,.admin-radio-group{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-checkbox-group--horizontal,.admin-radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--space-md)}.admin-checkbox,.admin-radio{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.admin-checkbox__input,.admin-radio__input{width:1rem;height:1rem;accent-color:var(--accent)}.admin-checkbox__label,.admin-radio__label{font-size:.875rem;color:var(--text)}.admin-form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding-top:var(--space-lg);border-top:1px solid var(--border);margin-top:var(--space-lg)}.admin-form-actions--left{justify-content:flex-start}.admin-form-actions--center{justify-content:center}.admin-form-actions--space-between{justify-content:space-between}.admin-upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;background:var(--bg-alt);transition:all var(--duration-default) var(--easing-default);cursor:pointer}.admin-upload-zone:hover{border-color:var(--accent);background:oklch(from var(--accent) l c h / .05)}.admin-upload-zone--dragover{border-color:var(--accent);background:oklch(from var(--accent) l c h / .1);transform:scale(1.02)}.admin-upload-progress{margin-bottom:var(--space-lg)}.admin-progress-bar{width:100%;height:8px;background:var(--bg-alt);border-radius:4px;overflow:hidden;margin-bottom:var(--space-sm)}.admin-progress-fill{height:100%;background:var(--accent);transition:width var(--duration-default) var(--easing-default)}.admin-progress-text{font-size:.875rem;color:var(--muted);text-align:center}.admin-file-preview{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-alt);border-radius:var(--radius-lg);border:1px solid var(--border)}.admin-file-preview__image{max-width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:var(--space-md);box-shadow:0 2px 8px oklch(from var(--text) l c h / .1)}.admin-file-preview__info{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.admin-input--error,.admin-select--error,.admin-textarea--error{border-color:var(--error)}.admin-input--error:focus,.admin-select--error:focus,.admin-textarea--error:focus{border-color:var(--error);box-shadow:0 0 0 3px oklch(from var(--error) l c h / .1)}.admin-input--success,.admin-select--success,.admin-textarea--success{border-color:var(--success, #4caf50)}.admin-input--success:focus,.admin-select--success:focus,.admin-textarea--success:focus{border-color:var(--success, #4caf50);box-shadow:0 0 0 3px oklch(from var(--success, #4caf50) l c h / .1)}.admin-field--error .admin-form-label{color:var(--error)}.admin-field--success .admin-form-label{color:var(--success, #4caf50)}.admin-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:admin-spin .6s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-spinner--large{width:2rem;height:2rem;border-width:3px}.admin-spinner--small{width:.75rem;height:.75rem;border-width:1.5px}.admin-toast{position:fixed;top:var(--space-lg);right:var(--space-lg);min-width:300px;max-width:500px;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);box-shadow:0 4px 12px oklch(from var(--text) l c h / .15);z-index:1000;animation:admin-toast-slide-in .3s var(--easing-default)}@keyframes admin-toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-toast--success{background:var(--success, #4caf50);color:#fff}.admin-toast--error{background:var(--error);color:#fff}.admin-toast--info{background:var(--accent);color:#fff}.admin-toast--warning{background:var(--warning, #ff9800);color:#fff}.admin-toast__message{font-size:.875rem;font-weight:500;margin:0}.admin-toast__close{position:absolute;top:var(--space-sm);right:var(--space-sm);background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;opacity:.8;padding:.25rem}.admin-toast__close:hover{opacity:1}.admin-alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border-left:4px solid}.admin-alert--error{background:oklch(from var(--error) l c h / .1);border-color:var(--error);color:oklch(from var(--error) l c h / .9)}.admin-alert--success{background:oklch(from var(--success, #4caf50) l c h / .1);border-color:var(--success, #4caf50);color:oklch(from var(--success, #4caf50) l c h / .9)}.admin-alert--info{background:oklch(from var(--accent) l c h / .1);border-color:var(--accent);color:oklch(from var(--accent) l c h / .9)}.admin-alert--warning{background:oklch(from var(--warning, #ff9800) l c h / .1);border-color:var(--warning, #ff9800);color:oklch(from var(--warning, #ff9800) l c h / .9)}.admin-error-list{margin:var(--space-sm) 0 0 var(--space-lg);padding:0;list-style:disc}.badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;margin-left:var(--space-sm)}.badge--info{background:oklch(from var(--accent) l c h / .1);color:var(--accent)}.badge--success{background:oklch(from var(--success, #4caf50) l c h / .1);color:var(--success, #4caf50)}.badge--error{background:oklch(from var(--error) l c h / .1);color:var(--error)}.badge--warning{background:oklch(from var(--warning, #ff9800) l c h / .1);color:var(--warning, #ff9800)}.admin-form-sections{display:flex;flex-direction:column;gap:var(--space-xl)}.admin-form-section{background:var(--bg-alt);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border)}.admin-form-section__title{font-size:1.125rem;font-weight:600;color:var(--text);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-md);border-bottom:2px solid var(--border)}@media(max-width:768px){.admin-filter-bar{flex-direction:column;align-items:stretch}.admin-filter-bar__group{justify-content:space-between}.admin-filter-bar__actions{margin-left:0;width:100%;justify-content:flex-start}.admin-form-actions{flex-direction:column}.admin-button-group{width:100%}.admin-checkbox-group--horizontal,.admin-radio-group--horizontal{flex-direction:column}.admin-toast{right:var(--space-sm);left:var(--space-sm);min-width:auto;max-width:none}.admin-upload-zone{padding:2rem 1rem}}}@layer components{.bulk-actions-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.bulk-actions-info{font-weight:500;color:var(--text)}.bulk-selected-count{font-weight:600;color:var(--primary)}.bulk-actions-buttons{display:flex;gap:var(--space-sm)}.bulk-checkbox-column{width:40px;text-align:center}.bulk-select-all,.bulk-select-item{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.bulk-select-all:indeterminate{background-color:var(--primary);border-color:var(--primary)}.bulk-confirm-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center}.bulk-confirm-dialog__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bulk-confirm-dialog__content{position:relative;background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:500px;width:90%;box-shadow:var(--shadow-lg);z-index:1}.bulk-confirm-dialog__content h3{margin-top:0;margin-bottom:var(--space-md);font-size:1.25rem;font-weight:600;color:var(--text-dark)}.bulk-confirm-dialog__content p{margin-bottom:var(--space-lg);color:var(--text);line-height:1.6}.bulk-confirm-dialog__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.bulk-actions-toolbar[data-loading=true] .bulk-actions-buttons button{opacity:.6;cursor:not-allowed}@media(max-width:768px){.bulk-actions-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-md)}.bulk-actions-buttons{flex-direction:column}.bulk-actions-buttons button{width:100%}}}@layer components{.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;border-radius:var(--radius-md)}[data-theme=dark] .loading-overlay{background:#000c}.loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-message{margin-top:var(--space-md);color:var(--text);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}button.loading,input[type=submit].loading{position:relative;opacity:.7;cursor:not-allowed;pointer-events:none}.button-spinner{display:inline-block;margin-right:var(--space-xs);animation:spin 1s linear infinite}.optimistic-delete{opacity:.5;text-decoration:line-through;transition:opacity var(--duration-default) var(--easing-default)}.optimistic-update{background:oklch(from var(--info) l c h / .1);transition:background var(--duration-default) var(--easing-default)}.error-notification{position:fixed;top:var(--space-lg);right:var(--space-lg);background:var(--error);color:var(--text-inverse);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10000;max-width:400px;animation:slideInRight .3s ease-out}.error-notification strong{display:block;margin-bottom:var(--space-xs);font-weight:600}.error-notification p{margin:var(--space-xs) 0;font-size:.875rem}.error-notification button{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-md);background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;transition:background var(--duration-default) var(--easing-default)}.error-notification button:hover{background:#ffffff4d}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}tr[data-loading=true]{opacity:.6;pointer-events:none}tr[data-loading=true] td{position:relative}tr[data-loading=true] td:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}form[data-loading=true]{pointer-events:none;opacity:.7}form[data-loading=true] input,form[data-loading=true] textarea,form[data-loading=true] select{cursor:not-allowed}.retry-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--warning);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:background var(--duration-default) var(--easing-default)}.retry-button:hover{background:var(--warning-dark)}.success-flash{position:fixed;top:var(--space-lg);right:var(--space-lg);background:var(--success);color:var(--text-inverse);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10000;animation:slideInRight .3s ease-out}@media(max-width:768px){.error-notification,.success-flash{top:var(--space-md);right:var(--space-md);left:var(--space-md);max-width:none}}}@layer components{.preview-column{width:80px;text-align:center}.asset-preview-thumbnail{position:relative;width:60px;height:60px;margin:0 auto;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--duration-default) var(--easing-default)}.asset-preview-thumbnail:hover{transform:scale(1.1)}.asset-preview-thumbnail .preview-image{width:100%;height:100%;object-fit:cover}.asset-preview-thumbnail .preview-video-icon,.asset-preview-thumbnail .preview-file-icon{font-size:1.5rem;color:var(--muted)}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-default) var(--easing-default)}.asset-preview-thumbnail:hover .preview-overlay{opacity:1}.preview-link{color:var(--text-inverse);text-decoration:none;font-size:1.25rem;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--duration-default) var(--easing-default)}.preview-link:hover{background:#fff3}.preview-placeholder{color:var(--muted);font-size:.75rem}.asset-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);animation:fadeIn var(--duration-default) var(--easing-default)}.asset-lightbox__content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.asset-lightbox__image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-md)}.asset-lightbox__close{position:absolute;top:var(--space-lg);right:var(--space-lg);background:#fff3;border:none;color:var(--text-inverse);width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:background var(--duration-default) var(--easing-default);display:flex;align-items:center;justify-content:center}.asset-lightbox__close:hover{background:#ffffff4d}.asset-lightbox__info{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);background:#000000b3;color:var(--text-inverse);padding:var(--space-md);border-radius:var(--radius-md);text-align:center;min-width:200px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.preview-column{width:60px}.asset-preview-thumbnail{width:50px;height:50px}}}@layer components{.search-and-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.search-and-filters .search-input{flex:1}.admin-filters-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-md);box-shadow:var(--shadow-sm)}.filters-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-group label{font-weight:500;font-size:.875rem;color:var(--text-dark)}.filter-group .admin-select[multiple]{min-height:120px;padding:var(--space-sm)}.date-range-inputs{display:flex;gap:var(--space-sm)}.date-range-inputs .admin-input{flex:1}.filter-actions{display:flex;gap:var(--space-sm);align-items:flex-end}.filter-actions .btn{white-space:nowrap}[data-toggle-filters].active{background:var(--primary);color:var(--text-inverse)}@media(max-width:768px){.filters-content{grid-template-columns:1fr}.date-range-inputs{flex-direction:column}}}@layer components{.merge-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}.merge-dialog__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.merge-dialog__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:600px;max-width:90vw;max-height:90vh;padding:var(--space-xl);display:flex;flex-direction:column}.merge-dialog__content h3{margin:0 0 var(--space-md) 0;font-size:1.25rem;font-weight:600}.merge-dialog__content p{color:var(--muted);margin-bottom:var(--space-lg)}.merge-dialog__assets{display:flex;flex-direction:column;gap:var(--space-sm);max-height:400px;overflow-y:auto;margin-bottom:var(--space-lg)}.merge-asset-option{display:flex;align-items:center}.merge-asset-option input[type=radio]{margin-right:var(--space-md);width:20px;height:20px;cursor:pointer}.merge-asset-option label{display:flex;align-items:center;gap:var(--space-md);flex:1;cursor:pointer;padding:var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);transition:all var(--duration-default) var(--easing-default)}.merge-asset-option input[type=radio]:checked+label{border-color:var(--primary);background:oklch(from var(--primary) l c h / .1)}.merge-asset-preview{width:80px;height:60px;background:var(--bg-alt);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.merge-asset-preview img{width:100%;height:100%;object-fit:cover}.merge-asset-info{flex:1}.merge-asset-info strong{display:block;margin-bottom:var(--space-xs);font-size:.875rem}.merge-asset-info small{color:var(--muted);font-size:.75rem}.merge-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid var(--border)}}@layer components{.admin-asset-gallery{display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem);padding:var(--space-lg, 1.5rem);background:var(--bg, oklch(100% 0 0));min-height:100vh}.admin-asset-gallery__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md, 1rem);padding-bottom:var(--space-md, 1rem);border-bottom:2px solid var(--border-light, oklch(75% .02 280))}.admin-asset-gallery__title{font-size:1.75rem;font-weight:700;color:var(--text, oklch(20% .02 280));margin:0}.admin-asset-gallery__actions{display:flex;gap:var(--space-sm, .75rem);align-items:center}.admin-asset-gallery__filters-sidebar{background:var(--bg-secondary, oklch(95% .01 280));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:8px;padding:var(--space-md, 1rem);min-width:250px}.admin-asset-gallery__filters-title{font-size:1rem;font-weight:600;color:var(--text, oklch(20% .02 280));margin:0 0 var(--space-md, 1rem) 0;padding-bottom:var(--space-sm, .75rem);border-bottom:1px solid var(--border-light, oklch(75% .02 280))}.admin-asset-gallery__filter-group{display:flex;flex-direction:column;gap:var(--space-xs, .5rem);margin-bottom:var(--space-md, 1rem)}.admin-asset-gallery__filter-label{font-size:.875rem;font-weight:500;color:var(--text, oklch(20% .02 280))}.admin-asset-gallery__filter-input,.admin-asset-gallery__filter-select{width:100%;padding:.625rem .875rem;border:1px solid var(--border-light, oklch(75% .02 280));border-radius:4px;background:var(--bg, oklch(100% 0 0));color:var(--text, oklch(20% .02 280));font-size:.875rem;transition:border-color .2s,box-shadow .2s}.admin-asset-gallery__filter-input:focus,.admin-asset-gallery__filter-select:focus{outline:none;border-color:var(--accent-primary, oklch(60% .2 280));box-shadow:0 0 0 3px #6e69f31a}.admin-asset-gallery__content{display:flex;gap:var(--space-lg, 1.5rem);flex:1}.admin-asset-gallery__main{flex:1;display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.admin-asset-gallery__bulk-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md, 1rem);padding:var(--space-md, 1rem);background:var(--accent-info, oklch(58% .22 240));background:oklch(58% .22 240 / .1);border:1px solid var(--accent-info, oklch(58% .22 240));border-radius:8px;color:var(--text, oklch(20% .02 280))}.admin-asset-gallery__bulk-actions-text{font-weight:600;font-size:.875rem}.admin-asset-gallery__bulk-actions-buttons{display:flex;gap:var(--space-sm, .75rem)}.admin-asset-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md, 1rem)}.admin-asset-gallery__list{width:100%;border-collapse:collapse;background:var(--bg, oklch(100% 0 0));border-radius:8px;overflow:hidden;border:1px solid var(--border-light, oklch(75% .02 280))}.admin-asset-gallery__list thead{background:var(--bg-secondary, oklch(95% .01 280))}.admin-asset-gallery__list th{padding:var(--space-sm, .75rem);text-align:left;font-weight:600;font-size:.875rem;color:var(--text, oklch(20% .02 280));border-bottom:2px solid var(--border-light, oklch(75% .02 280))}.admin-asset-gallery__list td{padding:var(--space-sm, .75rem);border-bottom:1px solid var(--border-light, oklch(75% .02 280));font-size:.875rem;color:var(--text, oklch(20% .02 280))}.admin-asset-gallery__list tbody tr:hover{background:var(--bg-secondary, oklch(95% .01 280))}.admin-asset-gallery__list tbody tr:last-child td{border-bottom:none}.admin-asset-gallery__list-preview-image{max-width:100px;max-height:100px;object-fit:cover;border-radius:4px}.admin-asset-card{position:relative;border:1px solid var(--border-light, oklch(75% .02 280));border-radius:8px;padding:var(--space-sm, .75rem);background:var(--bg, oklch(100% 0 0));cursor:pointer;transition:all .2s ease;overflow:hidden}.admin-asset-card:hover{border-color:var(--accent-primary, oklch(60% .2 280));box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.admin-asset-card--selected{border-color:var(--accent-primary, oklch(60% .2 280));border-width:2px;box-shadow:0 0 0 3px #6e69f31a}.admin-asset-card__checkbox{position:absolute;top:var(--space-xs, .5rem);left:var(--space-xs, .5rem);z-index:10;width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary, oklch(60% .2 280))}.admin-asset-card__preview{position:relative;width:100%;height:150px;border-radius:4px;overflow:hidden;background:var(--bg-secondary, oklch(95% .01 280));margin-bottom:var(--space-xs, .5rem)}.admin-asset-card__preview-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.admin-asset-card:hover .admin-asset-card__preview-image{transform:scale(1.05)}.admin-asset-card__preview-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, oklch(95% .01 280));color:var(--muted, oklch(50% .01 280));font-size:.75rem;text-align:center;padding:var(--space-xs, .5rem)}.admin-asset-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:4px}.admin-asset-card:hover .admin-asset-card__overlay{opacity:1}.admin-asset-card__quick-actions{display:flex;gap:var(--space-xs, .5rem)}.admin-asset-card__quick-action{padding:var(--space-xs, .5rem);background:var(--bg, oklch(100% 0 0));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:4px;color:var(--text, oklch(20% .02 280));cursor:pointer;font-size:.875rem;transition:all .2s ease}.admin-asset-card__quick-action:hover{background:var(--accent-primary, oklch(60% .2 280));color:var(--bg, oklch(100% 0 0));border-color:var(--accent-primary, oklch(60% .2 280))}.admin-asset-card__info{margin-top:var(--space-xs, .5rem);font-size:.875rem;color:var(--text, oklch(20% .02 280))}.admin-asset-card__collections{display:flex;flex-wrap:wrap;gap:var(--space-xs, .5rem);margin-bottom:var(--space-xs, .5rem)}.admin-asset-card__collection-badge{display:inline-block;padding:.25rem .5rem;background:var(--accent-primary, oklch(60% .2 280));color:var(--bg, oklch(100% 0 0));border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.admin-asset-card__info-item{margin-bottom:.25rem}.admin-asset-card__info-label{font-weight:600;color:var(--text, oklch(20% .02 280))}.admin-asset-card__info-value{color:var(--muted, oklch(50% .01 280))}.admin-asset-gallery__empty-state{text-align:center;padding:var(--space-xl, 3rem);background:var(--bg-secondary, oklch(95% .01 280));border-radius:8px;border:2px dashed var(--border-light, oklch(75% .02 280))}.admin-asset-gallery__empty-state-text{font-size:1rem;color:var(--muted, oklch(50% .01 280));margin-bottom:var(--space-md, 1rem)}.admin-asset-gallery__load-more{text-align:center;margin-top:var(--space-lg, 1.5rem);padding-top:var(--space-lg, 1.5rem);border-top:1px solid var(--border-light, oklch(75% .02 280))}.admin-asset-gallery__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl, 3rem);color:var(--muted, oklch(50% .01 280))}.admin-asset-gallery__loading-spinner{width:40px;height:40px;border:3px solid var(--border-light, oklch(75% .02 280));border-top-color:var(--accent-primary, oklch(60% .2 280));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.admin-asset-gallery__content{flex-direction:column}.admin-asset-gallery__filters-sidebar{min-width:100%;order:-1}.admin-asset-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm, .75rem)}.admin-asset-gallery__header{flex-direction:column;align-items:flex-start}.admin-asset-gallery__actions{width:100%;justify-content:flex-start}.admin-asset-gallery__bulk-actions{flex-direction:column;align-items:flex-start}.admin-asset-gallery__bulk-actions-buttons{width:100%;flex-direction:column}}.admin-asset-gallery__view-toggle{display:flex;gap:var(--space-xs, .5rem);background:var(--bg-secondary, oklch(95% .01 280));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:4px;padding:2px}.admin-asset-gallery__view-toggle-button{padding:var(--space-xs, .5rem) var(--space-sm, .75rem);border:none;background:transparent;color:var(--muted, oklch(50% .01 280));cursor:pointer;border-radius:2px;transition:all .2s ease;font-size:.875rem}.admin-asset-gallery__view-toggle-button:hover{background:var(--bg, oklch(100% 0 0));color:var(--text, oklch(20% .02 280))}.admin-asset-gallery__view-toggle-button--active{background:var(--accent-primary, oklch(60% .2 280));color:var(--bg, oklch(100% 0 0))}}@layer components{.admin-content-form{display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem);padding:var(--space-lg, 1.5rem);background:var(--bg, oklch(100% 0 0));min-height:100vh;position:relative}.admin-content-form__alert{padding:var(--space-md, 1rem);border-radius:8px;margin-bottom:var(--space-md, 1rem);border-left:4px solid;transition:all .2s ease}.admin-content-form__alert--error{background:#ffe8e61a;background:oklch(95% .05 25 / .1);border-left-color:var(--accent-error, oklch(60% .25 25));color:var(--accent-error, oklch(60% .25 25))}.admin-content-form__alert--info{background:#dff1ff1a;background:oklch(95% .05 240 / .1);border-left-color:var(--accent-info, oklch(58% .22 240));color:var(--accent-info, oklch(58% .22 240))}.admin-content-form__alert--success{background:#dbf8da1a;border-left-color:var(--accent-success, oklch(58% .22 145));color:var(--accent-success, oklch(58% .22 145))}.admin-content-form__error-list{margin:var(--space-sm, .75rem) 0 0 var(--space-lg, 1.5rem);padding:0;list-style:disc}.admin-content-form__error-item{margin-bottom:var(--space-xs, .5rem)}.admin-content-form__auto-save{display:flex;align-items:center;gap:var(--space-xs, .5rem);padding:var(--space-sm, .75rem) var(--space-md, 1rem);background:var(--bg-secondary, oklch(95% .01 280));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:8px;font-size:.875rem;color:var(--muted, oklch(50% .01 280));position:fixed;top:var(--space-md, 1rem);right:var(--space-md, 1rem);z-index:100;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;opacity:0;transform:translateY(-10px);pointer-events:none}.admin-content-form__auto-save--visible{opacity:1;transform:translateY(0);pointer-events:auto}.admin-content-form__auto-save-icon{width:16px;height:16px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-content-form__auto-save-text{font-weight:500}.admin-content-form__sections{display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem)}.admin-content-form--split-screen{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg, 1.5rem);align-items:start}.admin-content-form--split-screen .admin-content-form__sections{grid-column:1}.admin-content-form__preview-panel{grid-column:2;position:sticky;top:var(--space-lg, 1.5rem);max-height:calc(100vh - var(--space-lg, 1.5rem) * 2);overflow-y:auto;background:var(--bg-secondary, oklch(95% .01 280));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:8px;padding:var(--space-md, 1rem)}.admin-content-form__section{background:var(--bg-secondary, oklch(95% .01 280));border-radius:8px;padding:var(--space-lg, 1.5rem);border:1px solid var(--border-light, oklch(75% .02 280));transition:all .2s ease}.admin-content-form__section--collapsed{padding:var(--space-md, 1rem)}.admin-content-form__section--collapsed .admin-content-form__section-content{display:none}.admin-content-form__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md, 1rem);padding-bottom:var(--space-sm, .75rem);border-bottom:2px solid var(--border-light, oklch(75% .02 280));cursor:pointer;-webkit-user-select:none;user-select:none}.admin-content-form__section-title{font-size:1.125rem;font-weight:600;color:var(--text, oklch(20% .02 280));margin:0;display:flex;align-items:center;gap:var(--space-xs, .5rem)}.admin-content-form__section-toggle{background:none;border:none;color:var(--muted, oklch(50% .01 280));cursor:pointer;padding:var(--space-xs, .5rem);border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-content-form__section-toggle:hover{background:var(--bg, oklch(100% 0 0));color:var(--text, oklch(20% .02 280))}.admin-content-form__section-toggle-icon{width:20px;height:20px;transition:transform .2s ease}.admin-content-form__section--collapsed .admin-content-form__section-toggle-icon{transform:rotate(-90deg)}.admin-content-form__section-content{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.admin-content-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md, 1rem)}.admin-content-form__field{display:flex;flex-direction:column;gap:var(--space-xs, .5rem)}.admin-content-form__field--full{grid-column:1 / -1}.admin-content-form__label{display:flex;align-items:center;gap:var(--space-xs, .5rem);font-weight:500;color:var(--text, oklch(20% .02 280));font-size:.875rem}.admin-content-form__required{color:var(--accent-error, oklch(60% .25 25))}.admin-content-form__badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.admin-content-form__badge--info{background:#dff1ff33;background:oklch(95% .05 240 / .2);color:var(--accent-info, oklch(58% .22 240))}.admin-content-form__badge--success{background:#dbf8da33;color:var(--accent-success, oklch(58% .22 145))}.admin-content-form__input-group{display:flex;flex-direction:column;gap:var(--space-xs, .5rem)}.admin-content-form__help{color:var(--muted, oklch(50% .01 280));font-size:.75rem}.admin-content-form__error{color:var(--accent-error, oklch(60% .25 25));font-size:.75rem;display:flex;align-items:center;gap:var(--space-xs, .5rem)}.admin-content-form__actions{display:flex;gap:var(--space-md, 1rem);padding:var(--space-md, 1rem);background:var(--bg, oklch(100% 0 0));border-top:1px solid var(--border-light, oklch(75% .02 280));position:sticky;bottom:0;z-index:10;box-shadow:0 -2px 8px #0000000d;margin-top:auto}.admin-content-form__actions-button{padding:var(--space-sm, .75rem) var(--space-lg, 1.5rem);border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-xs, .5rem)}.admin-content-form__actions-button--primary{background:var(--accent-primary, oklch(60% .2 280));color:var(--bg, oklch(100% 0 0))}.admin-content-form__actions-button--primary:hover{background:#6159e1;transform:translateY(-1px);box-shadow:0 4px 8px #6e69f34d}.admin-content-form__actions-button--secondary{background:var(--bg-secondary, oklch(95% .01 280));color:var(--text, oklch(20% .02 280));border:1px solid var(--border-light, oklch(75% .02 280))}.admin-content-form__actions-button--secondary:hover{background:var(--bg-tertiary, oklch(92% .01 280))}.admin-content-form__shortcuts{position:fixed;bottom:var(--space-lg, 1.5rem);right:var(--space-lg, 1.5rem);z-index:1000}.admin-content-form__shortcuts-button{width:48px;height:48px;border-radius:50%;background:var(--accent-primary, oklch(60% .2 280));color:var(--bg, oklch(100% 0 0));border:none;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.admin-content-form__shortcuts-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #0000004d}.admin-content-form__shortcuts-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;opacity:0;pointer-events:none;transition:opacity .2s ease}.admin-content-form__shortcuts-modal--visible{opacity:1;pointer-events:auto}.admin-content-form__shortcuts-content{background:var(--bg, oklch(100% 0 0));border-radius:12px;padding:var(--space-xl, 2rem);max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.admin-content-form__shortcuts-title{font-size:1.5rem;font-weight:700;margin:0 0 var(--space-lg, 1.5rem) 0;color:var(--text, oklch(20% .02 280))}.admin-content-form__shortcuts-list{display:flex;flex-direction:column;gap:var(--space-md, 1rem);list-style:none;padding:0;margin:0}.admin-content-form__shortcuts-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm, .75rem);background:var(--bg-secondary, oklch(95% .01 280));border-radius:6px}.admin-content-form__shortcuts-key{font-family:monospace;padding:.25rem .5rem;background:var(--bg, oklch(100% 0 0));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:4px;font-size:.75rem;color:var(--text, oklch(20% .02 280))}@media(max-width:1024px){.admin-content-form--split-screen{grid-template-columns:1fr}.admin-content-form__preview-panel{position:static;max-height:none}}@media(max-width:768px){.admin-content-form{padding:var(--space-md, 1rem)}.admin-content-form__actions{flex-direction:column}.admin-content-form__actions-button{width:100%;justify-content:center}.admin-content-form__grid{grid-template-columns:1fr}.admin-content-form__shortcuts{bottom:var(--space-md, 1rem);right:var(--space-md, 1rem)}}}@layer components{.admin-block-editor{display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem);padding:var(--space-lg, 1.5rem);background:var(--bg, oklch(100% 0 0));min-height:100vh}.admin-block-editor--split-screen{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg, 1.5rem);align-items:start}.admin-block-editor__main{grid-column:1;display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem)}.admin-block-editor__preview-panel{grid-column:2;position:sticky;top:var(--space-lg, 1.5rem);max-height:calc(100vh - var(--space-lg, 1.5rem) * 2);overflow-y:auto;background:var(--bg-secondary, oklch(95% .01 280));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:8px;padding:var(--space-md, 1rem)}.admin-block-editor__toolbar{background:var(--bg-secondary, oklch(95% .01 280));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:8px;padding:var(--space-md, 1rem);margin-bottom:var(--space-md, 1rem)}.admin-block-editor__title{font-size:1.125rem;font-weight:600;color:var(--text, oklch(20% .02 280));margin:0 0 var(--space-md, 1rem) 0;padding-bottom:var(--space-sm, .75rem);border-bottom:2px solid var(--border-light, oklch(75% .02 280))}.admin-block-editor__block-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm, .75rem)}.admin-block-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs, .5rem);padding:var(--space-md, 1rem);border:2px solid var(--border-light, oklch(75% .02 280));border-radius:8px;background:var(--bg, oklch(100% 0 0));cursor:pointer;transition:all .2s ease;min-width:100px;min-height:100px}.admin-block-type-btn:hover{border-color:var(--accent-primary, oklch(60% .2 280));background:var(--bg-secondary, oklch(95% .01 280));transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.admin-block-type-btn:active{transform:translateY(0)}.admin-block-type-btn__icon{font-size:2rem;font-weight:700;color:var(--accent-primary, oklch(60% .2 280));line-height:1}.admin-block-type-btn__label{font-size:.875rem;color:var(--text, oklch(20% .02 280));text-align:center;font-weight:500}.admin-block-editor__templates{background:var(--bg-secondary, oklch(95% .01 280));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:8px;padding:var(--space-md, 1rem);margin-top:var(--space-md, 1rem)}.admin-block-editor__template-select{margin-top:var(--space-sm, .75rem)}.admin-block-editor__blocks{display:flex;flex-direction:column;gap:var(--space-md, 1rem);margin-bottom:var(--space-lg, 1.5rem);min-height:200px}.admin-block-editor__blocks--dragging{cursor:move}.admin-block-editor__blocks--dragging .admin-block-card{cursor:grabbing}.admin-block-card{border:1px solid var(--border-light, oklch(75% .02 280));border-radius:8px;background:var(--bg-secondary, oklch(95% .01 280));padding:var(--space-md, 1rem);transition:all .2s ease;position:relative;cursor:move}.admin-block-card:hover{border-color:var(--accent-primary, oklch(60% .2 280));box-shadow:0 4px 12px #0000001a}.admin-block-card--dragging{opacity:.5;transform:scale(.95);z-index:1000}.admin-block-card--drag-over-before{border-top:3px solid var(--accent-primary, oklch(60% .2 280));padding-top:calc(var(--space-md, 1rem) - 3px)}.admin-block-card--drag-over-after{border-bottom:3px solid var(--accent-primary, oklch(60% .2 280));padding-bottom:calc(var(--space-md, 1rem) - 3px)}.admin-block-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm, .75rem);padding-bottom:var(--space-sm, .75rem);border-bottom:1px solid var(--border-light, oklch(75% .02 280));gap:var(--space-sm, .75rem)}.admin-block-card__drag-handle{cursor:grab;color:var(--muted, oklch(50% .01 280));padding:var(--space-xs, .5rem);display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0;border-radius:4px}.admin-block-card__drag-handle:hover{color:var(--text, oklch(20% .02 280));background:var(--bg, oklch(100% 0 0))}.admin-block-card__drag-handle:active{cursor:grabbing}.admin-block-card__type{font-weight:600;color:var(--text, oklch(20% .02 280));text-transform:capitalize;flex:1;display:flex;align-items:center;gap:var(--space-xs, .5rem)}.admin-block-card__type-icon{width:20px;height:20px;color:var(--accent-primary, oklch(60% .2 280))}.admin-block-card__actions{display:flex;gap:var(--space-xs, .5rem)}.admin-block-card__preview{padding:var(--space-sm, .75rem);background:var(--bg, oklch(100% 0 0));border-radius:4px;min-height:60px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border-light, oklch(75% .02 280))}.admin-block-card__preview-text{color:var(--muted, oklch(50% .01 280));font-size:.875rem;font-style:italic}.admin-block-card__preview-content{width:100%;max-height:200px;overflow:hidden}.admin-block-editor__empty{padding:var(--space-xl, 3rem);text-align:center;color:var(--muted, oklch(50% .01 280));background:var(--bg-secondary, oklch(95% .01 280));border-radius:8px;border:2px dashed var(--border-light, oklch(75% .02 280))}.admin-block-editor__edit-form{margin-top:var(--space-lg, 1.5rem);padding:var(--space-lg, 1.5rem);background:var(--bg-secondary, oklch(95% .01 280));border-radius:8px;border:1px solid var(--border-light, oklch(75% .02 280))}.admin-block-form{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.admin-block-form__actions{display:flex;gap:var(--space-md, 1rem);margin-top:var(--space-lg, 1.5rem);padding-top:var(--space-md, 1rem);border-top:1px solid var(--border-light, oklch(75% .02 280))}.admin-block-editor__preview-controls{margin-top:var(--space-lg, 1.5rem);padding-top:var(--space-lg, 1.5rem);border-top:1px solid var(--border-light, oklch(75% .02 280));display:flex;gap:var(--space-sm, .75rem);align-items:center}.admin-block-editor__preview-toggle{padding:var(--space-sm, .75rem) var(--space-md, 1rem);border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-xs, .5rem);background:var(--accent-primary, oklch(60% .2 280));color:var(--bg, oklch(100% 0 0))}.admin-block-editor__preview-toggle:hover{background:#6159e1;transform:translateY(-1px);box-shadow:0 4px 8px #6e69f34d}.admin-block-editor__preview-toggle--active{background:var(--accent-success, oklch(58% .22 145))}.admin-block-editor__preview{margin-top:var(--space-lg, 1.5rem);padding:var(--space-lg, 1.5rem);background:var(--bg-secondary, oklch(95% .01 280));border-radius:8px;border:1px solid var(--border-light, oklch(75% .02 280))}.admin-block-editor__preview-content{margin-top:var(--space-md, 1rem);padding:var(--space-md, 1rem);background:var(--bg, oklch(100% 0 0));border-radius:4px;min-height:200px;border:1px solid var(--border-light, oklch(75% .02 280))}.admin-block-editor__preview-error{padding:var(--space-md, 1rem);background:#ffe8e61a;background:oklch(95% .05 25 / .1);border:1px solid var(--accent-error, oklch(60% .25 25));border-radius:4px;color:var(--accent-error, oklch(60% .25 25))}.admin-block-editor__preview-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl, 3rem);color:var(--muted, oklch(50% .01 280))}.admin-asset-picker-wrapper{display:flex;flex-direction:column;gap:var(--space-xs, .5rem)}.admin-asset-picker-container{margin-bottom:var(--space-xs, .5rem)}.admin-asset-preview{display:flex;align-items:center;gap:var(--space-xs, .5rem);padding:var(--space-xs, .5rem);background:var(--bg-secondary, oklch(95% .01 280));border-radius:4px;font-size:.875rem}.admin-asset-preview__label{font-weight:600;color:var(--text, oklch(20% .02 280))}.admin-asset-preview__value{color:var(--muted, oklch(50% .01 280));font-family:monospace;word-break:break-all}.admin-btn{padding:var(--space-sm, .75rem) var(--space-md, 1rem);border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--space-xs, .5rem)}.admin-btn--small{padding:var(--space-xs, .5rem) var(--space-sm, .75rem);font-size:.8125rem}.admin-btn--primary{background:var(--accent-primary, oklch(60% .2 280));color:var(--bg, oklch(100% 0 0))}.admin-btn--primary:hover{background:#6159e1;transform:translateY(-1px);box-shadow:0 4px 8px #6e69f34d}.admin-btn--secondary{background:var(--bg-secondary, oklch(95% .01 280));color:var(--text, oklch(20% .02 280));border:1px solid var(--border-light, oklch(75% .02 280))}.admin-btn--secondary:hover{background:var(--bg-tertiary, oklch(92% .01 280))}.admin-btn--danger{background:var(--accent-error, oklch(60% .25 25));color:var(--bg, oklch(100% 0 0))}.admin-btn--danger:hover{background:#d50022;background:oklch(55% .25 25);transform:translateY(-1px);box-shadow:0 4px 8px #ef00284d;box-shadow:0 4px 8px oklch(60% .25 25 / .3)}@media(max-width:1024px){.admin-block-editor--split-screen{grid-template-columns:1fr}.admin-block-editor__preview-panel{position:static;max-height:none}}@media(max-width:768px){.admin-block-editor{padding:var(--space-md, 1rem)}.admin-block-editor__block-types{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.admin-block-card__header{flex-wrap:wrap}.admin-block-card__actions{width:100%;justify-content:flex-end}}@keyframes drag-pulse{0%,to{opacity:1}50%{opacity:.7}}.admin-block-editor__blocks--dragging .admin-block-card:not(.admin-block-card--dragging){animation:drag-pulse 1s ease-in-out infinite}.admin-block-type-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;margin-right:var(--space-xs, .5rem)}.admin-block-type-icon--hero{background:linear-gradient(135deg,var(--accent-primary, oklch(60% .2 280)),oklch(65% .2 300));border-radius:4px}.admin-block-type-icon--text{background:var(--accent-info, oklch(58% .22 240));border-radius:50%}.admin-block-type-icon--image{background:var(--accent-success, oklch(58% .22 145));border-radius:4px}}@layer components{.livecomponent-admin-asset-picker{position:relative}.livecomponent-admin-asset-picker__button{padding:var(--space-sm, .75rem) var(--space-md, 1rem);border:1px solid var(--border-light, oklch(75% .02 280));border-radius:6px;background:var(--bg-secondary, oklch(95% .01 280));color:var(--text, oklch(20% .02 280));cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--space-xs, .5rem)}.livecomponent-admin-asset-picker__button:hover{background:var(--bg-tertiary, oklch(92% .01 280));border-color:var(--accent-primary, oklch(60% .2 280));transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.livecomponent-admin-asset-picker__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg, 1.5rem);opacity:0;pointer-events:none;transition:opacity .3s ease}.livecomponent-admin-asset-picker__backdrop--visible{opacity:1;pointer-events:auto}.livecomponent-admin-asset-picker__modal{background:var(--bg, oklch(100% 0 0));border-radius:12px;padding:var(--space-xl, 2rem);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;transform:scale(.95);transition:transform .3s ease;width:100%;max-width:1200px}.livecomponent-admin-asset-picker__backdrop--visible .livecomponent-admin-asset-picker__modal{transform:scale(1)}.livecomponent-admin-asset-picker__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg, 1.5rem);padding-bottom:var(--space-md, 1rem);border-bottom:2px solid var(--border-light, oklch(75% .02 280))}.livecomponent-admin-asset-picker__title{font-size:1.5rem;font-weight:700;color:var(--text, oklch(20% .02 280));margin:0}.livecomponent-admin-asset-picker__close{padding:var(--space-xs, .5rem);border:none;background:transparent;color:var(--muted, oklch(50% .01 280));cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.livecomponent-admin-asset-picker__close:hover{background:var(--bg-secondary, oklch(95% .01 280));color:var(--text, oklch(20% .02 280))}.livecomponent-admin-asset-picker__search-container{display:flex;gap:var(--space-md, 1rem);margin-bottom:var(--space-lg, 1.5rem)}.livecomponent-admin-asset-picker__search{flex:1;position:relative}.livecomponent-admin-asset-picker__search-input{width:100%;padding:var(--space-sm, .75rem) var(--space-md, 1rem);padding-left:2.5rem;border:1px solid var(--border-light, oklch(75% .02 280));border-radius:6px;background:var(--bg, oklch(100% 0 0));color:var(--text, oklch(20% .02 280));font-size:.875rem;transition:all .2s ease}.livecomponent-admin-asset-picker__search-input:focus{outline:none;border-color:var(--accent-primary, oklch(60% .2 280));box-shadow:0 0 0 3px #6e69f31a}.livecomponent-admin-asset-picker__search-icon{position:absolute;left:var(--space-sm, .75rem);top:50%;transform:translateY(-50%);color:var(--muted, oklch(50% .01 280));width:16px;height:16px}.livecomponent-admin-asset-picker__view-toggle{display:flex;gap:var(--space-xs, .5rem);background:var(--bg-secondary, oklch(95% .01 280));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:6px;padding:2px}.livecomponent-admin-asset-picker__view-toggle-button{padding:var(--space-xs, .5rem) var(--space-sm, .75rem);border:none;background:transparent;color:var(--muted, oklch(50% .01 280));cursor:pointer;border-radius:4px;transition:all .2s ease;font-size:.875rem}.livecomponent-admin-asset-picker__view-toggle-button:hover{background:var(--bg, oklch(100% 0 0));color:var(--text, oklch(20% .02 280))}.livecomponent-admin-asset-picker__view-toggle-button--active{background:var(--accent-primary, oklch(60% .2 280));color:var(--bg, oklch(100% 0 0))}.livecomponent-admin-asset-picker__content{display:flex;gap:var(--space-lg, 1.5rem);flex:1;overflow:hidden}.livecomponent-admin-asset-picker__filters{min-width:250px;background:var(--bg-secondary, oklch(95% .01 280));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:8px;padding:var(--space-md, 1rem);overflow-y:auto;max-height:calc(90vh - 200px)}.livecomponent-admin-asset-picker__filters-title{font-size:1rem;font-weight:600;color:var(--text, oklch(20% .02 280));margin:0 0 var(--space-md, 1rem) 0;padding-bottom:var(--space-sm, .75rem);border-bottom:1px solid var(--border-light, oklch(75% .02 280))}.livecomponent-admin-asset-picker__filter-group{margin-bottom:var(--space-md, 1rem)}.livecomponent-admin-asset-picker__filter-label{display:block;font-size:.875rem;font-weight:500;color:var(--text, oklch(20% .02 280));margin-bottom:var(--space-xs, .5rem)}.livecomponent-admin-asset-picker__filter-select,.livecomponent-admin-asset-picker__filter-input{width:100%;padding:var(--space-xs, .5rem) var(--space-sm, .75rem);border:1px solid var(--border-light, oklch(75% .02 280));border-radius:4px;background:var(--bg, oklch(100% 0 0));color:var(--text, oklch(20% .02 280));font-size:.875rem}.livecomponent-admin-asset-picker__assets{flex:1;overflow-y:auto;max-height:calc(90vh - 200px);padding-right:var(--space-xs, .5rem)}.livecomponent-admin-asset-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md, 1rem)}.livecomponent-admin-asset-picker__list{display:flex;flex-direction:column;gap:var(--space-sm, .75rem)}.livecomponent-admin-asset-picker__item{border:2px solid var(--border-light, oklch(75% .02 280));border-radius:8px;padding:var(--space-sm, .75rem);cursor:pointer;transition:all .2s ease;background:var(--bg, oklch(100% 0 0));position:relative;overflow:hidden}.livecomponent-admin-asset-picker__item:hover{border-color:var(--accent-primary, oklch(60% .2 280));transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.livecomponent-admin-asset-picker__item--selected{border-color:var(--accent-primary, oklch(60% .2 280));border-width:3px;box-shadow:0 0 0 3px #6e69f31a}.livecomponent-admin-asset-picker__item--dragging{opacity:.5;transform:scale(.95)}.livecomponent-admin-asset-picker__preview{position:relative;width:100%;height:120px;border-radius:4px;overflow:hidden;background:var(--bg-secondary, oklch(95% .01 280));margin-bottom:var(--space-xs, .5rem)}.livecomponent-admin-asset-picker__preview-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.livecomponent-admin-asset-picker__item:hover .livecomponent-admin-asset-picker__preview-image{transform:scale(1.05)}.livecomponent-admin-asset-picker__preview-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, oklch(95% .01 280));color:var(--muted, oklch(50% .01 280));font-size:.75rem;text-align:center;padding:var(--space-xs, .5rem)}.livecomponent-admin-asset-picker__info{font-size:.75rem;color:var(--muted, oklch(50% .01 280));word-break:break-all;line-height:1.4}.livecomponent-admin-asset-picker__info-id{font-family:monospace;font-size:.7rem}.livecomponent-admin-asset-picker__list{display:none}.livecomponent-admin-asset-picker__list[data-view=list]{display:flex}.livecomponent-admin-asset-picker__list-item{display:flex;align-items:center;gap:var(--space-md, 1rem);padding:var(--space-sm, .75rem);border:1px solid var(--border-light, oklch(75% .02 280));border-radius:6px;background:var(--bg, oklch(100% 0 0));cursor:pointer;transition:all .2s ease}.livecomponent-admin-asset-picker__list-item:hover{background:var(--bg-secondary, oklch(95% .01 280));border-color:var(--accent-primary, oklch(60% .2 280))}.livecomponent-admin-asset-picker__list-item--selected{background:#6e69f31a;border-color:var(--accent-primary, oklch(60% .2 280))}.livecomponent-admin-asset-picker__list-preview{width:60px;height:60px;border-radius:4px;object-fit:cover;flex-shrink:0}.livecomponent-admin-asset-picker__list-info{flex:1;min-width:0}.livecomponent-admin-asset-picker__list-id{font-family:monospace;font-size:.75rem;color:var(--text, oklch(20% .02 280));word-break:break-all}.livecomponent-admin-asset-picker__list-mime{font-size:.7rem;color:var(--muted, oklch(50% .01 280));margin-top:var(--space-xs, .5rem)}.livecomponent-admin-asset-picker__empty{text-align:center;padding:var(--space-xl, 3rem);color:var(--muted, oklch(50% .01 280))}.livecomponent-admin-asset-picker__empty-text{font-size:1rem;margin-bottom:var(--space-md, 1rem)}.livecomponent-admin-asset-picker__selected{margin-top:var(--space-md, 1rem);padding:var(--space-md, 1rem);background:var(--bg-secondary, oklch(95% .01 280));border-radius:8px;border:1px solid var(--border-light, oklch(75% .02 280));display:flex;align-items:center;justify-content:space-between;gap:var(--space-md, 1rem)}.livecomponent-admin-asset-picker__selected-label{font-weight:600;color:var(--text, oklch(20% .02 280));font-size:.875rem}.livecomponent-admin-asset-picker__selected-value{font-family:monospace;font-size:.875rem;color:var(--muted, oklch(50% .01 280));word-break:break-all;flex:1;text-align:right}.livecomponent-admin-asset-picker__clear{padding:var(--space-xs, .5rem) var(--space-sm, .75rem);border:1px solid var(--border-light, oklch(75% .02 280));border-radius:4px;background:var(--bg, oklch(100% 0 0));color:var(--text, oklch(20% .02 280));cursor:pointer;font-size:.875rem;transition:all .2s ease;flex-shrink:0}.livecomponent-admin-asset-picker__clear:hover{background:var(--bg-tertiary, oklch(92% .01 280));border-color:var(--accent-error, oklch(60% .25 25));color:var(--accent-error, oklch(60% .25 25))}@media(max-width:1024px){.livecomponent-admin-asset-picker__content{flex-direction:column}.livecomponent-admin-asset-picker__filters{min-width:100%;max-height:200px}}@media(max-width:768px){.livecomponent-admin-asset-picker__modal{padding:var(--space-md, 1rem);max-width:100vw;max-height:100vh;border-radius:0}.livecomponent-admin-asset-picker__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm, .75rem)}.livecomponent-admin-asset-picker__search-container{flex-direction:column}}.livecomponent-admin-asset-picker__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl, 3rem);color:var(--muted, oklch(50% .01 280))}.livecomponent-admin-asset-picker__loading-spinner{width:40px;height:40px;border:3px solid var(--border-light, oklch(75% .02 280));border-top-color:var(--accent-primary, oklch(60% .2 280));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}@layer components{.admin-asset-upload{padding:var(--space-lg, 1.5rem);background:var(--bg, oklch(100% 0 0))}.admin-asset-upload__mode-toggle{display:flex;gap:var(--space-xs, .5rem);margin-bottom:var(--space-lg, 1.5rem);border-bottom:1px solid var(--border-light, oklch(75% .02 280));padding-bottom:var(--space-md, 1rem)}.admin-asset-upload__mode-button{padding:var(--space-xs, .5rem) var(--space-md, 1rem);background:var(--bg-secondary, oklch(95% .01 280));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:var(--radius-sm, 4px);color:var(--text, oklch(20% .02 280));cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--duration-default, .2s) var(--easing-default)}.admin-asset-upload__mode-button:hover{background:var(--bg-hover, oklch(90% .01 280));border-color:var(--accent-primary, oklch(60% .2 280))}.admin-asset-upload__mode-button--active{background:var(--accent-primary, oklch(60% .2 280));color:var(--bg, oklch(100% 0 0));border-color:var(--accent-primary, oklch(60% .2 280))}.admin-upload-zone{border:2px dashed var(--border, oklch(70% .02 280));border-radius:var(--radius-md, 8px);padding:var(--space-xl, 3rem) var(--space-lg, 2rem);text-align:center;background:var(--bg-secondary, oklch(95% .01 280));transition:all var(--duration-default, .3s) var(--easing-default);margin-bottom:var(--space-lg, 1.5rem);cursor:pointer;position:relative}.admin-upload-zone:hover{border-color:var(--accent-primary, oklch(60% .2 280));background:var(--bg-hover, oklch(92% .01 280))}.admin-upload-zone--dragover{border-color:var(--accent-primary, oklch(60% .2 280));background:#6e69f31a;transform:scale(1.02)}.admin-upload-zone__icon{font-size:3rem;margin-bottom:var(--space-md, 1rem);opacity:.7}.admin-upload-zone__text{font-size:1.125rem;font-weight:500;color:var(--text, oklch(20% .02 280));margin-bottom:var(--space-xs, .5rem)}.admin-upload-zone__subtext{color:var(--muted, oklch(50% .01 280));font-size:.875rem;margin-bottom:var(--space-md, 1rem)}.admin-upload-zone__button{display:inline-block;background:var(--accent-primary, oklch(60% .2 280));color:var(--bg, oklch(100% 0 0));padding:var(--space-sm, .75rem) var(--space-lg, 1.5rem);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:background var(--duration-default, .2s) var(--easing-default);font-weight:500}.admin-upload-zone__button:hover{background:var(--accent-primary-dark, oklch(50% .2 280))}.admin-upload-zone__input{display:none}.admin-upload-zone__info{color:var(--muted, oklch(50% .01 280));font-size:.75rem;margin-top:var(--space-md, 1rem)}.admin-asset-upload__batch-progress{margin-bottom:var(--space-lg, 1.5rem)}.admin-asset-upload__batch-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md, 1rem)}.admin-asset-upload__batch-progress-title{font-size:1.125rem;font-weight:600;color:var(--text, oklch(20% .02 280));margin:0}.admin-asset-upload__queue{display:flex;flex-direction:column;gap:var(--space-sm, .75rem);margin-bottom:var(--space-md, 1rem)}.admin-upload-item{display:flex;gap:var(--space-md, 1rem);padding:var(--space-md, 1rem);background:var(--bg-secondary, oklch(95% .01 280));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:var(--radius-md, 8px);transition:all var(--duration-default, .2s) var(--easing-default)}.admin-upload-item:hover{border-color:var(--border, oklch(70% .02 280));box-shadow:0 2px 4px #0000000d}.admin-upload-item--uploading{border-color:var(--accent-primary, oklch(60% .2 280))}.admin-upload-item--success{border-color:var(--success, oklch(60% .2 150));background:#009a460d;background:oklch(60% .2 150 / .05)}.admin-upload-item--error{border-color:var(--error, oklch(60% .2 20));background:#de394b0d}.admin-upload-item__preview{width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-sm, 4px);overflow:hidden;background:var(--bg, oklch(100% 0 0));display:flex;align-items:center;justify-content:center}.admin-upload-item__preview-image{width:100%;height:100%;object-fit:cover}.admin-upload-item__preview-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, oklch(95% .01 280));color:var(--muted, oklch(50% .01 280));font-size:1.5rem;font-weight:600}.admin-upload-item__info{flex:1;min-width:0}.admin-upload-item__filename{font-weight:500;color:var(--text, oklch(20% .02 280));margin-bottom:var(--space-xs, .5rem);word-break:break-word}.admin-upload-item__meta{display:flex;gap:var(--space-sm, .75rem);font-size:.75rem;color:var(--muted, oklch(50% .01 280));margin-bottom:var(--space-xs, .5rem)}.admin-upload-item__size,.admin-upload-item__mime{display:inline-block}.admin-upload-item__progress{margin-top:var(--space-xs, .5rem)}.admin-upload-item__success{display:flex;align-items:center;gap:var(--space-xs, .5rem);color:var(--success, oklch(60% .2 150));font-size:.875rem;margin-top:var(--space-xs, .5rem)}.admin-upload-item__asset-id{font-size:.75rem;opacity:.7;margin-left:var(--space-xs, .5rem)}.admin-upload-item__error{display:flex;align-items:center;gap:var(--space-xs, .5rem);color:var(--error, oklch(60% .2 20));font-size:.875rem;margin-top:var(--space-xs, .5rem)}.admin-upload-item__actions{display:flex;align-items:flex-start;gap:var(--space-xs, .5rem)}.admin-asset-upload__overall-progress{margin-top:var(--space-md, 1rem);padding-top:var(--space-md, 1rem);border-top:1px solid var(--border-light, oklch(75% .02 280))}.admin-upload-progress{margin-bottom:var(--space-lg, 1.5rem)}.admin-progress-bar{width:100%;height:8px;background:var(--bg-secondary, oklch(95% .01 280));border-radius:var(--radius-sm, 4px);overflow:hidden;margin-bottom:var(--space-xs, .5rem)}.admin-progress-bar--sm{height:6px}.admin-progress-fill{height:100%;background:var(--accent-primary, oklch(60% .2 280));transition:width var(--duration-default, .3s) var(--easing-default)}.admin-progress-text{font-size:.875rem;color:var(--muted, oklch(50% .01 280))}.admin-file-preview{margin-bottom:var(--space-lg, 1.5rem);padding:var(--space-md, 1rem);background:var(--bg-secondary, oklch(95% .01 280));border-radius:var(--radius-md, 8px);border:1px solid var(--border-light, oklch(75% .02 280))}.admin-file-preview__image{max-width:100%;height:auto;border-radius:var(--radius-sm, 4px);margin-bottom:var(--space-md, 1rem)}.admin-file-preview__info{display:flex;justify-content:space-between;align-items:center}.admin-asset-upload__form{margin-top:var(--space-lg, 1.5rem)}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg, 1.5rem)}.admin-form-field{display:flex;flex-direction:column}.admin-form-label{display:block;font-weight:500;color:var(--text, oklch(20% .02 280));margin-bottom:var(--space-xs, .5rem);font-size:.875rem}.admin-input{width:100%;padding:var(--space-xs, .625rem) var(--space-sm, .875rem);border:1px solid var(--border, oklch(70% .02 280));border-radius:var(--radius-sm, 4px);background:var(--bg, oklch(100% 0 0));color:var(--text, oklch(20% .02 280));font-size:.875rem;transition:border-color var(--duration-default, .2s) var(--easing-default)}.admin-input:focus{outline:none;border-color:var(--accent-primary, oklch(60% .2 280));box-shadow:0 0 0 3px #6e69f31a}.admin-form-help{color:var(--muted, oklch(50% .01 280));font-size:.75rem;margin-top:var(--space-xs, .25rem)}.admin-alert{padding:var(--space-md, 1rem);border-radius:var(--radius-sm, 4px);margin-bottom:var(--space-lg, 1.5rem)}.admin-alert--error{background:#de394b1a;border-left:4px solid var(--error, oklch(60% .2 20));color:var(--error, oklch(60% .2 20))}.admin-alert--success{background:#009a461a;background:oklch(60% .2 150 / .1);border-left:4px solid var(--success, oklch(60% .2 150));color:var(--success, oklch(60% .2 150))}.admin-btn{padding:var(--space-xs, .5rem) var(--space-md, 1rem);border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;font-size:.875rem;font-weight:500;transition:background var(--duration-default, .2s) var(--easing-default)}.admin-btn--secondary{background:var(--bg-secondary, oklch(95% .01 280));color:var(--text, oklch(20% .02 280));border:1px solid var(--border-light, oklch(75% .02 280))}.admin-btn--secondary:hover{background:var(--bg-hover, oklch(90% .01 280))}.admin-btn--danger{background:var(--error, oklch(60% .2 20));color:var(--bg, oklch(100% 0 0))}.admin-btn--danger:hover{background:#ba022f}.admin-btn--sm{padding:var(--space-xs, .375rem) var(--space-sm, .75rem);font-size:.75rem}}@layer components{.admin-asset-variants{padding:var(--space-lg, 1.5rem);background:var(--bg, oklch(100% 0 0))}.admin-asset-variants__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md, 1rem);margin-bottom:var(--space-lg, 1.5rem);padding-bottom:var(--space-md, 1rem);border-bottom:1px solid var(--border-light, oklch(75% .02 280))}.admin-asset-variants__title{font-size:1.25rem;font-weight:600;color:var(--text, oklch(20% .02 280));margin:0}.admin-asset-variants__actions{display:flex;gap:var(--space-xs, .5rem)}.admin-asset-variants__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md, 1rem)}.admin-variant-card{display:flex;flex-direction:column;background:var(--bg-secondary, oklch(95% .01 280));border:1px solid var(--border-light, oklch(75% .02 280));border-radius:var(--radius-md, 8px);padding:var(--space-md, 1rem);transition:all var(--duration-default, .2s) var(--easing-default)}.admin-variant-card:hover{border-color:var(--border, oklch(70% .02 280));box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.admin-variant-card__preview{width:100%;aspect-ratio:1;background:var(--bg, oklch(100% 0 0));border-radius:var(--radius-sm, 4px);overflow:hidden;margin-bottom:var(--space-sm, .75rem);display:flex;align-items:center;justify-content:center}.admin-variant-card__thumbnail{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-default, .3s) var(--easing-default)}.admin-variant-card:hover .admin-variant-card__thumbnail{transform:scale(1.05)}.admin-variant-card__icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, oklch(95% .01 280))}.admin-variant-card__icon-text{font-size:2rem;font-weight:600;color:var(--muted, oklch(50% .01 280))}.admin-variant-card__info{flex:1;margin-bottom:var(--space-sm, .75rem)}.admin-variant-card__name{font-weight:600;color:var(--text, oklch(20% .02 280));margin-bottom:var(--space-xs, .5rem);font-size:.875rem;word-break:break-word}.admin-variant-card__meta{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--muted, oklch(50% .01 280))}.admin-variant-card__dimensions,.admin-variant-card__size,.admin-variant-card__format{display:inline-block}.admin-variant-card__actions{display:flex;gap:var(--space-xs, .5rem);margin-top:auto}.admin-asset-variants__empty{text-align:center;padding:var(--space-xl, 3rem) var(--space-lg, 2rem);background:var(--bg-secondary, oklch(95% .01 280));border:2px dashed var(--border-light, oklch(75% .02 280));border-radius:var(--radius-md, 8px)}.admin-asset-variants__empty-icon{font-size:3rem;margin-bottom:var(--space-md, 1rem);opacity:.5}.admin-asset-variants__empty-text{font-size:1rem;color:var(--text, oklch(20% .02 280));margin-bottom:var(--space-md, 1rem)}.admin-asset-variants__empty-hint{font-size:.875rem;color:var(--muted, oklch(50% .01 280));margin-top:var(--space-sm, .75rem)}.admin-alert{padding:var(--space-md, 1rem);border-radius:var(--radius-sm, 4px);margin-bottom:var(--space-lg, 1.5rem)}.admin-alert--error{background:#de394b1a;border-left:4px solid var(--error, oklch(60% .2 20));color:var(--error, oklch(60% .2 20))}.admin-btn{padding:var(--space-xs, .5rem) var(--space-md, 1rem);border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--duration-default, .2s) var(--easing-default);display:inline-flex;align-items:center;gap:var(--space-xs, .5rem)}.admin-btn:disabled{opacity:.6;cursor:not-allowed}.admin-btn--primary{background:var(--accent-primary, oklch(60% .2 280));color:var(--bg, oklch(100% 0 0))}.admin-btn--primary:hover:not(:disabled){background:var(--accent-primary-dark, oklch(50% .2 280))}.admin-btn--secondary{background:var(--bg-secondary, oklch(95% .01 280));color:var(--text, oklch(20% .02 280));border:1px solid var(--border-light, oklch(75% .02 280))}.admin-btn--secondary:hover{background:var(--bg-hover, oklch(90% .01 280));border-color:var(--border, oklch(70% .02 280))}.admin-btn--danger{background:var(--error, oklch(60% .2 20));color:var(--bg, oklch(100% 0 0))}.admin-btn--danger:hover{background:#ba022f}.admin-btn--sm{padding:var(--space-xs, .375rem) var(--space-sm, .75rem);font-size:.75rem}}@layer components.components{.admin-sidebar{display:flex;flex-direction:column;background-color:var(--sidebar-bg);color:var(--sidebar-text);padding:var(--spacing-md) 0}@media(max-width:767px){.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width-mobile);max-width:280px;transform:translate(-100%);transition:transform var(--transition-base);z-index:var(--z-sidebar);overflow-y:auto}.admin-sidebar[data-mobile-menu-open=true]{transform:translate(0)}}@media(min-width:768px){.admin-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--sidebar-border)}}.admin-sidebar__resize-handle{display:none}@media(min-width:768px){.admin-sidebar__resize-handle{display:block;position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;background-color:transparent;transition:background-color var(--transition-base);z-index:10;-webkit-user-select:none;user-select:none}.admin-sidebar__resize-handle:hover{background-color:var(--sidebar-border)}.admin-sidebar__resize-handle:active{background-color:var(--accent-primary)}@media(prefers-color-scheme:dark){.admin-sidebar__resize-handle:hover{background-color:oklch(from var(--sidebar-border) calc(l + .1) c h)}.admin-sidebar__resize-handle:active{background-color:var(--accent-primary);opacity:.8}}}.admin-sidebar__header{padding:0 var(--spacing-lg);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md)}.admin-sidebar__logo{width:40px;height:40px;flex-shrink:0}.admin-sidebar__title{font-size:var(--font-size-lg);font-weight:600;color:var(--sidebar-text-hover);margin:0}.admin-nav{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-nav__section{padding:0 var(--spacing-md)}.admin-nav__section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:background-color var(--transition-base),opacity var(--transition-base);list-style:none;border-radius:var(--radius-sm)}.admin-nav__section-toggle::-webkit-details-marker{display:none}.admin-nav__section-toggle::marker{display:none}.admin-nav__section-toggle:hover{opacity:1;background-color:var(--hover-overlay)}@media(prefers-color-scheme:dark){.admin-nav__section-toggle:hover{background-color:oklch(from var(--sidebar-bg) calc(l + .08) c h)}}.admin-nav__section-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.admin-nav summary h2{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sidebar-text);opacity:.7;padding:var(--spacing-sm) var(--spacing-sm);margin:var(--spacing-sm) 0 var(--spacing-xs);pointer-events:none;transition:opacity var(--transition-base),color var(--transition-base)}.admin-nav summary svg{width:16px;height:16px;flex-shrink:0;color:var(--sidebar-text);opacity:.5;transition:transform var(--transition-base),opacity var(--transition-base);pointer-events:none}.admin-nav summary:hover svg{opacity:.8}.admin-nav__section:not([open]) summary svg{transform:rotate(-90deg)}.admin-nav__section:not([open]) ul{display:none}.admin-nav__section[open] summary svg{transform:rotate(0)}.admin-nav__section[open] summary h2{opacity:1;color:var(--sidebar-text-hover)}.admin-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-nav li{margin:0}.admin-nav a{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);color:var(--sidebar-text);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base);position:relative}.admin-nav a:hover{background-color:var(--hover-overlay);color:var(--sidebar-text-hover)}@media(prefers-color-scheme:dark){.admin-nav a:hover{background-color:oklch(from var(--sidebar-bg) calc(l + .05) c h)}}.admin-nav a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.admin-nav a[aria-current=page],.admin-nav a.admin-nav__link--active{background-color:var(--sidebar-active);color:var(--sidebar-text-hover)}.admin-nav a[aria-current=page]:before,.admin-nav a.admin-nav__link--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:70%;background-color:var(--accent-primary);border-radius:0 2px 2px 0}.admin-nav svg,.admin-nav .admin-nav__icon{width:20px;height:20px;flex-shrink:0;opacity:.8}.admin-nav a:hover svg,.admin-nav a:hover .admin-nav__icon,.admin-nav a[aria-current=page] svg,.admin-nav a[aria-current=page] .admin-nav__icon{opacity:1}.admin-nav__badge{margin-left:auto;padding:2px 8px;background-color:var(--accent-error);color:#fff;font-size:var(--font-size-xs);font-weight:600;border-radius:10px;min-width:20px;text-align:center}.admin-nav__submenu{list-style:none;margin:var(--spacing-xs) 0 0;padding:0 0 0 calc(var(--spacing-md) + 20px);display:none;flex-direction:column;gap:var(--spacing-xs)}.admin-nav__item--expanded>.admin-nav__submenu{display:flex}.admin-nav__submenu a{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.admin-nav__toggle{margin-left:auto;width:16px;height:16px;transition:transform var(--transition-base)}.admin-nav__item--expanded .admin-nav__toggle{transform:rotate(90deg)}.admin-sidebar__footer{margin-top:auto;padding:var(--spacing-lg);border-top:1px solid var(--sidebar-border)}.admin-sidebar__user{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--sidebar-text);text-decoration:none;transition:background-color var(--transition-base)}.admin-sidebar__user:hover{background-color:var(--hover-overlay)}@media(prefers-color-scheme:dark){.admin-sidebar__user:hover{background-color:oklch(from var(--sidebar-bg) calc(l + .05) c h)}}.admin-sidebar__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.admin-sidebar__user-info{flex:1;min-width:0}.admin-sidebar__user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--sidebar-text-hover);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar__user-role{font-size:var(--font-size-xs);color:var(--sidebar-text);opacity:.8;display:block}.admin-sidebar__mobile-toggle{display:none}@media(max-width:767px){.admin-sidebar__mobile-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:calc(var(--z-sidebar) + 1);width:44px;height:44px;background-color:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-base)}.admin-sidebar__mobile-toggle:hover{background-color:var(--sidebar-active)}.admin-sidebar__mobile-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}}.admin-sidebar__toggle-icon{width:24px;height:24px;color:var(--sidebar-text-hover)}}@layer components.components{.admin-header{display:flex;align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--header-border);padding:var(--spacing-sm) var(--spacing-content-padding);min-height:var(--header-height-mobile);position:sticky;top:0;z-index:var(--z-header);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--header-bg)}@media(min-width:768px){.admin-header{min-height:var(--header-height-tablet)}}@media(min-width:1440px){.admin-header{min-height:var(--header-height-wide)}}.admin-header__title{font-size:var(--font-size-lg);font-weight:600;color:var(--header-text);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.admin-header__title{display:none}}.admin-header__search{flex:0 1 400px;max-width:400px}@media(max-width:767px){.admin-header__search{flex:1;max-width:none}}.admin-header__actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.admin-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background-color:transparent;border:1px solid transparent;color:var(--header-text);cursor:pointer;transition:all var(--transition-base);position:relative}.admin-action-btn:hover{background-color:var(--hover-overlay);border-color:var(--border-light)}.admin-action-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(prefers-color-scheme:dark){.admin-action-btn:hover{background-color:oklch(from var(--header-bg) calc(l + .03) c h)}}.admin-action-btn__icon{width:18px;height:18px}.admin-action-btn__badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:var(--accent-error);border:2px solid var(--header-bg);border-radius:50%}.admin-action-btn__badge--count{width:auto;height:auto;min-width:18px;padding:2px 5px;font-size:10px;font-weight:600;color:#fff;line-height:1;border-radius:9px}.admin-theme-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.admin-theme-toggle:hover{background-color:var(--bg-tertiary)}@media(prefers-color-scheme:dark){.admin-theme-toggle:hover{background-color:oklch(from var(--bg-secondary) calc(l + .05) c h)}}@media(max-width:767px){.admin-theme-toggle{padding:var(--spacing-xs)}.admin-theme-toggle .admin-theme-toggle__label{display:none}}.admin-theme-toggle__icon{width:18px;height:18px;color:var(--header-text)}.admin-theme-toggle__label{font-size:var(--font-size-sm);color:var(--header-text)}.admin-user-menu{position:relative}.admin-user-menu__trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.admin-user-menu__trigger:hover{background-color:var(--hover-overlay);border-color:var(--border-light)}.admin-user-menu__trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(prefers-color-scheme:dark){.admin-user-menu__trigger:hover{background-color:oklch(from var(--header-bg) calc(l + .03) c h)}}.admin-user-menu__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light)}.admin-user-menu__name{font-size:var(--font-size-sm);font-weight:500;color:var(--header-text)}@media(max-width:767px){.admin-user-menu__name{display:none}}.admin-user-menu__chevron{width:16px;height:16px;color:var(--header-text);transition:transform var(--transition-base)}@media(max-width:767px){.admin-user-menu__chevron{display:none}}.admin-user-menu__item{list-style:none;margin:0}.admin-user-menu__link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--content-text);text-decoration:none;font-size:var(--font-size-sm);transition:background-color var(--transition-base)}.admin-user-menu__link:hover{background-color:var(--bg-secondary)}.admin-user-menu__icon{width:18px;height:18px;opacity:.7}.admin-user-menu__divider{height:1px;background-color:var(--border-light);margin:var(--spacing-sm) 0}}@layer components.components{search.admin-search{position:relative;width:100%;display:block}search.admin-search form{display:flex;align-items:center;gap:var(--spacing-xs);position:relative}search.admin-search .admin-search__input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);padding-right:calc(var(--spacing-sm) + 36px + var(--spacing-xs));border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--bg-secondary);color:var(--content-text);transition:all var(--transition-base)}search.admin-search .admin-search__input::placeholder{color:var(--content-text);opacity:.5}search.admin-search .admin-search__input:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--focus-ring-alpha);background-color:var(--content-bg)}search.admin-search .admin-search__submit{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);background:transparent;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--content-text);opacity:.6;transition:opacity var(--transition-base);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}search.admin-search .admin-search__submit:hover,search.admin-search .admin-search__submit:focus{opacity:1;background-color:var(--hover-overlay)}search.admin-search .admin-search__submit:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}search.admin-search .admin-search__icon{width:18px;height:18px;flex-shrink:0}search.admin-search .admin-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}search.admin-search--header{flex:0 1 400px;max-width:400px}@media(max-width:767px){search.admin-search--header{flex:1;max-width:none}}search.admin-search--sidebar{margin-bottom:var(--spacing-md)}search.admin-search--standalone{max-width:600px;margin:0 auto}@media(prefers-color-scheme:dark){search.admin-search .admin-search__input{background-color:var(--bg-secondary);border-color:var(--border-light)}search.admin-search .admin-search__input:focus{background-color:var(--content-bg);border-color:var(--focus-ring)}search.admin-search .admin-search__submit{color:var(--content-text)}search.admin-search .admin-search__submit:hover{background-color:oklch(from var(--bg-secondary) calc(l + .1) c h)}}}@layer components.components{[popover]{position:fixed;top:0;right:0;bottom:0;left:0;width:fit-content;height:fit-content;margin:auto;border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--content-bg);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);z-index:var(--z-popover);color:var(--content-text)}[popover]:not(:popover-open){display:none}[popover]::backdrop{background-color:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--transition-base),backdrop-filter var(--transition-base)}.admin-popover{min-width:200px;max-width:320px;padding:var(--spacing-xs) 0;background-color:var(--content-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;&--bottom-start{top:auto;bottom:0;left:0;right:auto}&--bottom-end{top:auto;bottom:0;left:auto;right:0}&--top-start{top:0;bottom:auto;left:0;right:auto}&--top-end{top:0;bottom:auto;left:auto;right:0}}.admin-popover ul{list-style:none;margin:0;padding:0}.admin-popover li{margin:0}.admin-popover a,.admin-popover button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-xs) var(--spacing-md);border:none;background:transparent;color:var(--content-text);text-decoration:none;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-base)}.admin-popover a:hover,.admin-popover a:focus,.admin-popover button:hover,.admin-popover button:focus{background-color:var(--hover-overlay);outline:none}.admin-popover a:focus-visible,.admin-popover button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.admin-popover hr{margin:var(--spacing-xs) 0;border:none;border-top:1px solid var(--border-light)}@view-transition{navigation: auto;}@view-transition-group (popover){animation-duration: var(--transition-base); animation-timing-function: ease-in-out;}@media(prefers-color-scheme:dark){[popover]{background-color:var(--content-bg);border-color:var(--border-light);box-shadow:var(--shadow-lg)}[popover]::backdrop{background-color:#00000080}.admin-popover a:hover,.admin-popover button:hover{background-color:oklch(from var(--content-bg) calc(l + .08) c h)}}}@layer components.components{.admin-breadcrumbs{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;overflow-x:auto;scrollbar-width:thin}.admin-breadcrumbs::-webkit-scrollbar{height:0}@media(max-width:767px){.admin-breadcrumbs{flex:1;min-width:0}}.admin-breadcrumbs__list{display:flex;align-items:center;gap:var(--spacing-xs);list-style:none;margin:0;padding:0;flex-wrap:nowrap}.admin-breadcrumbs__item{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;flex-shrink:0}.admin-breadcrumbs__item:last-child{flex-shrink:1;min-width:0}.admin-breadcrumbs__link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--link-color);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-base)}.admin-breadcrumbs__link:hover{color:var(--link-hover);text-decoration:underline}.admin-breadcrumbs__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}.admin-breadcrumbs__current{color:var(--content-text);font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis}.admin-breadcrumbs__home-icon{width:16px;height:16px;flex-shrink:0}.admin-breadcrumbs__separator{display:inline-flex;align-items:center;color:var(--content-text);opacity:.4;font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;flex-shrink:0}.admin-breadcrumbs__separator-icon{width:16px;height:16px}.admin-breadcrumbs__overflow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--content-text);background-color:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-base)}.admin-breadcrumbs__overflow:hover{background-color:var(--bg-tertiary)}.admin-breadcrumbs__overflow:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(max-width:480px){.admin-breadcrumbs__item:not(:first-child):not(:last-child):not(.admin-breadcrumbs__overflow){display:none}}.admin-breadcrumbs__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer components.components{.admin-content{padding:var(--spacing-content-padding);background-color:var(--content-bg);color:var(--content-text);overflow-x:hidden}@media(min-width:1440px){.admin-content{max-width:var(--spacing-content-max-width);margin:0 auto;width:100%}}@media(max-width:767px){.admin-content{padding:var(--spacing-md)}}.admin-content__header{margin-bottom:var(--spacing-xl)}.admin-content__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--content-text);margin:0 0 var(--spacing-sm)}@media(max-width:767px){.admin-content__title{font-size:var(--font-size-2xl)}}.admin-content__description{font-size:var(--font-size-base);color:var(--content-text);opacity:.8;margin:0;line-height:1.6}.admin-content__header--with-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}@media(max-width:767px){.admin-content__header--with-actions{flex-direction:column;align-items:stretch}}.admin-content__title-group{flex:1;min-width:0}.admin-content__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media(max-width:767px){.admin-content__actions{width:100%;justify-content:flex-start}}.card{background-color:var(--content-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card.card--interactive{cursor:pointer;transition:all var(--transition-base)}.card.card--interactive:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--content-text);margin:0}.card__subtitle{font-size:var(--font-size-sm);color:var(--content-text);opacity:.7;margin:var(--spacing-xs) 0 0}.card__body{margin:0}.card__footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.admin-section{margin-bottom:var(--spacing-2xl)}.admin-section:last-child{margin-bottom:0}.admin-section__header{margin-bottom:var(--spacing-lg)}.admin-section__title{font-size:var(--font-size-xl);font-weight:600;color:var(--content-text);margin:0 0 var(--spacing-xs)}.admin-section__description{font-size:var(--font-size-sm);color:var(--content-text);opacity:.8;margin:0}.admin-stats-grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media(min-width:768px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.admin-stats-grid{grid-template-columns:repeat(4,1fr)}}.admin-stat-card{background-color:var(--content-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.admin-stat-card__label{font-size:var(--font-size-sm);color:var(--content-text);opacity:.7;margin:0 0 var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.admin-stat-card__value{font-size:var(--font-size-3xl);font-weight:700;color:var(--content-text);margin:0 0 var(--spacing-sm);line-height:1.2}.admin-stat-card__change{font-size:var(--font-size-sm);font-weight:500;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.admin-stat-card__change.admin-stat-card__change--positive{color:var(--accent-success)}.admin-stat-card__change.admin-stat-card__change--negative{color:var(--accent-error)}.admin-stat-card__change.admin-stat-card__change--neutral{color:var(--content-text);opacity:.6}.admin-stat-card__icon{width:40px;height:40px;padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--accent-primary);margin-bottom:var(--spacing-md)}.admin-empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--content-text)}.admin-empty-state__icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);opacity:.4}.admin-empty-state__title{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-sm)}.admin-empty-state__description{font-size:var(--font-size-base);opacity:.8;margin:0 0 var(--spacing-lg)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--content-text)}.admin-loading__spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;animation:admin-spin .8s linear infinite}.admin-loading__text{margin-top:var(--spacing-md);font-size:var(--font-size-sm);opacity:.8}@keyframes admin-spin{to{transform:rotate(360deg)}}}@layer components.components{.admin-stat-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-stat-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.admin-stat-list__item:last-child{border-bottom:none;padding-bottom:0}.admin-stat-list__label{font-size:var(--font-size-sm);color:var(--content-text);opacity:.8}.admin-stat-list__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--content-text)}.admin-stat-list--compact{gap:var(--spacing-sm)}.admin-stat-list--compact .admin-stat-list__item{padding-bottom:var(--spacing-xs)}}@layer components{.confusion-matrix-card{padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--content-bg)}.confusion-matrix-card__title{margin:0 0 var(--space-md);font-size:var(--font-size-md);font-weight:600;color:var(--content-text)}.confusion-matrix__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);margin-bottom:var(--space-md)}.confusion-matrix__cell{padding:var(--space-md);border-radius:var(--border-radius);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.confusion-matrix__cell:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.confusion-matrix__cell-label{font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.confusion-matrix__cell-value{font-size:var(--font-size-xl);font-weight:700}.confusion-matrix__cell--tp{background:#d8f9dd;border:2px solid oklch(70% .15 150);color:#003915;color:oklch(30% .1 150)}.confusion-matrix__cell--tn{background:#d6f5ff;background:oklch(95% .05 220);border:2px solid oklch(65% .15 220);color:#003441;color:oklch(30% .1 220)}.confusion-matrix__cell--fp{background:#ffe7e2;background:oklch(95% .05 30);border:2px solid oklch(70% .15 30);color:#652118}.confusion-matrix__cell--fn{background:#ffeada;background:oklch(95% .05 60);border:2px solid oklch(75% .15 60);color:#592e00;color:oklch(35% .1 60)}.confusion-matrix__rates{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.confusion-matrix__rates .admin-stat-item{padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.confusion-matrix__rates .admin-stat-item__label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted)}.confusion-matrix__rates .admin-stat-item__value{font-size:var(--font-size-md);font-weight:600;color:var(--content-text)}:root[data-theme=dark] .confusion-matrix__cell--tp{background:#002a0e;background:oklch(25% .08 150);border-color:#09672e;color:#b8d8bd}:root[data-theme=dark] .confusion-matrix__cell--tn{background:#002631;background:oklch(25% .08 220);border-color:#005f75;border-color:oklch(45% .12 220);color:#aad6e5}:root[data-theme=dark] .confusion-matrix__cell--fp{background:#400d07;border-color:#8c352a;color:#edc2bb}:root[data-theme=dark] .confusion-matrix__cell--fn{background:#351900;background:oklch(25% .08 60);border-color:#7f4400;border-color:oklch(45% .12 60);color:#e7c7ae}@media(max-width:768px){.confusion-matrix__grid{gap:var(--space-xxs)}.confusion-matrix__cell{padding:var(--space-sm)}.confusion-matrix__cell-label{font-size:var(--font-size-xs)}.confusion-matrix__cell-value{font-size:var(--font-size-lg)}.confusion-matrix__rates{grid-template-columns:1fr}}}@layer utilities{.skip-link{position:absolute;display:inline-block;padding:.375rem .75rem;line-height:1;font-size:1.25rem;background-color:#639;color:#fff;transform:translateY(0);transition:transform .25s ease-in}.skip-link:not(:focus){transform:translateY(-2rem)}}@layer utilities{.fade{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.fade.entered{color:#0af}.fade-in{transition:opacity .4s ease-out}.fade-out{transition:opacity .4s ease-in}.zoom-in{transition:transform .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:shake .8s ease-in-out}.fade-in-on-scroll,.zoom-in{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.visible{opacity:1;transform:none}}@layer utilities{.noise-bg{--noise-opacity: .15;background-image:repeating-radial-gradient(circle at 1px 1px,rgba(255,255,255,var(--noise-opacity, .03)) 0,rgba(0,0,0,var(--noise-opacity, .03)) 1px,transparent 2px);background-size:3px 3px}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background-color:#000;mix-blend-mode:overlay;opacity:.5;animation:noise 1s steps(10) infinite}@keyframes noise{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.noise-overlay{--noise-intensity: .03;view-transition-name:noise;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;mix-blend-mode:overlay;background-size:cover;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'><filter id='noiseFilter'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23noiseFilter)'/></svg>") repeat,rgba(0,0,0,var(--noise-intensity, .03))}.noise-overlay{opacity:var(--noise-opacity, .05);transition:opacity .3s ease;pointer-events:none}.noise-overlay.hidden{opacity:0}}@layer utilities{body{transition:background-color .5s ease,color .5s ease}body[data-active-scroll-step="1"]{background-color:#1a1a1a;color:#eee}body[data-active-scroll-step="2"]{background-color:#000;color:#f0f0f0}body[data-active-scroll-step="3"]{background-color:#2c1c59;color:#fff}body[data-active-scroll-step="1"]{cursor:s-resize}body[data-active-scroll-step="2"]{background-color:#1a1a1a}[data-scroll-step]{opacity:0;transform:translateY(2rem);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}body{opacity:1}[data-scroll-step].active{opacity:1;transform:translateY(0)}[data-scroll-step].active{border-left:4px solid var(--accent-color, #6c4dff);background-color:#ffffff05}[data-sticky-step]{position:sticky;top:20vh;margin:2rem 0;padding:2rem;background:#1e1e1e;border-radius:.5rem;opacity:.4;transition:opacity .3s ease,transform .3s ease}[data-sticky-step].is-sticky-active{opacity:1;transform:scale(1.02);box-shadow:0 0 1rem #ffffff0d}[data-sticky-container][data-active-sticky-step="0"] [data-sticky-step]:nth-child(1),[data-sticky-container][data-active-sticky-step="1"] [data-sticky-step]:nth-child(2),[data-sticky-container][data-active-sticky-step="2"] [data-sticky-step]:nth-child(3){border-left:4px solid var(--accent-color, #6c4dff);background:linear-gradient(to right,rgba(108,77,255,.1),transparent)}[data-sticky-step]{transition:opacity .3s ease,transform .3s ease,background .4s ease}[data-sticky-container]{position:relative;z-index:0;height:300vh;padding:2rem}.loop-container{overflow:hidden;position:relative;height:200px}.loop-content{display:flex;flex-direction:column}[data-scroll-loop]{will-change:transform;display:inline-block;backface-visibility:hidden;transform-style:preserve-3d}.scroll-loop-container{overflow:hidden;position:relative;height:200px}.scroll-loop-container>[data-scroll-loop]{display:flex;flex-direction:column}[data-scroll-type=background]{background-repeat:repeat;background-size:auto 100%}[data-scroll-loop][data-loop-pause=true]:hover,[data-scroll-loop][data-loop-pause=true]:active{animation-play-state:paused}[data-sticky-fade]{opacity:0;transform:translateY(20px);transition-property:opacity,transform;transition-duration:.4s;transition-timing-function:ease-out;will-change:opacity,transform;pointer-events:auto}[data-sticky-fade][data-fade-distance="10"]{transform:translateY(10px)}[data-sticky-fade][data-fade-distance="30"]{transform:translateY(30px)}[data-sticky-fade][data-fade-distance="40"]{transform:translateY(40px)}[data-sticky-fade][data-fade-duration=fast]{transition-duration:.2s}[data-sticky-fade][data-fade-duration=slow]{transition-duration:.8s}[data-sticky-fade].visible{opacity:1;transform:translateY(0);box-shadow:0 1rem 2rem #0000001a;filter:brightness(1.05);transition-property:opacity,transform,box-shadow;transition-timing-function:ease}}@layer utilities.utilities{:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring);outline-offset:var(--focus-ring-offset, 2px);border-radius:var(--radius-sm)}.admin-skip-link{position:absolute;top:-9999px;left:-9999px;z-index:var(--z-toast);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--accent-primary);color:#fff;text-decoration:none;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.admin-skip-link:focus{top:var(--spacing-md);left:var(--spacing-md)}.sr-only,.admin-sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.admin-nav__item:focus-within{position:relative}.admin-nav__item:focus-within:before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;bottom:-2px;border:2px solid var(--focus-ring);border-radius:var(--radius-md);pointer-events:none}body.user-is-tabbing *:focus{outline:3px solid var(--accent-info);outline-offset:3px}@media(prefers-contrast:high){.admin-card,.admin-sidebar,.admin-header{border:2px solid currentColor}button,.admin-action-btn,.admin-nav__link{border:2px solid currentColor!important}}@media(pointer:coarse){button,a,input[type=checkbox],input[type=radio],.admin-action-btn,.admin-nav__link{min-width:44px;min-height:44px}}.text-contrast-aa{color:var(--content-text)}.text-contrast-large{font-size:1.125rem;color:var(--content-text);opacity:.9}.admin-error,.admin-form-error{color:var(--accent-error)}.admin-error:before,.admin-form-error:before{content:"⚠ ";font-weight:700;margin-right:.25rem}[aria-invalid=true]{border-color:var(--accent-error)!important;border-width:2px!important;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23dc2626" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:2.5rem}.admin-success:before{content:"✓ ";font-weight:700;color:var(--accent-success);margin-right:.25rem}.admin-warning:before{content:"⚠ ";font-weight:700;color:var(--accent-warning);margin-right:.25rem}.admin-info:before{content:"ℹ ";font-weight:700;color:var(--accent-info);margin-right:.25rem}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed;position:relative}button:disabled:after,[aria-disabled=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,oklch(0% 0 0 / .05) 5px,oklch(0% 0 0 / .05) 10px);pointer-events:none}.admin-live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}table caption{font-weight:var(--font-weight-semibold);text-align:left;padding:var(--spacing-md);background-color:var(--bg-secondary)}table th{font-weight:var(--font-weight-semibold);text-align:left}table tbody tr:nth-child(2n){background-color:var(--bg-secondary)}@media print{.admin-sidebar,.admin-header__actions,.admin-mobile-overlay,.admin-sidebar__mobile-toggle{display:none!important}.admin-content{max-width:100%!important;padding:0!important}a[href]:after{content:" (" attr(href) ")";font-size:.875em;color:var(--content-text)}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}}}@layer utilities.utilities{:root{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}*{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}@media(prefers-reduced-motion:reduce){:root,*{transition:none!important}}[data-theme-toggle] svg{transition:transform var(--transition-base)}[data-theme-toggle]:hover svg{transform:rotate(20deg)}[data-theme=dark] img:not([data-no-dark-mode-filter]){filter:brightness(.9) contrast(1.1)}[data-theme=dark] .admin-sidebar__logo{filter:brightness(1.2)}@media(prefers-contrast:high){[data-theme=dark]{--bg-primary: oklch(10% 0 0);--content-text: oklch(100% 0 0)}[data-theme=light]{--bg-primary: oklch(100% 0 0);--content-text: oklch(0% 0 0)}}@media print{:root,[data-theme]{--bg-primary: oklch(100% 0 0);--content-bg: oklch(100% 0 0);--content-text: oklch(0% 0 0);--border-light: oklch(20% 0 0);--shadow-sm: none;--shadow-md: none;--shadow-lg: none}}}@layer utilities.utilities{@view-transition{navigation: auto;}@view-transition-group (admin-sidebar){animation-duration: var(--transition-base); animation-timing-function: ease-in-out;}@view-transition-group (admin-content){animation-duration: var(--transition-base); animation-timing-function: ease-in-out;}@view-transition-group (admin-header){animation-duration: var(--transition-base); animation-timing-function: ease-in-out;}@view-transition-group (admin-popover){animation-duration: var(--transition-base); animation-timing-function: ease-in-out;}.admin-sidebar{view-transition-name:admin-sidebar}.admin-content{view-transition-name:admin-content}.admin-header{view-transition-name:admin-header}[popover].admin-popover{view-transition-name:admin-popover}.admin-nav a{view-transition-name:none}.admin-page{view-transition-name:admin-content}.admin-nav__section[open]{view-transition-name:admin-nav-section}}@layer overrides;:root{overscroll-behavior:none;accent-color:#412785;scrollbar-color:#5d37bc rgba(0 0 0 / 0);color-scheme:dark light;--duration-default: .2s;--duration-medium: .35s;--duration-slow: .5s;--easing-default: cubic-bezier(.22, .61, .36, 1);--easing-bounce: linear(0 0%, 0 .27%, .02 4,53%)}::selection{--_selection-bg-color: var(--selection-bg-color, #ff4081);--_selection-text-color: var(--selection-text-color, #fff);background-color:var(--_selection-bg-color);color:var(--_selection-text-color);text-shadow:0 0 .25rem var(--_selection-text-color);text-decoration:var(--selection-text-decoration, none)}@media(prefers-reduced-motion:no-preference){:focus{transition:outline-offset .25s ease}:focus:not(:active){outline-offset:5px}}html{scrollbar-width:auto;scrollbar-gutter:stable}body{display:flex;flex-direction:column;overflow-x:clip;overscroll-behavior:contain}picture{-webkit-user-select:none;user-select:none}section.hero{display:flex;min-height:100vh;background-color:var(--bg);color:var(--accent);padding-block-start:10rem;flex-direction:column;gap:2ch}section.hero :where(:not(picture,img,h1)){position:relative}.hero picture,.hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}section{content-visibility:auto}h1{-webkit-user-select:none;user-select:none;padding-block-end:3.33rem;text-shadow:0 0 4px rgba(0,0,0,.1);background:linear-gradient(90deg,#8c90ff,#d687ff 25%,#ff77fd,#ff93dd,#ff77fd,#d687ff 75%,#8c90ff);background:linear-gradient(90deg,color(xyz 0.452 0.313 1.481),color(xyz 0.595 0.375 1.198) 25%,color(xyz 0.694 0.407 1.063),color(xyz 0.812 0.439 0.934),color(xyz 0.694 0.407 1.063),color(xyz 0.595 0.375 1.198) 75%,color(xyz 0.452 0.313 1.481));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:shimmer 10s linear infinite}@keyframes shimmer{0%{background-position:0 center}to{background-position:-200% center}}::backdrop{background-color:#412785;background-color:#0003;filter:blur(5px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@starting-style{#mypopover:popover-open{opacity:0;translate:100% 0}}.fade-in-on-scroll{opacity:0;transform:translateY(100px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.fade-in-on-scroll.visible{opacity:1;transform:translateY(0)}form>div{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--muted)}form>div:has(input:user-invalid:not(:placeholder-shown,:focus)) [role=alert]{visibility:visible}[role=alert]{visibility:hidden;min-height:2rem;font-size:1rem;background-color:red;border:darkred 2px solid;border-radius:.5em;padding:.25em;color:#000}span[id^=hint]{color:var(--muted)}
|