@font-face{font-display:swap;font-family:Cinzel;font-style:normal;font-weight:var(--font-weight-medium);src:url(/assets/fonts/Cinzel-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Cinzel;font-style:normal;font-weight:var(--font-weight-bold);src:url(/assets/fonts/Cinzel-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Gontserrat;font-style:normal;font-weight:var(--font-weight-normal);src:url(/assets/fonts/Gontserrat-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Gontserrat;font-style:normal;font-weight:var(--font-weight-semibold);src:url(/assets/fonts/Gontserrat-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:var(--font-weight-normal);src:url(/assets/fonts/Kanit-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:var(--font-weight-semibold);src:url(/assets/fonts/Kanit-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Righteous;font-style:normal;font-weight:var(--font-weight-normal);src:url(/assets/fonts/Righteous-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:var(--font-weight-medium);src:url(/assets/fonts/SourceCodePro-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:var(--font-weight-bold);src:url(/assets/fonts/SourceCodePro-Bold.woff2) format("woff2")}.bg-global{background-attachment:fixed;background-image:url(/assets/background.webp);background-position:center;background-size:cover}.bg-global-fixed{background-attachment:fixed;background-image:url(/assets/background.webp);background-position:center;background-size:cover}.bg-global-scroll{background-attachment:scroll;background-image:url(/assets/background.webp);background-position:center;background-size:cover}.bg-overlay-dark{position:relative}.bg-overlay-dark:before{background:var(--underlay-dark);content:"";inset:0;pointer-events:none;position:absolute}.bg-gradient-accent{background:linear-gradient(45deg,#cea5551a,#cea5550d,#cea5551a)}.bg-glass{backdrop-filter:var(--glass-blur);background:var(--glass-bg)}.bg-glass-dark{backdrop-filter:var(--glass-blur);background:var(--glass-bg-dark)}.bg-glass-darker{backdrop-filter:var(--glass-blur);background:var(--glass-bg-darker)}:root{--white: #fff;--black-alpha-heavy: rgb(0 0 0 / 40%);--black-alpha-overlay: rgb(0 0 0 / 30%);--banes-lab-main: #333;--banes-lab-main-dark: #333333a1;--banes-lab-accent: #cea555;--banes-lab-accent-dark: #cea555a1;--banes-lab-pag: #e28840;--banes-lab-pag-dark: #e28840a1;--banes-lab-liquid: #61afd8;--banes-lab-liquid-dark: #61afd8a1;--banes-lab-silver: #aaa;--banes-lab-silver-dark: #aaaaaaa1;--accent-subtle: rgb(226 169 64 / 10%);--accent-light: rgb(226 169 64 / 20%);--accent-medium: rgb(226 169 64 / 30%);--accent-visible: rgb(226 169 64 / 40%);--card-bg: rgb(20 20 20 / 40%);--card-border-accent: rgb(206 165 85 / 50%);--primary-gradient: linear-gradient(135deg, var(--banes-lab-accent) var(--banes-lab-accent-dark));--gradient-blue: linear-gradient(to bottom right, #1e3a5f, #3b82f6);--gradient-gold: linear-gradient(to bottom right, #92400e, #ca8a04);--danger-primary: #f44336;--danger-subtle: rgb(244 67 54 / 10%);--danger-light: rgb(244 67 54 / 20%);--danger-medium: rgb(244 67 54 / 30%);--danger-intense: rgb(220 53 69 / 90%);--success-primary: #61afd8;--success-dark: #61afd8a1;--success-light: rgb(97 175 216 / 20%);--success-medium: rgb(97 175 216 / 30%);--warning-primary: #ffc107;--warning-subtle: rgb(255 193 7 / 10%);--warning-light: rgb(255 193 7 / 20%);--warning-medium: rgb(255 193 7 / 30%);--info-color: #007bff;--hl-attr: #d19a66;--hl-bold: #e5c07b;--hl-code: #98c379;--hl-comment: #5c6370;--hl-heading: #61afef;--hl-key: #e5c07b;--hl-keyword: #c678dd;--hl-number: #d19a66;--hl-string: #98c379;--hl-tag: #e06c75;--text-light-gray: #ccc;--text-mid-gray: #888;--text-sidebar: #cea555;--overlay-subtle: rgb(255 255 255 / 10%);--overlay-light: rgb(255 255 255 / 20%);--overlay-medium: rgb(255 255 255 / 30%);--overlay-dark: rgb(2 2 2 / 40%);--overlay-banes-lab-main: rgb(53 53 53 / 40%);--overlay-banes-lab-accent: rgb(226 136 64 / 40%);--overlay-banes-lab-liquid: rgb(97 175 216 / 40%);--overlay-banes-lab-silver: rgb(170 170 170 / 40%);--underlay-dark: rgb(0 0 0 / 60%);--text-muted: rgb(255 255 255 / 60%);--white-alpha-subtle: rgb(255 255 255 / 5%);--white-alpha-border: rgb(255 255 255 / 20%);--white-alpha-medium: rgb(255 255 255 / 40%);--white-alpha-muted: rgb(255 255 255 / 60%);--white-alpha-primary: rgb(255 255 255 / 70%);--white-alpha-secondary: rgb(255 255 255 / 80%);--white-alpha-strong: rgb(255 255 255 / 80%);--white-alpha-tertiary: rgb(255 255 255 / 90%);--white-alpha-15: rgb(255 255 255 / 15%);--accent-hover: rgb(206 165 85 / 40%);--liquid-hover: rgb(97 175 216 / 50%);--liquid-subtle: rgb(97 175 216 / 15%);--liquid-gradient: linear-gradient(180deg, var(--banes-lab-liquid) 0%, rgb(97 175 216 / 30%) 100%);--card-gradient: linear-gradient(135deg, rgb(20 20 20 / 60%) 0%, rgb(30 30 30 / 40%) 100%);--preview-bg: rgb(10 10 10 / 98%);--code-block: rgb(19 19 19 / 83.6%)}:root{--font-family-base: gontserrat, sans-serif;--font-family-heading: cinzel, serif;--font-family-mono: "Source Code Pro", monospace;--font-family-accent: kanit, sans-serif;--font-family-display: righteous, serif;--font-xxs: .5rem;--font-xs: .6rem;--font-sm: .65rem;--font-md: .7rem;--font-regular: .8rem;--font-lg: .88rem;--font-xl: .9rem;--font-xxl: 1.5rem;--font-hero: 1.6rem;--font-display: 2.4rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: .03em;--letter-spacing-wide: .05em;--line-height-normal: 1.5;--line-height-loose: 1.75}:root{--blur-soft: blur(4px);--blur-medium: blur(6px);--blur-light: blur(10px);--blur-strong: blur(20px);--drop-shadow-accent: drop-shadow(0 0 20px var(--accent-medium));--drop-shadow-danger: drop-shadow(0 0 10px var(--danger-intense));--glass-bg: rgb(49 49 49 / 70%);--glass-bg-light: rgb(49 49 49 / 50%);--glass-bg-dark: rgb(43 43 43 / 50%);--glass-bg-darker: rgb(43 43 43 / 65%);--glass-bg-darkest: rgb(43 43 43 / 80%);--glass-banes-lab-main: rgb(65 65 65 / 85%);--glass-blur: blur(12px);--glass-border: rgb(226 169 64 / 30%);--glass-shadow: 0 8px 32px rgb(0 0 0 / 30%);--glow-accent-sm: 0 0 8px var(--accent-medium);--glow-accent-md: 0 0 12px var(--accent-medium);--glow-danger-sm: 0 0 8px var(--danger-light);--glow-danger-md: 0 0 12px var(--danger-light);--glow-success-md: 0 0 16px var(--success-light);--glow-info-md: 0 0 16px var(--overlay-light);--glow-info-lg: 0 0 20px rgb(0 123 255 / 30%);--glow-success-lg: 0 0 20px var(--success-medium);--glow-warning-lg: 0 0 20px var(--warning-medium);--glow-danger-lg: 0 0 20px var(--danger-medium);--saturate-intense: saturate(180%);--shadow-subtle: rgb(0 0 0 / 10%);--shadow-light: rgb(0 0 0 / 20%);--shadow-medium: rgb(0 0 0 / 30%);--shadow-strong: rgb(0 0 0 / 50%);--shadow-heavy: rgb(0 0 0 / 70%);--shadow-sm: 0 2px 4px var(--shadow-subtle);--shadow-md: 0 4px 6px rgb(0 0 0 / 10%);--shadow-lg: 0 8px 16px rgb(0 0 0 / 15%);--shadow-xl: 0 12px 24px rgb(0 0 0 / 20%);--shadow-modal: 0 0 30px var(--shadow-strong), 0 0 60px var(--accent-subtle), inset 0 1px 0 var(--overlay-light);--info-bg-subtle: rgb(0 123 255 / 15%);--blur-heavy: blur(12px);--shadow-preview: 0 8px 32px rgb(0 0 0 / 80%)}:root{--border-accent: 3px;--border-accent-left: var(--border-accent) solid var(--banes-lab-accent);--border-m: 2px;--easing-ease: ease;--easing-ease-in-out: ease-in-out;--easing-ease-out: ease-out;--font-code: .9em;--height-chat-widget: 32rem;--opacity-muted: .6;--percent-full: 100%;--percent-half: 50%;--percent-nearly-full: 90%;--preview-content-height: 20rem;--preview-max-height: 28rem;--preview-width: 28rem;--radius-round: 50%;--size-icon-inline: 1.2em;--size-icon-social: 2.25rem;--size-logo-footer: 5rem;--space-code-h: .4em;--space-code-v: .1em;--touch-target-min: 2.75rem;--touch-target-recommended: 3rem;--transform-hover-lift: translateY(-2px);--vh: 1vh;--viewport-full: 100vh;--width-chat-widget: 24rem;--width-sidebar: 10rem;--width-sidebar-collapsed: 2.5rem;--width-sidebar-legal: 13.75rem;--z-dropdown: 100;--z-dropdown-active: 200;--z-dropdown-menu: 100;--z-fixed: 1030;--z-modal: 1500;--z-popover: 1060;--z-preview: 9999;--z-sticky: 1020;--border-s: 1px;--border-xl: 4px;--height-sm: 1.5rem;--height-md: 2rem;--height-xl: 3.125rem;--opacity-medium: .4;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--size-xs: .25rem;--size-sm: .5rem;--size-md: 1rem;--size-lg: 1.25rem;--size-xl: 1.875rem;--size-icon-sm: 3rem;--size-icon-md: 3.5rem;--size-icon-lg: 4rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: .938rem;--space-xl: 1.25rem;--space-xxl: 1.563rem;--space-xxxl: 1.875rem;--transform-hover-lg: translateY(-2px) scale(1.03);--transform-hover-md: translateY(-2px) scale(1.02);--transform-hover-sm: translateY(-1px) scale(1.01);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--width-content-md: 50rem;--width-modal-sm: 25rem;--width-modal-md: 56.25rem}@supports (height: 100svh){:root{--vh: 1svh}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpLarge{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.9}}@keyframes pulseRing{0%{box-shadow:0 0 #ffffffb3}40%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #ffffffb3}}@keyframes pulseRingAccent{0%{box-shadow:0 0 #cea555b3}50%{box-shadow:0 0 0 6px #cea55500}to{box-shadow:0 0 #cea555b3}}@keyframes pulseRingDanger{0%{box-shadow:0 0 #ff2020b3}50%{box-shadow:0 0 0 6px #ff202000}to{box-shadow:0 0 #ff2020b3}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-fade-out{animation:fadeOut .3s ease forwards}.animate-fade-in-up{animation:fadeInUp .4s ease forwards}.animate-fade-in-up-large{animation:fadeInUpLarge .4s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-slide-in-left{animation:slideInLeft .3s ease forwards}.animate-slide-in-right{animation:slideInRight .3s ease forwards}.animate-pulse{animation:subtlePulse 4s ease-in-out infinite}.animate-pulse-ring{animation:pulseRing 2s infinite}.animate-pulse-ring-accent{animation:pulseRingAccent 2s infinite}.animate-pulse-ring-danger{animation:pulseRingDanger 2s infinite}.animate-spin{animation:spin 1s linear infinite}:root{--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}.transition-all{transition:all var(--transition-base) var(--easing-ease)}.transition-fast{transition:all var(--transition-fast) var(--easing-ease)}.transition-slow{transition:all var(--transition-slow) var(--easing-ease)}.transition-spring{transition:all var(--transition-spring)}.transition-colors{transition:color var(--transition-base) var(--easing-ease),background-color var(--transition-base) var(--easing-ease),border-color var(--transition-base) var(--easing-ease)}.transition-opacity{transition:opacity var(--transition-base) var(--easing-ease)}.transition-transform{transition:transform var(--transition-base) var(--easing-ease)}.hover-lift:hover{transform:translateY(-2px)}.hover-lift-large:hover{transform:translateY(-4px)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-small:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:var(--glow-accent-md)}.hover-glow-large:hover{box-shadow:0 8px 32px #cea5551a}.card-hover{backdrop-filter:var(--blur-medium);transition:all var(--transition-base) var(--easing-ease)}.card-hover:hover{box-shadow:0 8px 32px #cea5551a;transform:translateY(-4px)}.icon-hover{transition:transform var(--transition-base) var(--easing-ease)}.icon-hover:hover{transform:scale(1.1)}.button-hover{transition:all var(--transition-base) var(--easing-ease)}.button-hover:hover{box-shadow:0 4px 16px #cea5554d;transform:translateY(-2px)}.link-hover{transition:color var(--transition-fast),border-color var(--transition-fast)}.link-hover:hover{border-color:var(--accent-visible);color:var(--banes-lab-accent)}.backdrop-blur-soft{backdrop-filter:var(--blur-soft)}.backdrop-blur-medium{backdrop-filter:var(--blur-medium)}.backdrop-blur-strong{backdrop-filter:var(--blur-strong)}.glass-panel{backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}[data-animate]{opacity:0;transform:translateY(0)}[data-animate=fadeIn].animated{animation:fadeIn var(--animate-duration, .4s) var(--animate-easing, ease) var(--animate-delay, 0ms) both}[data-animate=fadeOut].animated{animation:fadeOut var(--animate-duration, .3s) var(--animate-easing, ease) var(--animate-delay, 0ms) both}[data-animate=fadeInUp].animated{animation:fadeInUp var(--animate-duration, .6s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=fadeInUpLarge].animated{animation:fadeInUpLarge var(--animate-duration, .8s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=scaleIn].animated{animation:scaleIn var(--animate-duration, .5s) cubic-bezier(.34,1.56,.64,1) var(--animate-delay, 0ms) both}[data-animate=slideInLeft].animated{animation:slideInLeft var(--animate-duration, .5s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=slideInRight].animated{animation:slideInRight var(--animate-duration, .5s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=slideInDown].animated{animation:slideInDown var(--animate-duration, .5s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=zoomIn].animated{animation:zoomIn var(--animate-duration, .4s) cubic-bezier(.34,1.56,.64,1) var(--animate-delay, 0ms) both}[data-animate=bounceIn].animated{animation:bounceIn var(--animate-duration, .6s) cubic-bezier(.68,-.55,.265,1.55) var(--animate-delay, 0ms) both}[data-animate=pulse].animated{animation:subtlePulse var(--animate-duration, 4s) ease-in-out var(--animate-delay, 0ms) infinite both}[data-animate=pulseRing].animated{animation:pulseRing var(--animate-duration, 2s) ease var(--animate-delay, 0ms) infinite both}[data-animate=pulseRingAccent].animated{animation:pulseRingAccent var(--animate-duration, 2s) ease var(--animate-delay, 0ms) infinite both}[data-animate=pulseRingDanger].animated{animation:pulseRingDanger var(--animate-duration, 2s) ease var(--animate-delay, 0ms) infinite both}[data-animate=spin].animated{animation:spin var(--animate-duration, 1s) linear var(--animate-delay, 0ms) infinite both}[data-animate=float].animated{animation:float var(--animate-duration, 3s) ease-in-out var(--animate-delay, 0ms) infinite both}.u-hidden{display:none!important}.u-block{display:block!important}.u-flex{display:flex!important}.u-inline-flex{display:inline-flex!important}.u-grid{display:grid!important}.u-visible{visibility:visible!important}.u-invisible{visibility:hidden!important}.u-no-transition{transition:none!important}.u-cursor-pointer{cursor:pointer!important}.u-cursor-default{cursor:default!important}.u-overflow-hidden{overflow:hidden!important}.u-overflow-auto{overflow:auto!important}.u-text-center{text-align:center!important}.u-text-left{text-align:left!important}.u-text-right{text-align:right!important}.u-flex-center{align-items:center!important;display:flex!important;justify-content:center!important}.u-flex-between{align-items:center!important;display:flex!important;justify-content:space-between!important}.u-flex-col{display:flex!important;flex-direction:column!important}.u-gap-sm{gap:.5rem!important}.u-gap-md{gap:1rem!important}.u-gap-lg{gap:1.5rem!important}.u-w-full{width:100%!important}.u-h-full{height:100%!important}.u-relative{position:relative!important}.u-absolute{position:absolute!important}.u-no-scrollbar::-webkit-scrollbar{display:none}.u-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}[data-position-x]{left:var(--position-x)!important}[data-position-y]{top:var(--position-y)!important}[data-width]{width:var(--width)!important}[data-custom-cursor]{cursor:var(--custom-cursor)!important}[data-custom-transition]{transition:var(--custom-transition)!important}.flex{display:flex}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-center{align-items:center;display:flex;justify-content:center}.flex-between{align-items:center;display:flex;justify-content:space-between}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.grid{display:grid}.grid-2-col{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--width-col-md),1fr))}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-xxl{padding:var(--space-xxl)}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.w-full{width:var(--percent-full)}.h-full{height:var(--percent-full)}.custom-dropdown{position:relative;width:100%;z-index:100}.custom-dropdown.open{z-index:9999}.form-group:has(.custom-dropdown.open),.form-row:has(.custom-dropdown.open),.form-section:has(.custom-dropdown.open){position:relative;z-index:9999}.custom-dropdown.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.custom-dropdown-trigger{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-md);gap:var(--space-sm);height:40px;justify-content:space-between;padding:0 var(--space-md);transition:all var(--transition-base)}.custom-dropdown-trigger:hover{background:var(--overlay-light);border-color:var(--accent-light)}.custom-dropdown.open .custom-dropdown-trigger{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--glow-accent-sm)}.custom-dropdown-trigger-content{display:flex;flex:1;justify-content:center;min-width:0}.custom-dropdown-placeholder{color:var(--text-mid-gray)}.custom-dropdown-arrow{color:var(--text-mid-gray);flex-shrink:0;font-size:var(--font-size-sm);transition:transform var(--transition-base)}.custom-dropdown.open .custom-dropdown-arrow{color:var(--white);transform:rotate(180deg)}.custom-dropdown-menu{background:var(--banes-lab-main);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-xs);opacity:0;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all var(--transition-base);visibility:hidden;z-index:9999}.custom-dropdown.open .custom-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.custom-dropdown-menu.animation-slide{transform:translateY(-16px) scaleY(.9);transform-origin:top}.custom-dropdown.open .custom-dropdown-menu.animation-slide{transform:translateY(0) scaleY(1)}.custom-dropdown-menu.animation-none{transition:none}.custom-dropdown-search{border-bottom:var(--border-s) solid var(--accent-subtle);padding:var(--space-sm)}.custom-dropdown-search-input{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-size-sm);outline:none;padding:var(--space-xs) var(--space-sm);width:100%}.custom-dropdown-search-input:focus{border-color:var(--banes-lab-accent)}.custom-dropdown-search-input::placeholder{color:var(--text-mid-gray)}.custom-dropdown-options{overflow-y:auto;padding:0}.custom-dropdown-empty{color:var(--text-mid-gray);font-size:var(--font-size-sm);padding:var(--space-md);text-align:center}.custom-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:var(--font-md);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-md);position:relative;transition:all var(--transition-fast)}.custom-dropdown-item:hover,.custom-dropdown-item.focused{background:var(--overlay-light)}.custom-dropdown-item.selected{background:var(--banes-lab-accent-dark)}.custom-dropdown-item.disabled{cursor:not-allowed;opacity:.5}.custom-dropdown-item-content{align-items:center;display:flex;gap:var(--space-sm);justify-content:center;min-width:0}.custom-dropdown-image{border-radius:var(--radius-sm);flex-shrink:0;height:24px;object-fit:cover;width:24px}.custom-dropdown-icon{color:var(--overlay-light);flex-shrink:0;font-size:var(--font-size-base);width:20px}.custom-dropdown-text{display:flex;flex:1;flex-direction:column;gap:var(--space-xxs);min-width:0}.custom-dropdown-label{color:var(--white);font-size:inherit}.custom-dropdown-description{color:var(--text-mid-gray);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown-check{color:var(--banes-lab-accent);font-size:var(--font-size-sm);position:absolute;right:var(--space-sm)}.custom-dropdown.theme-minimal .custom-dropdown-trigger{background:transparent;border-color:transparent}.custom-dropdown.theme-minimal .custom-dropdown-trigger:hover{background:var(--overlay-subtle)}.custom-dropdown.theme-minimal.open .custom-dropdown-trigger{background:var(--overlay-subtle);border-color:transparent;box-shadow:none}.custom-dropdown.theme-accent .custom-dropdown-trigger{border-color:var(--banes-lab-accent)}.custom-dropdown.theme-accent .custom-dropdown-arrow{color:var(--banes-lab-accent)}.custom-dropdown.theme-accent .custom-dropdown-menu{border-color:var(--banes-lab-accent)}.custom-dropdown-label.effect-none{color:var(--white)}.custom-dropdown-label.effect-glow{color:var(--effect-color, var(--banes-lab-accent));text-shadow:0 0 6px var(--effect-color, var(--banes-lab-accent)),0 0 12px var(--effect-color, var(--banes-lab-accent))}.custom-dropdown-label.effect-gradient{animation:dropdown-gradient-shift 3s ease infinite;background:linear-gradient(90deg,var(--effect-color, #fff),var(--effect-color-shift, var(--banes-lab-accent)),var(--effect-color, #fff));background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent}.custom-dropdown-label.effect-shimmer{animation:dropdown-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,var(--effect-color, #fff) 0%,var(--effect-color-shift, var(--banes-lab-accent)) 50%,var(--effect-color, #fff) 100%);background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent}@keyframes dropdown-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes dropdown-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.form-input{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-size-base);outline:none;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.form-input::placeholder{color:var(--text-mid-gray)}.form-input:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--glow-accent-sm)}.form-input:disabled{cursor:not-allowed;opacity:.5}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus{border-color:var(--banes-lab-accent);box-shadow:0 0 0 1000px var(--banes-lab-main) inset;caret-color:var(--banes-lab-accent);-webkit-text-fill-color:var(--banes-lab-accent)}.form-textarea{min-height:80px;resize:vertical}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{color:var(--text-light-gray);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.form-hint{color:var(--text-mid-gray);font-size:var(--font-size-xs)}.input-counter-wrapper{position:relative;width:100%}.input-counter-wrapper input{padding-right:70px}.input-counter-wrapper textarea{padding-bottom:var(--space-xl)}.char-counter{background:var(--overlay-subtle);border-radius:var(--radius-sm);color:var(--text-mid-gray);font-size:var(--font-size-xs);padding:2px 6px;pointer-events:none;position:absolute}.input-counter-wrapper:not(.textarea-counter) .char-counter{right:var(--space-sm);top:50%;transform:translateY(-50%)}.textarea-counter .char-counter{bottom:var(--space-sm);right:var(--space-sm)}.char-counter.near-limit{color:var(--warning-primary)}.char-counter.at-limit{color:var(--danger-primary)}.btn{align-items:center;border:var(--border-s) solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-xs);justify-content:center;letter-spacing:var(--letter-spacing-wide);padding:var(--space-sm) var(--space-lg);text-decoration:none;text-transform:uppercase;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.btn:hover:not(:disabled){transform:var(--transform-hover-md)}.btn:active:not(:disabled){transform:translateY(0) scale(1)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:var(--banes-lab-accent);border-color:var(--banes-lab-accent);color:var(--banes-lab-main)}.btn-primary:hover:not(:disabled){background:var(--banes-lab-accent-dark);box-shadow:var(--glow-accent-sm)}.btn-secondary{background:var(--overlay-light);border-color:var(--accent-subtle);color:var(--white)}.btn-secondary:hover:not(:disabled){background:var(--overlay-medium);border-color:var(--accent-light)}.btn-danger{background:var(--danger-subtle);border-color:var(--danger-primary);color:var(--white)}.btn-danger:hover:not(:disabled){background:var(--danger-medium);box-shadow:var(--glow-danger-sm)}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md)}.form-checkbox{appearance:none;aspect-ratio:1;background:var(--banes-lab-main);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);cursor:pointer;height:16px;position:relative;transition:all var(--transition-base)}.form-checkbox:hover{border-color:var(--accent-light)}.form-checkbox:checked{background:var(--banes-lab-main);border-color:var(--banes-lab-main)}.form-checkbox:checked:after{border:solid var(--text-light-gray);border-width:0 2px 2px 0;content:"";height:8px;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%) rotate(45deg);width:4px}.form-checkbox:disabled{cursor:not-allowed;opacity:.5}:root{--banes-lab-main: #333333;--banes-lab-main-dark: #333333a1;--banes-lab-accent: #cea555;--banes-lab-accent-dark: #cea555a1;--banes-lab-pag: #e28840;--banes-lab-pag-dark: #e28840a1;--banes-lab-liquid: #61afd8;--banes-lab-liquid-dark: #61afd8a1;--banes-lab-silver: #aaaaaa;--banes-lab-silver-dark: #aaaaaaa1;--white: #fff;--bg-dark: #171717;--accent-subtle: rgb(226 169 64 / 10%);--accent-light: rgb(226 169 64 / 20%);--accent-medium: rgb(226 169 64 / 30%);--primary-gradient: linear-gradient(135deg, var(--banes-lab-accent), var(--banes-lab-accent-dark));--danger-primary: #f44336;--danger-subtle: rgb(244 67 54 / 10%);--danger-light: rgb(244 67 54 / 20%);--danger-medium: rgb(244 67 54 / 30%);--danger-intense: rgb(220 53 69 / 90%);--success-primary: #61afd8;--success-dark: #61afd8a1;--success-light: rgb(76 175 80 / 20%);--success-medium: rgb(76 175 80 / 30%);--warning-primary: #ffc107;--warning-subtle: rgb(255 193 7 / 10%);--warning-light: rgb(255 193 7 / 20%);--warning-medium: rgb(255 193 7 / 30%);--text-light-gray: #ccc;--text-mid-gray: #888;--overlay-subtle: rgb(255 255 255 / 10%);--overlay-light: rgb(255 255 255 / 20%);--overlay-medium: rgb(255 255 255 / 30%);--overlay-dark: rgba(2 2 2 / 40%);--text-muted: rgb(255 255 255 / 60%);--white-alpha-subtle: rgb(255 255 255 / 5%);--white-alpha-medium: rgb(255 255 255 / 40%);--white-alpha-strong: rgb(255 255 255 / 80%);--brand-success-medium: rgb(36 79 58 / 40%)}:root{--blur-soft: blur(4px);--blur-medium: blur(6px);--blur-light: blur(10px);--blur-strong: blur(20px);--drop-shadow-accent: drop-shadow(0 0 20px var(--accent-medium));--drop-shadow-danger: drop-shadow(0 0 10px var(--danger-intense));--drop-shadow-warning-light: drop-shadow(0 0 4px var(--banes-lab-accent));--drop-shadow-warning-medium: drop-shadow(0 0 8px var(--banes-lab-accent));--drop-shadow-warning-strong: drop-shadow(0 0 10px var(--banes-lab-accent));--glass-bg: rgb(49 49 49 / 70%);--glass-bg-light: rgb(49 49 49 / 50%);--glass-bg-dark: rgba(35, 35, 35, 50%);--glass-bg-darker: rgb(30 30 30 / 65%);--glass-bg-darkest: rgb(22 22 22 / 80%);--glass-banes-lab-main: rgba(65, 65, 65, .85);--glass-blur: blur(12px);--glass-border: rgb(226 169 64 / 30%);--glass-shadow: 0 8px 32px rgb(0 0 0 / 30%);--glow-accent-sm: 0 0 8px var(--accent-medium);--glow-accent-md: 0 0 12px var(--accent-medium);--glow-danger-sm: 0 0 8px var(--danger-light);--glow-danger-md: 0 0 12px var(--danger-light);--glow-success-md: 0 0 16px var(--success-light);--glow-info-md: 0 0 16px var(--overlay-light);--saturate-intense: saturate(180%);--shadow-subtle: rgb(0 0 0 / 10%);--shadow-light: rgb(0 0 0 / 20%);--shadow-medium: rgb(0 0 0 / 30%);--shadow-strong: rgb(0 0 0 / 50%);--shadow-heavy: rgb(0 0 0 / 70%);--shadow-sm: 0 2px 4px var(--shadow-subtle);--shadow-md: 0 4px 6px rgb(0 0 0 / 10%);--shadow-lg: 0 8px 16px rgb(0 0 0 / 15%);--shadow-xl: 0 12px 24px rgb(0 0 0 / 20%)}:root{--border-m: 2px;--border-s: 1px;--border-xl: 4px;--header-height: 3.5rem;--height-sm: 1.5rem;--height-md: 2rem;--height-textarea: 5rem;--opacity-medium: .4;--opacity-muted: .6;--percent-full: 100%;--percent-half: 50%;--percent-nearly-full: 90%;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--size-xs: .25rem;--size-md: 1rem;--size-lg: 1.25rem;--size-icon: 2.25rem;--size-icon-sm: 3rem;--size-icon-md: 3.5rem;--size-icon-lg: 8rem;--size-touch: 1.75rem;--space-xs: .25rem;--space-sm: .5rem;--space-base: .625rem;--space-md: .75rem;--space-lg: .938rem;--space-xl: 1.25rem;--space-xxl: 1.563rem;--space-xxxl: 1.875rem;--touch-target-min: 2.75rem;--touch-target-recommended: 3rem;--transform-hover-md: translateY(-2px);--transform-hover-sm: translateY(-1px);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--viewport-full: 100vh;--width-col-sm: 9rem;--width-col-md: 11rem;--width-col-lg: 13rem;--width-col-xl: 16rem;--width-container-xl: 63rem;--width-container-xxl: 125rem;--width-dropdown-md: 19rem;--width-modal-sm: 25rem;--width-modal-md: 31rem;--width-modal-lg: 38rem;--z-dropdown: 100;--z-dropdown-active: 1100;--z-dropdown-menu: 1200;--z-modal: 1500;--z-sticky: 1020}.app-header{align-items:center;backdrop-filter:var(--glass-blur);background:var(--glass-banes-lab-main);border-bottom:var(--border-s) solid var(--glass-border);box-shadow:var(--shadow-sm);display:flex;height:var(--header-height);justify-content:space-between;left:0;padding:var(--space-sm) var(--space-md);position:fixed;right:0;top:0;z-index:var(--z-sticky)}.app-header .header-left{align-items:center;display:flex;flex:1}.app-header .dashboard-label{color:var(--white);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.app-header .header-center{align-items:center;display:flex;flex-direction:column;gap:0}.app-header .brand-logo{display:block;height:var(--height-md);margin:0;object-fit:contain;width:var(--height-md)}.app-header .app-title{color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);line-height:1;margin:0;padding:0}.app-header .header-right{align-items:center;display:flex;flex:1;justify-content:flex-end}.app-header .user-badge{align-items:center;cursor:pointer;display:flex;gap:var(--space-sm);position:relative}.app-header .badge-avatar-wrapper{height:var(--size-touch);position:relative;width:var(--size-touch)}.app-header .badge-avatar{border-radius:var(--percent-half);height:var(--size-touch);object-fit:cover;transition:opacity var(--transition-fast);width:var(--size-touch)}.app-header .badge-logout-icon{align-items:center;background:var(--danger-intense);border-radius:var(--percent-half);display:flex;height:var(--size-touch);justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--transition-fast);width:var(--size-touch)}.app-header .badge-logout-icon i{color:var(--white);font-size:var(--font-sm)}.app-header .user-badge:hover .badge-avatar{opacity:.3}.app-header .user-badge:hover .badge-logout-icon{opacity:1}.app-header .user-badge span{color:var(--text-light-gray);font-size:var(--font-xs)}*{box-sizing:border-box;margin:0;padding:0}@supports (scrollbar-width: none){*{scrollbar-width:none}}html .hidden{display:none}body{background:var(--bg-dark);color:var(--white);font-family:var(--font-family-base);min-height:var(--viewport-full);overflow:hidden;padding-bottom:var(--touch-target-recommended);padding-top:var(--header-height);position:relative}@supports (scrollbar-width: none){body{scrollbar-width:none}}@supports (padding: env(safe-area-inset-bottom)){body{padding-bottom:calc(var(--touch-target-recommended) + env(safe-area-inset-bottom))}}@supports selector(::-webkit-scrollbar){body::-webkit-scrollbar{width:0}}.background-image{height:var(--percent-full);left:0;object-fit:cover;object-position:center center;opacity:var(--opacity-medium);pointer-events:none;position:fixed;top:0;width:var(--percent-full);z-index:-1}[data-app]{height:calc(var(--viewport-full) - var(--header-height) - var(--touch-target-recommended));max-height:calc(var(--viewport-full) - var(--header-height) - var(--touch-target-recommended));min-height:calc(var(--viewport-full) - var(--header-height) - var(--touch-target-recommended));overflow:hidden;padding:0;position:relative;z-index:1}@supports (scrollbar-width: thin){[data-app]{scrollbar-color:var(--overlay-light) var(--shadow-light);scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){[data-app]::-webkit-scrollbar{width:var(--space-sm)}[data-app]::-webkit-scrollbar-track{background:var(--shadow-light)}[data-app]::-webkit-scrollbar-thumb{background:var(--overlay-light);border-radius:var(--radius-sm)}[data-app]::-webkit-scrollbar-thumb:hover{background:var(--overlay-medium)}}@supports (padding: env(safe-area-inset-bottom)){[data-app]{height:calc(var(--viewport-full) - var(--header-height) - var(--touch-target-recommended) - env(safe-area-inset-bottom));max-height:calc(var(--viewport-full) - var(--header-height) - var(--touch-target-recommended) - env(safe-area-inset-bottom))}}.table-container{backdrop-filter:none;background:none;border:none;border-radius:0;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;position:relative;z-index:1}.table-wrapper{flex:1;min-height:0;overflow-y:auto}.base-table{border-collapse:collapse;font-size:var(--font-md);width:var(--percent-full)}.base-table thead{background:var(--shadow-medium)}.base-table thead th{border-bottom:var(--border-m) solid var(--glass-border);color:var(--banes-lab-accent);cursor:pointer;font-size:var(--font-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--space-lg) var(--space-md);text-align:left;text-transform:uppercase;transition:all var(--transition-base);user-select:none}.base-table thead th:hover{background:var(--white-alpha-subtle);color:var(--banes-lab-accent-dark)}.base-table thead th .icon{font-size:var(--font-xxs);margin-left:var(--space-xs);opacity:var(--opacity-muted)}.base-table thead th:last-child{cursor:default}.base-table thead th:last-child:hover{background:transparent;color:var(--banes-lab-accent)}.list-item{border:none;display:flex;flex-direction:column;font-size:var(--font-base);gap:var(--space-sm);margin:0;padding:var(--space-lg);position:relative;transition:all var(--transition-slow);width:var(--percent-full)}.base-table tbody tr,.striped-list .list-item{background:var(--shadow-light);border-bottom:var(--border-s) solid var(--overlay-subtle);transition:all var(--transition-base)}.base-table tbody tr:nth-child(2n),.striped-list .list-item:nth-child(2n){background:var(--shadow-medium)}.base-table tbody tr:hover,.striped-list .list-item:hover{background:var(--overlay-subtle)}.base-table tbody tr:last-child,.striped-list .list-item:last-child{border-bottom:none}.base-table tbody td{color:var(--white);padding:var(--space-lg) var(--space-md)}.striped-list{width:var(--percent-full)}.btn-icon-small{align-items:center;backdrop-filter:var(--blur-light);background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-sm);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-sm);height:var(--space-xxl);justify-content:center;padding:0;transition:all var(--transition-base);width:var(--space-xxl)}.btn-icon-small:hover{background:var(--overlay-light);transform:var(--transform-hover-sm)}.btn-icon-small:active{transform:translateY(0)}.modal-overlay{align-items:center;animation:fade-in var(--transition-base) ease-out;backdrop-filter:blur(var(--space-sm));background:var(--shadow-heavy);display:flex;inset:var(--header-height) 0 var(--touch-target-recommended) 0;justify-content:center;padding:var(--space-xl);position:fixed;z-index:var(--z-modal)}.modal-container{animation:slide-up var(--transition-slow) ease-out;backdrop-filter:var(--glass-blur);background:var(--glass-banes-lab-main);border:var(--border-s) solid var(--glass-border);border-radius:var(--space-lg);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;max-height:100%;max-width:var(--width-modal-md);width:var(--percent-full)}.modal-container.modal-sm{max-width:var(--width-modal-sm)}.modal-container.modal-lg{max-width:var(--width-modal-lg)}.modal-header{align-items:center;border-bottom:var(--border-s) solid var(--glass-border);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-xxl)}.modal-header h3{color:var(--banes-lab-accent);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0}.modal-content{flex:1;overflow-y:auto;padding:var(--space-xxl)}.modal-footer{border-top:var(--border-s) solid var(--glass-border);display:flex;flex-shrink:0;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg) var(--space-xxl)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(var(--space-xl))}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(calc(-1 * var(--space-xl)))}to{opacity:1;transform:translateY(0)}}.modal-close{background:none;border:none;color:var(--white-alpha-strong);cursor:pointer;font-size:var(--font-xl);line-height:1;padding:var(--space-xs);transition:all var(--transition-base)}.modal-close:hover{color:var(--white);transform:scale(1.1)}.modal-input-container{margin-top:var(--space-lg)}.modal-input-container input{background:var(--glass-banes-lab-main);border:var(--border-s) solid var(--glass-border);border-radius:var(--space-sm);color:var(--white);font-size:var(--font-base);padding:var(--space-md) var(--space-lg);width:100%}.modal-input-container input:focus{border-color:var(--banes-lab-accent);outline:none}.mt-sm{margin-top:var(--space-sm)}.confirmation-modal{backdrop-filter:var(--blur-strong);background:var(--white-alpha-subtle);border:var(--border-m) solid var(--overlay-subtle);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);max-width:var(--width-modal-sm);padding:var(--space-sm) var(--space-lg)}.confirmation-modal .modal-header{border:none;display:flex;padding:0}.confirmation-modal .modal-header h3{color:var(--white);font-weight:var(--font-weight-semibold);margin:0}.confirmation-modal .modal-icon{align-items:center;backdrop-filter:var(--blur-light);border-radius:var(--percent-half);display:flex;font-size:var(--font-xl);height:var(--size-icon-sm);justify-content:center;width:var(--size-icon-sm)}.confirmation-modal .modal-icon.warning{background:var(--accent-light);box-shadow:var(--drop-shadow-warning-medium);color:var(--banes-lab-accent)}.confirmation-modal .modal-icon.danger{background:var(--danger-light);box-shadow:var(--drop-shadow-danger);color:var(--danger-primary)}.confirmation-modal .modal-icon.success{background:var(--success-light);box-shadow:var(--glow-success-md);color:var(--success-primary)}.confirmation-modal .modal-icon.info{background:var(--overlay-light);box-shadow:var(--glow-info-md);color:var(--white)}.confirmation-modal .modal-content{text-align:center}.confirmation-modal .modal-content p{color:var(--white-alpha-strong);font-size:var(--font-base);margin:0}.confirmation-modal .modal-actions{display:flex;gap:var(--space-xxl);justify-content:center}.confirmation-modal .modal-actions .btn{align-items:center;display:flex;justify-content:center;min-width:var(--size-icon-sm);padding:var(--space-sm);transition:all var(--transition-slow)}.confirmation-modal .modal-actions .btn i{font-size:var(--font-lg);margin:0}.confirmation-modal .modal-actions .btn span{display:none}.confirmation-modal .modal-actions .btn:hover{box-shadow:var(--shadow-lg)}@media(width<=768px){.btn{font-size:var(--font-base);padding:var(--space-md) var(--space-xl)}.btn-icon{font-size:var(--font-md);height:var(--height-md);width:var(--height-md)}}@media(pointer:fine){.btn-primary:disabled{cursor:not-allowed}}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-md) var(--space-xxl);transition:all var(--transition-base)}.btn i{font-size:var(--font-lg)}.btn-primary{background:var(--banes-lab-accent);color:var(--banes-lab-main)}.btn-primary:hover{background:var(--banes-lab-accent-dark);box-shadow:var(--shadow-md);color:var(--white);transform:var(--transform-hover-md)}.btn-primary:disabled{opacity:.5;transform:none}.btn-secondary{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);color:var(--white)}.btn-secondary:hover{background:var(--overlay-light);border-color:var(--overlay-medium);box-shadow:var(--shadow-md);transform:var(--transform-hover-md)}.btn-danger{background:var(--danger-primary);border:var(--border-s) solid var(--danger-primary);color:var(--white)}.btn-danger:hover{background:var(--danger-intense);border-color:var(--danger-intense);box-shadow:var(--shadow-md);transform:var(--transform-hover-md)}.btn-icon{align-items:center;backdrop-filter:var(--blur-light);background:var(--overlay-light);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);display:flex;height:var(--size-icon);justify-content:center;padding:0;width:var(--size-icon)}.btn-icon:hover{background:var(--overlay-medium);box-shadow:var(--shadow-md);transform:var(--transform-hover-sm)}.btn-icon:active{transform:translateY(0)}@media(width<=768px){.form-group{margin-bottom:var(--space-lg);margin-left:0;margin-right:0;padding:0;position:relative;z-index:1}.form-group:has(.custom-dropdown.open){z-index:var(--z-dropdown-active)}.form-group label,.form-group .form-label{font-size:var(--font-base);margin-bottom:var(--space-sm)}.form-group [type=text],.form-group [type=number],.form-group textarea,.form-group select{font-size:var(--font-base);padding:var(--space-md)}.form-group select{background-position:right var(--space-base) center;padding-right:var(--height-md)}.form-actions{flex-direction:column;gap:var(--space-sm)}.form-actions .btn{width:var(--percent-full)}}@media(pointer:fine){.form-group [readonly]{cursor:not-allowed}}.form-group{margin-bottom:var(--space-xl)}.form-group:last-child{margin-bottom:0}.form-group label,.form-group .form-label{color:var(--white);display:block;font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.form-group .required{color:var(--red)}.form-group [type=text],.form-group [type=password],.form-group [type=number],.form-group textarea,.form-group select{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);padding:var(--space-md) var(--space-lg);transition:all var(--transition-slow);width:var(--percent-full)}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right var(--space-md) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--border-xl)}.form-group input::placeholder{color:var(--text-muted)}.form-group textarea{font-family:inherit;min-height:var(--height-textarea)}@supports (resize: vertical){.form-group textarea{resize:vertical}}.form-group [type=text]:focus,.form-group [type=password]:focus,.form-group [type=number]:focus,.form-group textarea:focus,.form-group select:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--shadow-sm);outline:none}.form-group input:focus::placeholder{color:var(--text-muted)}.form-group select option{background-color:var(--banes-lab-main);color:var(--white);padding:var(--space-md) var(--space-lg)}.form-group select option:hover{background-color:var(--overlay-light);color:var(--banes-lab-accent)}.form-group select option:checked,.form-group select option:active{background-color:var(--accent-light);color:var(--banes-lab-accent);font-weight:var(--font-weight-semibold)}.form-group [readonly]{background:var(--overlay-subtle);color:var(--text-muted)}.form-group [readonly]:focus{background:var(--overlay-subtle);border-color:var(--overlay-light);box-shadow:none}.form-group small{color:var(--text-muted);display:block;font-size:var(--font-sm);margin-top:var(--space-xs)}.form-group [type=range]{margin:var(--space-sm) 0;width:var(--percent-full)}.form-group [type=checkbox]{cursor:pointer;height:var(--font-lg);margin-right:var(--space-sm);width:var(--font-lg)}.form-group label:has([type=checkbox]){align-items:center;cursor:pointer;display:flex}.form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xxl)}.form-actions .btn{flex:1}@media(width<=768px){.collapsible-wrapper{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:0}.collapsible-toggle{padding:var(--space-md)}.collapsible-content{max-height:var(--width-container-xl)}}@media(width>768px){.collapsible-toggle{display:none}.collapsible-wrapper{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:var(--space-xxl)}.collapsible-content{max-height:none;padding:0}}.collapsible-wrapper{display:flex;flex-direction:column;margin:0;position:relative;z-index:100}.collapsible-toggle-text{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.collapsible-toggle-icon{color:var(--white);font-size:var(--font-lg);transition:transform var(--transition-slow)}.collapsible-content{display:flex;flex-direction:column;gap:0}@media(width<=768px){.collapsible-wrapper{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:0}.collapsible-toggle{align-items:center;background:var(--shadow-light);border-bottom:var(--border-s) solid var(--overlay-subtle);cursor:pointer;display:flex;justify-content:space-between;margin:0;min-height:var(--touch-target-recommended);padding:var(--space-md);user-select:none}.collapsible-wrapper.collapsed .collapsible-toggle-icon{transform:rotate(180deg)}.collapsible-content{max-height:var(--width-container-xl);overflow:visible;padding:var(--space-lg) 0;position:relative;transition:max-height var(--transition-slow) ease-out,padding var(--transition-slow) ease-out;z-index:1}.collapsible-wrapper.collapsed .collapsible-content{max-height:0;overflow:hidden;padding:0}}@media(width>768px){.collapsible-toggle{display:none}.collapsible-wrapper{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:var(--space-xxl)}.collapsible-content{max-height:none;overflow:visible;padding:0}}@media(width<=768px){.metadata-manager-page{height:100%;overflow:hidden}.metadata-manager-page .table-container{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.metadata-manager-page .table-wrapper{flex:1;overflow-y:auto}.metadata-manager-page .action-toolbar .btn{flex:1 1 var(--percent-half);justify-content:center;min-height:var(--touch-target-recommended);min-width:0}.metadata-manager-page .filter-toolbar{border-bottom:none;flex-direction:column;gap:0;padding:0}.metadata-manager-page .filter-toolbar-toggle{align-items:center;background:var(--shadow-light);border-bottom:var(--border-s) solid var(--overlay-subtle);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-md);user-select:none}.metadata-manager-page .filter-toolbar-toggle i{transition:transform var(--transition-slow)}.metadata-manager-page .filter-toolbar.collapsed .filter-toolbar-toggle i{transform:rotate(180deg)}.metadata-manager-page .filter-toolbar-content{display:flex;flex-direction:column;gap:0;max-height:var(--width-container-xl);overflow:visible;padding:var(--space-lg) 0;position:relative;transition:max-height var(--transition-slow) ease-out,padding var(--transition-slow) ease-out;z-index:1}.metadata-manager-page .filter-toolbar.collapsed .filter-toolbar-content{max-height:0;overflow:hidden;padding:0}.metadata-manager-page .filter-group{align-items:stretch;flex:1 1 var(--percent-full);flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.metadata-manager-page .pagination-container{gap:var(--space-md);padding:var(--space-md)}.metadata-manager-page .pagination-container .btn{font-size:var(--font-base);padding:var(--space-md)}.metadata-manager-page .pagination-info{font-size:var(--font-base)}}.metadata-manager-page{background:var(--white-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden;padding:0}@media(width>768px){.metadata-manager-page .action-toolbar{border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-md);justify-content:center;padding:var(--space-lg) var(--space-xxl)}}@media(width<=768px){.metadata-manager-page .action-toolbar{border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md)}}.metadata-manager-page .action-toolbar .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-md) var(--space-xl);transition:all var(--transition-slow)}.metadata-manager-page .action-toolbar .btn-primary{backdrop-filter:var(--blur-light);background:var(--overlay-medium);border:var(--border-s) solid var(--overlay-medium);color:var(--white)}.metadata-manager-page .action-toolbar .btn-primary:hover{background:var(--white-alpha-medium);box-shadow:var(--shadow-lg);transform:var(--transform-hover-md)}.metadata-manager-page .action-toolbar .btn-secondary{backdrop-filter:var(--blur-light);background:var(--accent-light);border:var(--border-s) solid var(--accent-medium);color:var(--white)}.metadata-manager-page .action-toolbar .btn-secondary:hover{background:var(--accent-medium);transform:var(--transform-hover-md)}@media(width>768px){.metadata-manager-page .filter-toolbar.collapsible-wrapper{backdrop-filter:none;background:none;border:none;border-bottom:var(--border-s) solid var(--overlay-subtle);border-radius:0;display:flex;flex-flow:row wrap;flex-shrink:0;gap:var(--space-lg);justify-content:center;padding:var(--space-lg) var(--space-xxl)}.metadata-manager-page .collapsible-toggle{display:none}.metadata-manager-page .collapsible-content{display:contents}}@media(width<=768px){.metadata-manager-page .filter-toolbar{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:0}.metadata-manager-page .filter-group [type=text]{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);padding:var(--space-md) var(--space-lg);width:var(--percent-full)}.metadata-manager-page .filter-group [type=text]:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--shadow-sm);outline:none}.metadata-manager-page .filter-group [type=text]::placeholder{color:var(--text-muted)}}.metadata-manager-page .filter-toggle-text{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.metadata-manager-page .filter-toggle-icon{color:var(--white)}@media(width>768px){.metadata-manager-page .filter-group{align-items:center;display:flex;gap:var(--space-sm)}.metadata-manager-page .filter-group label{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium);white-space:nowrap}.metadata-manager-page .filter-group [type=text]{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);min-width:var(--width-col-sm);padding:var(--space-md) var(--space-lg)}.metadata-manager-page .filter-group [type=text]:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--shadow-sm);outline:none}.metadata-manager-page .filter-group [type=text]::placeholder{color:var(--text-muted)}.metadata-manager-page .filter-group [type=text]:focus::placeholder{color:var(--text-muted)}}@media(pointer:fine){.metadata-manager-page .pagination-container .btn:disabled{cursor:not-allowed}}.metadata-manager-page .pagination-container{align-items:center;backdrop-filter:none;background:none;border:none;border-radius:0;border-top:var(--border-s) solid var(--overlay-subtle);display:flex;flex-shrink:0;gap:var(--space-lg);justify-content:center;padding:var(--space-lg) var(--space-xxl)}.metadata-manager-page .pagination-container .btn{align-items:center;background:var(--overlay-light);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-md);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.metadata-manager-page .pagination-container .btn:disabled{opacity:.4}.metadata-manager-page .pagination-container .btn:hover:not(:disabled){background:var(--overlay-medium);transform:var(--transform-hover-sm)}.metadata-manager-page .pagination-info{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium)}@media(width<=768px){.metadata-manager-page .base-table{display:block;width:100%}.metadata-manager-page .base-table thead{display:none}.metadata-manager-page .base-table tbody{display:flex;flex-direction:column;gap:0;width:100%}.metadata-manager-page .base-table tbody tr{background:var(--shadow-light);border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);width:100%}.metadata-manager-page .base-table tbody tr:nth-child(2n){background:var(--shadow-medium)}.metadata-manager-page .loading-row td,.metadata-manager-page .error-row td,.metadata-manager-page .empty-row td{padding:var(--space-xxxl) var(--space-lg)}.metadata-manager-page .base-table tbody td{align-items:center;border:none;color:var(--white);display:flex;justify-content:space-between;min-height:auto;padding:0;visibility:visible}.metadata-manager-page .base-table tbody td:before{color:var(--banes-lab-accent);content:attr(data-label);flex-shrink:0;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin-right:var(--space-md);text-transform:uppercase}.metadata-manager-page .base-table tbody .route-cell{font-size:var(--font-base);font-weight:var(--font-weight-semibold);max-width:none;white-space:normal;word-break:break-all}.metadata-manager-page .base-table tbody .route-cell:before{content:"Route"}.metadata-manager-page .base-table tbody .title-cell{max-width:none;white-space:normal}.metadata-manager-page .base-table tbody .title-cell:before{content:"Title"}.metadata-manager-page .base-table tbody .priority-cell{text-align:left}.metadata-manager-page .base-table tbody .priority-cell:before{content:"Priority"}.metadata-manager-page .base-table tbody .indexed-cell{text-align:left}.metadata-manager-page .base-table tbody .indexed-cell:before{content:"Indexed"}.metadata-manager-page .base-table tbody .views-cell{text-align:left}.metadata-manager-page .base-table tbody .views-cell:before{content:"Views"}.metadata-manager-page .base-table tbody .source-cell:before{content:"Source"}.metadata-manager-page .base-table tbody .version-cell{text-align:left}.metadata-manager-page .base-table tbody .version-cell:before{content:"Version"}.metadata-manager-page .base-table tbody .actions-cell{border-top:var(--border-s) solid var(--overlay-subtle);gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-sm);padding-top:var(--space-md)}.metadata-manager-page .base-table tbody .actions-cell:before{display:none}.metadata-manager-page .priority-badge{font-size:var(--font-sm);padding:var(--space-xs) var(--space-base)}.metadata-manager-page .indexed-badge{padding:var(--space-xs) var(--space-sm)}.metadata-manager-page .action-btn{font-size:var(--font-regular);min-height:var(--space-xl);min-width:var(--space-xl);padding:var(--space-md)}.metadata-manager-page .loading-row,.metadata-manager-page .error-row,.metadata-manager-page .empty-row{display:block;text-align:center}}@media(width>768px){.metadata-manager-page .base-table thead th{text-align:center}.metadata-manager-page .base-table thead th:nth-child(1),.metadata-manager-page .base-table thead th:nth-child(2){text-align:left}.metadata-manager-page .base-table tbody .route-cell{color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-base);font-weight:var(--font-weight-medium)}.metadata-manager-page .base-table tbody .title-cell{max-width:var(--width-col-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metadata-manager-page .base-table tbody .priority-cell,.metadata-manager-page .base-table tbody .indexed-cell,.metadata-manager-page .base-table tbody .auth-cell,.metadata-manager-page .base-table tbody .member-cell{text-align:center}.metadata-manager-page .base-table tbody .views-cell{font-weight:var(--font-weight-medium);text-align:center}.metadata-manager-page .base-table tbody .source-cell{color:var(--text-light-gray);font-size:var(--font-sm);text-align:center}.metadata-manager-page .base-table tbody .version-cell{color:var(--text-mid-gray);font-size:var(--font-sm);text-align:center}.metadata-manager-page .base-table tbody .actions-cell{text-align:center}}.metadata-manager-page .priority-badge{border-radius:var(--radius-lg);display:inline-block;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-base)}.metadata-manager-page .priority-badge.high{background:var(--success-light);border:var(--border-s) solid var(--success-medium);color:var(--success-primary)}.metadata-manager-page .priority-badge.medium{background:var(--warning-light);border:var(--border-s) solid var(--warning-medium);color:var(--warning-primary)}.metadata-manager-page .priority-badge.low{background:var(--danger-light);border:var(--border-s) solid var(--danger-medium);color:var(--danger-primary)}.metadata-manager-page .indexed-badge{align-items:center;border-radius:var(--percent-half);display:inline-flex;font-size:var(--font-md);height:var(--space-xxl);justify-content:center;width:var(--space-xxl)}.metadata-manager-page .indexed-badge.yes{color:var(--success-primary)}.metadata-manager-page .indexed-badge.no{color:var(--danger-primary)}.metadata-manager-page .action-btn{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--font-md);justify-content:center;margin:0 var(--border-m);min-height:var(--height-md);min-width:var(--height-md);padding:var(--space-sm);transition:all var(--transition-base)}.metadata-manager-page .action-btn:hover{background:var(--accent-light);border-color:var(--banes-lab-accent);transform:var(--transform-hover-sm)}.metadata-manager-page .action-btn.btn-delete{border-color:var(--danger-medium);color:var(--danger-primary)}.metadata-manager-page .action-btn.btn-delete:hover{background:var(--danger-light);border-color:var(--danger-primary)}.metadata-manager-page .loading-row,.metadata-manager-page .error-row,.metadata-manager-page .empty-row{color:var(--text-light-gray);font-style:italic;text-align:center}.metadata-manager-page .loading-row td,.metadata-manager-page .error-row td,.metadata-manager-page .empty-row td{padding:var(--space-xl)}.metadata-manager-page .error-row{color:var(--danger-primary)}@media(width<=768px){.metadata-manager-page .stat-item{align-items:flex-start;flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.metadata-manager-page .stat-label{font-size:var(--font-base)}.metadata-manager-page .stat-value{font-size:var(--font-lg)}.metadata-manager-page .form-row{grid-template-columns:1fr}.metadata-manager-page .form-section{padding:var(--space-md)}.metadata-manager-page .checkbox-row{flex-direction:column;gap:var(--space-sm)}}.metadata-manager-page .form-section{border:var(--border-s) solid var(--overlay-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-lg)}.metadata-manager-page .form-section-title{align-items:center;color:var(--text-light-gray);display:flex;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm);margin-bottom:var(--space-md);text-transform:uppercase}.metadata-manager-page .form-section-title i{color:var(--banes-lab-accent)}.metadata-manager-page .form-row{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.metadata-manager-page .checkbox-row{align-items:center}.metadata-manager-page .checkbox-group{align-items:center;display:flex}.metadata-manager-page .checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:var(--space-sm)}.metadata-manager-page .stats-content{display:flex;flex-direction:column;gap:var(--space-md)}.metadata-manager-page .stat-item{align-items:center;background:var(--white-alpha-subtle);border:var(--border-s) solid var(--overlay-subtle);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-lg)}.metadata-manager-page .stat-label{color:var(--text-light-gray);font-size:var(--font-md);font-weight:var(--font-weight-medium)}.metadata-manager-page .stat-value{color:var(--banes-lab-accent);font-size:var(--font-xl);font-weight:var(--font-weight-bold)}.metadata-manager-page .modal-container::-webkit-scrollbar{width:var(--space-sm)}.metadata-manager-page .modal-container::-webkit-scrollbar-track{background:var(--shadow-light)}.metadata-manager-page .modal-container::-webkit-scrollbar-thumb{background:var(--overlay-light);border-radius:var(--radius-sm)}@media(width<=768px){.page-creator-page{padding:0}.page-creator-form{gap:var(--space-lg);padding:var(--space-lg)}.page-creator-page .form-section{padding:var(--space-lg)}.page-creator-page .section-title{font-size:var(--font-regular);margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.page-creator-page .form-field label{font-size:var(--font-base)}.page-creator-page .form-field [type=text],.page-creator-page .form-field textarea{font-size:var(--font-md);padding:var(--space-md)}.page-creator-page .form-field small{font-size:var(--font-sm)}}@media(pointer:fine){.page-creator-page .form-field [type=text]:disabled,.page-creator-page .form-field textarea:disabled{cursor:not-allowed}}.page-creator-page{backdrop-filter:blur(var(--space-xl)) saturate(var(--line-height-large));background:var(--white-alpha-subtle);height:var(--percent-full);overflow:hidden auto}.page-creator-form{display:flex;flex-direction:column;gap:0}.page-creator-page .form-section{backdrop-filter:none;background:none;border:none;border-bottom:var(--border-s) solid var(--overlay-subtle);border-radius:0;padding:var(--space-xxl)}.page-creator-page .section-title{color:var(--white);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xxl)}.page-creator-page .section-title-spaced{margin-top:var(--space-xl);padding-bottom:var(--space-md)}.page-creator-page .form-row{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(var(--width-modal-sm),1fr));margin-bottom:var(--space-lg)}@media(width<=768px){.page-creator-page .form-row{gap:var(--space-lg);grid-template-columns:1fr;margin-bottom:var(--space-md)}}.page-creator-page .form-row:last-child{margin-bottom:0}.page-creator-page .form-field{display:flex;flex-direction:column;justify-content:flex-start}.page-creator-page .form-field-full{grid-column:1 / -1}.page-creator-page .form-field label{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.page-creator-page .required{color:var(--red)}.page-creator-page .form-field [type=text],.page-creator-page .form-field textarea{background:var(--white-alpha-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-size:var(--font-md);padding:var(--space-md);transition:all var(--transition-base);width:var(--percent-full)}.page-creator-page .form-field textarea{font-family:inherit;min-height:var(--height-textarea)}@supports (resize: vertical){.page-creator-page .form-field textarea{resize:vertical}}.page-creator-page .form-field [type=text]:focus,.page-creator-page .form-field textarea:focus{border-color:var(--banes-lab-accent);box-shadow:var(--shadow-sm);outline:none}.page-creator-page .form-field [type=text]:disabled,.page-creator-page .form-field textarea:disabled{background:var(--shadow-light);opacity:var(--opacity-half)}.page-creator-page .form-field small{color:var(--text-muted);font-size:var(--font-sm);margin-top:var(--space-xs)}.page-creator-page .form-field [type=range]{margin:var(--space-sm) 0;width:var(--percent-full)}.page-creator-page .checkbox-label-inline{align-items:center;color:var(--white);cursor:pointer;display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:flex-end}.page-creator-page .checkbox-label-inline [type=checkbox]{cursor:pointer;height:var(--font-lg);width:var(--font-lg)}.page-creator-page .text-right{text-align:right}.page-creator-page .integration-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(var(--width-col-xl),1fr));margin-bottom:var(--space-xxl)}@media(width<=768px){.page-creator-page .integration-grid{grid-template-columns:1fr}}.page-creator-page .integration-card{align-items:center;background:var(--white-alpha-subtle);border:var(--border-m) solid var(--overlay-subtle);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:var(--space-xl);position:relative;text-align:center;transition:all var(--transition-slow)}.page-creator-page .integration-card:hover{background:var(--overlay-subtle);border-color:var(--overlay-medium)}.page-creator-page .integration-card [type=checkbox]{height:0;opacity:0;position:absolute;width:0}.page-creator-page .card-content{align-items:center;color:var(--white);display:flex;flex-direction:column;gap:var(--space-sm);transition:all var(--transition-slow)}.page-creator-page .card-content i{color:var(--white-alpha-strong);font-size:var(--font-xxl);transition:all var(--transition-slow)}.page-creator-page .integration-card [type=checkbox]:checked+.card-content{color:var(--banes-lab-accent)}.page-creator-page .integration-card [type=checkbox]:checked~.card-content i{color:var(--banes-lab-accent)}.page-creator-page .integration-card:has([type=checkbox]:checked){background:var(--accent-subtle);border-color:var(--banes-lab-accent)}.page-creator-page .card-title{font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.page-creator-page .card-content small{color:var(--text-muted);font-size:var(--font-sm)}.page-creator-page .integration-card.locked{opacity:.5;pointer-events:none}.page-creator-page .integration-card.locked:has([type=checkbox]:checked){background:var(--accent-subtle);border-color:var(--banes-lab-accent)}.page-creator-page .lock-indicator{color:var(--banes-lab-accent);opacity:.8;position:absolute;right:var(--space-sm);top:var(--space-sm);transform:scale(.5);transform-origin:top right}@media(width<=768px){.page-creator-page .row-fields{grid-template-columns:1fr}.page-creator-page .row-field{width:var(--percent-full)}.page-creator-page .btn-remove-row{justify-self:end}}@media(pointer:fine){.page-creator-page .btn-add-row:disabled{cursor:not-allowed}}.page-creator-page .btn-add-row{align-items:center;background:var(--banes-lab-accent);border:none;border-radius:var(--radius-md);color:var(--banes-lab-main);cursor:pointer;display:flex;font-size:var(--font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.page-creator-page .btn-add-row:disabled{opacity:.5}.page-creator-page .btn-add-row:hover:not(:disabled){background:var(--banes-lab-main);color:var(--banes-lab-accent);transform:var(--transform-hover-sm)}.page-creator-page .btn-add-row-small{font-size:var(--font-base);padding:var(--space-sm)}.page-creator-page .btn-remove-row{align-items:center;background:var(--danger-light);border:var(--border-s) solid var(--red);border-radius:var(--radius-md);color:var(--red);cursor:pointer;display:flex;justify-content:center;padding:var(--space-md);transition:all var(--transition-base)}.page-creator-page .btn-remove-row:hover{background:var(--red);color:var(--white);transform:scale(1.05)}.page-creator-page .btn-remove-row i{font-size:var(--font-regular)}.page-creator-page .subsection-title{align-items:center;color:var(--white);display:flex;font-size:var(--font-regular);font-weight:var(--font-weight-semibold);justify-content:space-between;margin:var(--space-xl) 0 var(--space-md) 0}.page-creator-page .section-title{align-items:center;display:flex;justify-content:space-between}.page-creator-page .rows-container{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.page-creator-page .dynamic-row{background:var(--shadow-light);border:var(--border-s) solid var(--overlay-subtle);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base)}.page-creator-page .dynamic-row:hover{background:var(--shadow-medium);border-color:var(--overlay-light)}.page-creator-page .row-fields{align-items:center;display:grid;gap:var(--space-md);grid-template-columns:auto 1fr 1fr auto}.page-creator-page .row-field{display:flex}.page-creator-page .row-field-grow{flex:1}.page-creator-page .row-field select,.page-creator-page .row-field [type=text]{background:var(--white-alpha-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium);padding:var(--space-md);transition:all var(--transition-base);width:var(--percent-full)}.page-creator-page .row-field select{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='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right var(--space-base) center;background-repeat:no-repeat;background-size:var(--font-regular);cursor:pointer;padding-right:var(--space-xl)}.page-creator-page .row-field select:hover{background:var(--overlay-subtle);border-color:var(--overlay-medium)}.page-creator-page .row-field select:focus,.page-creator-page .row-field [type=text]:focus{background:var(--overlay-subtle);border-color:var(--banes-lab-accent);box-shadow:var(--shadow-sm);outline:none}.page-creator-page .row-field select option{background:var(--banes-lab-main);color:var(--white);font-weight:var(--font-weight-medium);padding:var(--space-md)}.page-creator-page .row-field select option:hover,.page-creator-page .row-field select option:checked{background:var(--banes-lab-accent);color:var(--banes-lab-main)}.page-creator-page .section-header{margin-bottom:var(--space-xxl)}.page-creator-page .section-title{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0}.page-creator-page .progress-section:not(.hidden){display:flex;flex-direction:column;gap:var(--space-xxl);padding:var(--space-xxl)}.page-creator-page .progress-title{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-semibold)}.page-creator-page .progress-bar-container{background:var(--shadow-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:var(--space-md);overflow:hidden;width:var(--percent-full)}.page-creator-page .progress-bar{--progress-width: 0%;background:linear-gradient(90deg,var(--banes-lab-accent),var(--banes-lab-accent-dark));box-shadow:var(--shadow-md);height:var(--percent-full);transition:width var(--transition-slower) ease;width:var(--progress-width)}.page-creator-page .progress-log{color:var(--white-alpha-strong);display:flex;flex-direction:column;font-size:var(--font-md);gap:var(--space-md);width:var(--percent-full)}.page-creator-page .progress-log-entry{background:var(--shadow-light);border-left:var(--space-xs) solid var(--banes-lab-accent);border-radius:var(--radius-lg);padding:var(--space-md)}.page-creator-page .progress-log-main{color:var(--white);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.page-creator-page .progress-log-detail{color:var(--white-alpha-strong);font-size:var(--font-sm);padding-left:var(--space-xxl)}.page-creator-page .result-section:not(.hidden){display:flex;flex-direction:column;height:var(--percent-full);padding:0}.page-creator-page .result-title{border-bottom:var(--border-s) solid var(--overlay-subtle);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);padding:var(--space-xxl)}.page-creator-page .result-title.success{color:var(--banes-lab-accent)}.page-creator-page .result-title.error{color:var(--danger-light)}.page-creator-page .result-content{color:var(--white);flex:1;line-height:var(--line-height-loose);overflow-y:auto;padding:0}.page-creator-page .result-content>p{border-bottom:var(--border-s) solid var(--overlay-subtle);margin:0;padding:var(--space-xxl)}.page-creator-page .files-created{background:var(--shadow-light);border-bottom:var(--border-s) solid var(--overlay-subtle);padding:var(--space-xxl)}.page-creator-page .files-created h3{color:var(--banes-lab-accent);font-size:var(--font-regular);margin:0 0 var(--space-lg)}.page-creator-page .files-created ul{list-style:none;margin:0;padding:0}.page-creator-page .files-created li{background:var(--shadow-light);border-bottom:var(--border-s) solid var(--white-alpha-subtle);color:var(--white-alpha-strong);font-family:var(--font-family-mono);font-size:var(--font-base);margin:0;padding:var(--space-md)}.page-creator-page .files-created li:last-child{border-bottom:none}.page-creator-page .result-actions{border-top:var(--border-s) solid var(--overlay-subtle);display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-xxl)}.user-management-page{background:var(--white-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden;padding:0}@media(width>768px){.user-management-page .action-toolbar{border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-md);justify-content:center;padding:var(--space-lg) var(--space-xxl)}}@media(width<=768px){.user-management-page .action-toolbar{border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md)}}.user-management-page .action-toolbar .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-md) var(--space-xl);transition:all var(--transition-slow)}.user-management-page .action-toolbar .btn-secondary{backdrop-filter:var(--blur-light);background:var(--accent-light);border:var(--border-s) solid var(--accent-medium);color:var(--white)}.user-management-page .action-toolbar .btn-secondary:hover{background:var(--accent-medium);transform:var(--transform-hover-md)}@media(width>768px){.user-management-page .filter-toolbar.collapsible-wrapper{backdrop-filter:none;background:none;border:none;border-bottom:var(--border-s) solid var(--overlay-subtle);border-radius:0;display:flex;flex-flow:row wrap;flex-shrink:0;gap:var(--space-lg);justify-content:center;padding:var(--space-lg) var(--space-xxl)}.user-management-page .collapsible-toggle{display:none}.user-management-page .collapsible-content{display:contents}}@media(width<=768px){.user-management-page .filter-toolbar{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:0}.user-management-page .filter-group [type=text]{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);padding:var(--space-md) var(--space-lg);width:var(--percent-full)}.user-management-page .filter-group [type=text]:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--shadow-sm);outline:none}.user-management-page .filter-group [type=text]::placeholder{color:var(--text-muted)}}.user-management-page .filter-toggle-text{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.user-management-page .filter-toggle-icon{color:var(--white)}@media(width>768px){.user-management-page .filter-group{align-items:center;display:flex;gap:var(--space-sm)}.user-management-page .filter-group label{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium);white-space:nowrap}.user-management-page .filter-group [type=text]{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);min-width:var(--width-col-sm);padding:var(--space-md) var(--space-lg)}.user-management-page .filter-group [type=text]:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--shadow-sm);outline:none}.user-management-page .filter-group [type=text]::placeholder{color:var(--text-muted)}.user-management-page .filter-group [type=text]:focus::placeholder{color:var(--text-muted)}}.user-management-page .pagination-container{align-items:center;backdrop-filter:none;background:none;border:none;border-radius:0;border-top:var(--border-s) solid var(--overlay-subtle);display:flex;flex-shrink:0;gap:var(--space-lg);justify-content:center;padding:var(--space-lg) var(--space-xxl)}.user-management-page .pagination-container .btn{align-items:center;background:var(--overlay-light);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-md);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.user-management-page .pagination-container .btn:disabled{opacity:.4}.user-management-page .pagination-container .btn:hover:not(:disabled){background:var(--overlay-medium);transform:var(--transform-hover-sm)}.user-management-page .pagination-info{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium)}.role-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.role-admin{background:var(--banes-lab-accent-dark);color:var(--black)}.role-user{background:var(--banes-lab-blue-dark);color:var(--white)}.status-badge{border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.status-active{background:var(--success);color:var(--white)}.status-inactive{background:var(--overlay-subtle);color:var(--white-alpha-medium)}.user-management-page .base-table thead th{text-align:center}.user-management-page .base-table thead th:first-child{text-align:left}.user-management-page .base-table tbody td{text-align:center}.user-management-page .base-table tbody td:first-child{text-align:left}.user-management-page .action-cell{text-align:center;white-space:nowrap}.user-management-page .action-btn{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--font-md);justify-content:center;margin:0 var(--border-m);min-height:var(--height-md);min-width:var(--height-md);padding:var(--space-sm);transition:all var(--transition-base)}.user-management-page .action-btn:hover{background:var(--accent-light);border-color:var(--banes-lab-accent);transform:var(--transform-hover-sm)}.user-management-page .action-btn.delete-user-btn{border-color:var(--danger-medium);color:var(--danger-primary)}.user-management-page .action-btn.delete-user-btn:hover{background:var(--danger-light);border-color:var(--danger-primary)}.modal-container .form-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.modal-container .form-group label{color:var(--banes-lab-accent);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.modal-container .form-group .form-input{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);padding:var(--space-md) var(--space-lg)}.modal-container .form-group input:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--shadow-sm);outline:none}.modal-container .form-group input:disabled{cursor:not-allowed;opacity:.5}.modal-container .form-hint{color:var(--white-alpha-medium);font-size:var(--font-xs)}.modal-container .form-group .form-checkbox{margin-right:var(--space-sm)}.modal-container .status-toggle-group{display:flex;gap:var(--space-md)}.modal-container .status-toggle-btn{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;flex:1;font-size:var(--font-md);gap:var(--space-sm);justify-content:center;padding:var(--space-md);transition:all var(--transition-base)}.modal-container .status-toggle-btn:hover{background:var(--overlay-light);transform:var(--transform-hover-sm)}.modal-container .status-toggle-btn.active{background:var(--accent-medium);border-color:var(--banes-lab-accent)}.modal-container .info-grid{display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.modal-container .info-item{background:var(--overlay-subtle);border-radius:var(--radius-md);padding:var(--space-md)}.modal-container .info-label{color:var(--white-alpha-medium);font-size:var(--font-xs);text-transform:uppercase}.modal-container .info-value{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium)}.modal-container .form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl)}.btn-danger{background:var(--danger-light);border-color:var(--danger-primary);color:var(--white)}.btn-danger:hover{background:var(--danger-primary);transform:var(--transform-hover-md)}.btn-accent{background:var(--accent-light);border:var(--border-s) solid var(--banes-lab-accent);color:var(--banes-lab-accent)}.btn-accent:hover{background:var(--accent-medium);transform:var(--transform-hover-md)}.membership-actions{display:flex;gap:var(--space-sm)}.membership-status.status-lifetime{background:var(--banes-lab-accent);border-radius:var(--radius-sm);color:var(--black);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm)}.data-footprint-container{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);padding:var(--space-md)}.footprint-loading{align-items:center;color:var(--white-alpha-medium);display:flex;gap:var(--space-sm);justify-content:center;padding:var(--space-lg)}.footprint-loading i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footprint-summary{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between}.summary-stats{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.stat-item{align-items:center;color:var(--white-alpha-medium);display:flex;font-size:var(--font-sm);gap:var(--space-xs)}.stat-item i{color:var(--banes-lab-accent)}.footprint-tables{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);max-height:200px;overflow-y:auto}.footprint-table-item{align-items:center;background:var(--overlay-light);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.table-checkbox{align-items:center;cursor:pointer;display:flex;flex:1;gap:var(--space-sm)}.table-checkbox .checkbox-input{accent-color:var(--banes-lab-accent);cursor:pointer;height:var(--font-lg);width:var(--font-lg)}.table-checkbox .checkbox-input:disabled{cursor:not-allowed;opacity:.5}.table-info{align-items:center;display:flex;gap:var(--space-sm)}.table-info i{color:var(--banes-lab-accent)}.table-name{color:var(--white);font-weight:var(--font-weight-medium)}.table-count{color:var(--white-alpha-medium);font-size:var(--font-sm)}.protected-badge{background:var(--overlay-medium);border-radius:var(--radius-sm);color:var(--white-alpha-medium);font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}.footprint-actions{border-top:var(--border-s) solid var(--overlay-light);display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md)}.time-range-select{align-items:center;display:flex;gap:var(--space-sm)}.time-range-select .time-range-label{color:var(--white-alpha-medium);font-size:var(--font-sm)}.delete-options{display:flex;gap:var(--space-md)}.checkbox-label{align-items:center;color:var(--white-alpha-medium);cursor:pointer;display:flex;font-size:var(--font-sm);gap:var(--space-xs)}.delete-options .checkbox-label .checkbox-input{accent-color:var(--danger-primary);cursor:pointer}.action-buttons{display:flex;gap:var(--space-sm);justify-content:flex-end}.no-data{color:var(--white-alpha-medium);font-size:var(--font-sm);padding:var(--space-md);text-align:center}.audit-manager-page{background:var(--white-alpha-subtle);display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden;padding:0}.folder-view{display:flex;flex-direction:column;height:var(--percent-full);padding:var(--space-xxl)}.folder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xxl)}.folder-title{align-items:center;color:var(--white);display:flex;font-size:var(--font-xxl);font-weight:var(--font-weight-bold);gap:var(--space-md);margin:0}.folder-title i{color:var(--banes-lab-accent)}.folder-stats{color:var(--text-muted);font-size:var(--font-md)}.folder-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.folder-item{align-items:center;backdrop-filter:var(--blur-light);background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xxl);transition:all var(--transition-base)}.folder-item:hover{background:var(--overlay-light);border-color:var(--banes-lab-accent);transform:var(--transform-hover-md)}.folder-icon{color:var(--banes-lab-accent);font-size:use css variable for consistent typography scale}.folder-name{color:var(--white);font-size:var(--font-lg);font-weight:var(--font-weight-semibold)}.folder-count{color:var(--text-muted);font-size:var(--font-sm)}.log-view{display:flex;flex-direction:column;height:var(--percent-full);overflow:hidden}.log-header{align-items:center;border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;flex-shrink:0;gap:var(--space-lg);justify-content:space-between;padding:var(--space-lg) var(--space-xxl)}.log-title{align-items:center;color:var(--white);display:flex;flex:1;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);gap:var(--space-md);margin:0}.log-title i{color:var(--banes-lab-accent)}.btn-back{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--font-md);gap:var(--space-sm);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base)}.btn-back:hover{background:var(--overlay-light);transform:var(--transform-hover-sm)}.action-badge{background:var(--accent-light);border-radius:var(--radius-sm);color:var(--banes-lab-accent);font-size:var(--font-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm)}.details-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-summary{cursor:help}.status-success{background:var(--success);color:var(--white)}.status-danger{background:var(--danger-primary);color:var(--white)}.status-warning{background:var(--warning);color:var(--black)}@media(width>768px){.audit-manager-page .filter-toolbar.collapsible-wrapper{backdrop-filter:none;background:none;border:none;border-bottom:var(--border-s) solid var(--overlay-subtle);border-radius:0;display:flex;flex-flow:row wrap;flex-shrink:0;gap:var(--space-lg);justify-content:center;padding:var(--space-lg) var(--space-xxl)}.audit-manager-page .collapsible-toggle{display:none}.audit-manager-page .collapsible-content{display:contents}.audit-manager-page .filter-group{align-items:center;display:flex;gap:var(--space-sm)}.audit-manager-page .filter-group label{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium);white-space:nowrap}.audit-manager-page .filter-group input{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);min-width:var(--width-col-sm);padding:var(--space-md) var(--space-lg)}.audit-manager-page .filter-group input:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--shadow-sm);outline:none}}@media(width<=768px){.folder-view{padding:var(--space-lg)}.folder-header{flex-direction:column;gap:var(--space-md)}.folder-title{font-size:var(--font-xl)}.folder-grid{grid-template-columns:1fr}.log-header{flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md)}.log-title{font-size:var(--font-lg);order:2;width:var(--percent-full)}.btn-back{order:1}.audit-manager-page .filter-toolbar{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:0}.audit-manager-page .filter-group input{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);padding:var(--space-md) var(--space-lg);width:var(--percent-full)}}.audit-manager-page .pagination-container{align-items:center;backdrop-filter:none;background:none;border:none;border-radius:0;border-top:var(--border-s) solid var(--overlay-subtle);display:flex;flex-shrink:0;gap:var(--space-lg);justify-content:center;padding:var(--space-lg) var(--space-xxl)}.audit-manager-page .pagination-container .btn{align-items:center;background:var(--overlay-light);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-md);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.audit-manager-page .pagination-container .btn:disabled{opacity:.4}.audit-manager-page .pagination-container .btn:hover:not(:disabled){background:var(--overlay-medium);transform:var(--transform-hover-sm)}.audit-manager-page .pagination-info{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-medium)}.audit-manager-page .base-table thead th{text-align:center}.audit-manager-page .base-table thead th:first-child{text-align:left}.audit-manager-page .base-table tbody td{text-align:center}.audit-manager-page .base-table tbody td:first-child{text-align:left}@media(width<=768px){.key-generator-page section{padding:var(--space-lg)}.key-generator-page .section-header{flex-wrap:wrap;gap:var(--space-sm)}.key-generator-page .section-header h2{font-size:var(--font-md)}.key-generator-page .section-body{max-height:var(--width-container-xl);overflow:visible;transition:max-height var(--transition-slow),padding var(--transition-slow)}.key-generator-page .key-form-section.collapsed .section-body{max-height:0;overflow:hidden;padding:0}}@media(width>768px){.key-generator-page .section-header .toggle-icon{display:none}.key-generator-page .key-form-section.collapsed .section-body{max-height:none}}.key-generator-page{display:flex;flex-direction:column;gap:0;height:var(--percent-full);overflow:hidden auto}.key-generator-page section{border-bottom:var(--border-s) solid var(--overlay-subtle);padding:var(--space-xxl);position:relative}.key-generator-page .key-form-section{z-index:var(--z-dropdown)}.key-generator-page .keys-section{z-index:1}.key-generator-page .section-header{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-xl)}.key-generator-page .section-header h2{align-items:center;color:var(--white);display:flex;font-size:var(--font-lg);font-weight:var(--font-weight-semibold);gap:var(--space-sm);margin:0}.key-generator-page .section-header h2 i{color:var(--banes-lab-accent)}.key-generator-page .section-header.collapsible{cursor:pointer;user-select:none}.key-generator-page .section-header .toggle-icon{color:var(--text-muted);transition:transform var(--transition-slow)}.key-generator-page .key-form-section.collapsed .toggle-icon{transform:rotate(180deg)}.key-generator-page .badge{background:var(--overlay-light);border-radius:var(--radius-md);color:var(--text-light-gray);font-size:var(--font-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md)}.key-generator-page .badge.success{background:var(--success-light);color:var(--success-primary)}.key-generator-page .badge.warning{background:var(--warning-light);color:var(--warning-primary)}.key-generator-page .badge.error{background:var(--danger-light);color:var(--danger-primary)}@media(width<=768px){.key-form .form-row{grid-template-columns:1fr}.key-form .form-field.flex-1,.key-form .form-field.flex-2{flex:none}.key-output .output-row{flex-direction:column;gap:var(--space-sm)}.key-output code{width:var(--percent-full)}.key-output .output-actions{justify-content:flex-end;width:var(--percent-full)}}.key-form{display:flex;flex-direction:column;gap:var(--space-lg)}.key-form .form-row{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.key-form .form-field{display:flex;flex-direction:column;position:relative}.key-form .form-field:has(.custom-dropdown.open){z-index:var(--z-dropdown-active)}.key-form .form-field.flex-1{flex:1}.key-form .form-field.flex-2{flex:2}.key-form .form-field label{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.key-form .form-field .form-input{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-md);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base);width:var(--percent-full)}.key-form .form-field .form-input::placeholder{color:var(--text-muted)}.key-form .form-field .form-input:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--shadow-sm);outline:none}.key-form .form-field .form-input-readonly{background:var(--overlay-subtle);color:var(--text-muted);cursor:not-allowed}.btn-generate{align-items:center;background:var(--banes-lab-accent);border:none;border-radius:var(--radius-lg);color:var(--banes-lab-main);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;margin-top:var(--space-sm);padding:var(--space-md) var(--space-xxl);transition:all var(--transition-base)}.btn-generate:hover{background:var(--banes-lab-accent-dark);box-shadow:var(--shadow-md);color:var(--white);transform:var(--transform-hover-md)}.key-output{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);display:none;margin-top:var(--space-lg);padding:var(--space-lg)}.key-output.show{display:block}.key-output .output-row{align-items:center;display:flex;gap:var(--space-md)}.key-output code{background:var(--bg-dark);border-radius:var(--radius-md);color:var(--banes-lab-accent);flex:1;font-family:var(--font-family-mono);font-size:var(--font-sm);overflow:hidden;padding:var(--space-md);text-overflow:ellipsis;white-space:nowrap}.key-output code.masked{color:var(--text-muted);filter:var(--blur-soft);user-select:none}.key-output .output-actions{display:flex;gap:var(--space-xs)}.key-output .success-toast{color:var(--success-primary);display:none;font-size:var(--font-sm);margin-top:var(--space-sm)}.key-output .success-toast.show{display:block}@media(width<=768px){.keys-grid{grid-template-columns:1fr}.key-card,.security-card{padding:var(--space-md)}.key-card header,.security-card header{flex-wrap:wrap}.key-card .key-value{max-width:none}.key-card footer{flex-direction:column;gap:var(--space-md)}.key-card .key-value-row{width:var(--percent-full)}.key-card .key-meta{align-items:flex-start;flex-direction:row;gap:var(--space-md);text-align:left;width:var(--percent-full)}.security-card .rotation-meta{flex-direction:column;gap:var(--space-xs)}}.keys-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));justify-items:stretch}.keys-list{display:flex;flex-direction:column;gap:var(--space-md)}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xxxl);text-align:center}.empty-state i{font-size:var(--font-display);opacity:.3}.empty-state p{font-size:var(--font-md);margin:0}.empty-state.error{color:var(--danger-primary)}.empty-state.error i{opacity:.6}.spin{animation:spin 1s linear infinite}.key-card,.security-card{background:var(--overlay-subtle);border:var(--border-s) solid var(--overlay-light);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.key-card:hover,.security-card:hover{border-color:var(--overlay-medium);box-shadow:var(--shadow-md)}.key-card header,.security-card header{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between;margin-bottom:var(--space-md)}.key-card .key-type,.security-card .key-type{align-items:center;color:var(--white);display:flex;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm);letter-spacing:var(--letter-spacing-wide)}.key-card .key-type i,.security-card .key-type i{color:var(--banes-lab-accent);font-size:var(--font-lg)}.key-card .key-size{background:var(--overlay-light);border-radius:var(--radius-sm);color:var(--text-light-gray);font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}.key-card .btn-icon.danger{background:var(--danger-subtle);border-color:var(--danger-light);color:var(--danger-primary)}.key-card .btn-icon.danger:hover{background:var(--danger-light);box-shadow:var(--glow-danger-sm)}.key-card .key-owner,.security-card .key-fingerprint{color:var(--text-light-gray);font-size:var(--font-md);margin-bottom:var(--space-md)}.security-card .key-fingerprints{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.security-card .fingerprint-row{align-items:center;display:flex;gap:var(--space-sm)}.security-card .fingerprint-label{font-size:var(--font-xs);font-weight:var(--font-weight-medium);min-width:3.5rem}.security-card .fingerprint-row.active .fingerprint-label{color:var(--success-primary)}.security-card .fingerprint-row.fallback .fingerprint-label{color:var(--warning-primary)}.security-card .fingerprint-row code{background:var(--bg-dark);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-family-mono);font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}.security-card .fingerprint-row.active code{color:var(--success-primary)}.security-card .fingerprint-row.fallback code{color:var(--warning-primary)}.security-card .grace-expires{color:var(--text-muted);font-size:var(--font-xxs);font-style:italic}.security-card .rotation-countdown{color:var(--text-muted);font-size:var(--font-xxs)}.key-card footer,.security-card footer{align-items:flex-end;display:flex;gap:var(--space-md);justify-content:space-between}.key-card .key-value-row{display:flex;flex:1;flex-direction:column;gap:var(--space-sm)}.key-card .key-value{background:var(--bg-dark);border-radius:var(--radius-md);color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-xs);max-width:20rem;overflow:hidden;padding:var(--space-sm) var(--space-md);text-overflow:ellipsis;white-space:nowrap}.key-card .key-value.masked{color:var(--text-muted);filter:var(--blur-soft);user-select:none}.key-card .key-actions{display:flex;gap:var(--space-xs)}.key-card .key-actions .btn-icon{height:var(--height-md);width:var(--height-md)}.key-card .key-actions .btn-icon i{font-size:var(--font-sm)}.key-card .key-meta{color:var(--text-muted);display:flex;flex-direction:column;font-size:var(--font-xs);gap:var(--space-xs);text-align:right}.security-card .status-indicator{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:var(--font-xs);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.security-card .status-indicator.secure{background:var(--success-light);color:var(--success-primary)}.security-card .status-indicator.warning{background:var(--warning-light);color:var(--warning-primary)}.security-card.warning{border-color:var(--warning-light)}.security-card .rotation-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-xs);gap:var(--space-sm) var(--space-lg)}.security-card .btn-icon.rotate{background:var(--accent-subtle);border-color:var(--accent-light);color:var(--banes-lab-accent)}.security-card .btn-icon.rotate:hover{background:var(--accent-light);box-shadow:var(--glow-accent-sm)}.security-card .btn-icon.rotate.cooldown{cursor:not-allowed;opacity:.4;pointer-events:none}.key-card.removing{animation:fadeOut var(--transition-slow) forwards;opacity:0;transform:translate(-20px)}@media(hover:none)and (pointer:coarse){.dashboard-nav-btn{min-height:var(--touch-target-recommended)}}.dashboard-nav{align-items:center;backdrop-filter:var(--glass-blur);background:var(--glass-banes-lab-main);border-top:var(--border-s) solid var(--glass-border);bottom:0;box-shadow:var(--shadow-sm);display:flex;height:var(--touch-target-recommended);justify-content:space-around;left:0;padding:0;position:fixed;right:0;z-index:var(--z-sticky)}.dashboard-nav-btn{align-items:center;background:none;border:none;color:var(--text-light-gray);cursor:pointer;display:flex;flex:1;flex-direction:column;gap:var(--space-xs);justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-xs);transition:color var(--transition-fast)}.dashboard-nav-btn:hover,.dashboard-nav-btn.active{color:var(--banes-lab-accent)}.dashboard-nav-btn i{font-size:var(--font-lg)}.dashboard-nav-label{font-size:var(--font-xxs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:capitalize}.dashboard-nav-btn:focus{outline:none}.dashboard-nav-btn:active{transform:scale(.95)}@supports (padding: env(safe-area-inset-bottom)){.dashboard-nav{height:calc(var(--touch-target-recommended) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}