:root{--color-brand-900: #004a00;--color-brand-800: #0f350f;--color-brand-700: #0f350f;--color-brand-600: #3d8a3e;--color-brand-500: #5fbc60;--color-brand-400: #7ad27b;--color-brand-300: #7ad27b;--color-brand-200: #b8e5b9;--color-brand-100: #d9f0da;--color-brand-900-rgb: 0, 74, 0;--color-brand-500-rgb: 95, 188, 96;--color-success: #22c55e;--color-success-light: #86efac;--color-success-dark: #16a34a;--color-success-rgb: 34, 197, 94;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-warning-rgb: 245, 158, 11;--color-error: #ef4444;--color-error-light: #fca5a5;--color-error-dark: #dc2626;--color-error-rgb: 239, 68, 68;--color-on-error: white;--color-error-dark: #b91c1c;--color-danger: #c0392b;--color-danger-rgb: 192, 57, 43;--color-info: #3b82f6;--color-info-light: #93c5fd;--color-info-dark: #2563eb;--color-info-rgb: 59, 130, 246;--color-accent-sky: #3498db;--color-accent-crimson: #e74c3c;--color-accent-emerald: #2ecc71;--color-accent-plum: #9b59b6;--color-accent-plum-rgb: 147, 51, 234;--color-accent-amber: #f39c12;--color-accent-teal: #1abc9c;--color-background: #f5f9f5;--color-surface: #ffffff;--color-surface-muted: #eef6ef;--color-surface-elevated: #ffffff;--color-surface-strong: #e1f0e2;--color-panel-shadow: 0 6px 24px rgba(0, 0, 0, .1);--color-background-rgb: 245, 249, 245;--color-backdrop: rgba(var(--color-background-rgb), .7);--color-text-primary: #123212;--color-text-secondary: #2f5b2f;--color-text-tertiary: #6b8a6b;--color-text-inverse: #f5fff5;--color-text-inverse-rgb: 245, 255, 245;--color-text-muted: #406640;--color-text-muted-rgb: 107, 138, 107;--color-heading: #004a00;--color-on-accent: #0d350d;--color-border: #d1e4d1;--color-border-light: #e8f3e8;--color-border-dark: #b8d4b8;--color-border-soft: rgba(79, 168, 80, .2);--color-border-strong: rgba(79, 168, 80, .35);--space-xxs: .15rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--space-5xl: 6rem;--space-6xl: 8rem;--font-primary: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .2em;--size-icon-sm: 20px;--size-icon-md: 24px;--size-icon-lg: 40px;--size-avatar-sm: 32px;--size-avatar-md: 56px;--size-logo-sm: 40px;--size-logo-md: 50px;--size-dot-sm: 8px;--size-dot-lg: 2.25rem;--size-checkbox-sm: 1.1rem;--size-thumb-w: 72px;--size-thumb-h: 56px;--size-button-w-md: 120px;--size-media-min-height: 240px;--size-media-min-height-sm: 200px;--border-width-1: 1px;--border-width-2: 2px;--border-width-3: 3px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--color-elevated-shadow: 0 12px 40px rgba(0, 0, 0, .12);--shadow-elevated: var(--color-elevated-shadow);--shadow-focus-ring: 0 0 0 2px rgba(var(--color-brand-500-rgb), .25);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-all: all var(--transition-base) var(--ease-in-out);--transition-colors: color var(--transition-base) var(--ease-in-out), background-color var(--transition-base) var(--ease-in-out), border-color var(--transition-base) var(--ease-in-out);--transition-transform: transform var(--transition-base) var(--ease-out);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 500;--z-modal: 600;--z-popover: 700;--z-tooltip: 800;--z-splash: 9999;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px;--container-3xl: 1600px;--container-4xl: 1800px;--min-card-width: 350px;--min-card-width-sm: 300px;--min-panel-height: 520px}:root[data-theme=dark]{--color-background: #0b120c;--color-surface: #131d14;--color-surface-muted: #19281a;--color-surface-strong: #20301f;--color-surface-elevated: #1f4a1f;--color-background-rgb: 11, 18, 12;--color-backdrop: rgba(var(--color-background-rgb), .7);--color-text-primary: #e5f6e5;--color-text-secondary: #c5e8c5;--color-text-tertiary: #8ab58a;--color-text-inverse: #f5fff5;--color-brand-900: #1c4c1c;--color-brand-900-rgb: 28, 76, 28;--color-brand-700: #276b28;--color-brand-500: #4fa850;--color-brand-500-rgb: 79, 168, 80;--color-brand-300: #7ad27b;--color-brand-100: #0f2411;--color-text-muted: #96c996;--color-on-accent: #071407;--color-danger: #ef8577;--color-danger-rgb: 239, 133, 119;--color-heading: #7ad27b;--color-border: #2d5a2d;--color-border-light: #1f4a1f;--color-border-dark: #3d6a3d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .7);--color-elevated-shadow: 0 16px 45px rgba(0, 0, 0, .55);--shadow-elevated: var(--color-elevated-shadow);--color-panel-shadow: 0 10px 30px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}ul,ol{list-style:none}button{background:none;border:none;font:inherit;cursor:pointer}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}fieldset{border:none}:focus-visible{outline:none!important;box-shadow:none!important}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh;outline:none!important;box-shadow:none!important}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-md)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-md);line-height:var(--leading-relaxed)}a{color:var(--color-brand-500);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-brand-600)}a:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:var(--font-primary);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:var(--transition-all);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}input,textarea,select{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:var(--transition-colors)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 3px rgba(var(--color-brand-500-rgb),.1)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}code{background-color:var(--color-surface-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}pre{background-color:var(--color-surface-muted);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto}pre code{background-color:transparent;padding:0}.u-text-primary{color:var(--color-text-primary)}.u-text-secondary{color:var(--color-text-secondary)}.u-text-tertiary{color:var(--color-text-tertiary)}.u-text-inverse{color:var(--color-text-inverse)}.u-text-brand{color:var(--color-brand-500)}.u-text-success{color:var(--color-success)}.u-text-warning{color:var(--color-warning)}.u-text-error{color:var(--color-error)}.u-text-info{color:var(--color-info)}.u-text-left{text-align:left}.u-text-center{text-align:center}.u-text-right{text-align:right}.u-font-normal{font-weight:var(--font-normal)}.u-font-medium{font-weight:var(--font-medium)}.u-font-semibold{font-weight:var(--font-semibold)}.u-font-bold{font-weight:var(--font-bold)}.u-bg-primary{background-color:var(--color-brand-500)}.u-bg-secondary{background-color:var(--color-surface-muted)}.u-bg-light{background-color:var(--color-surface)}.u-bg-success{background-color:var(--color-success)}.u-bg-warning{background-color:var(--color-warning)}.u-bg-error{background-color:var(--color-error)}.u-bg-info{background-color:var(--color-info)}.u-mt-xs{margin-top:var(--space-xs)}.u-mt-sm{margin-top:var(--space-sm)}.u-mt-md{margin-top:var(--space-md)}.u-mt-lg{margin-top:var(--space-lg)}.u-mt-xl{margin-top:var(--space-xl)}.u-mt-2xl{margin-top:var(--space-2xl)}.u-mb-xs{margin-bottom:var(--space-xs)}.u-mb-sm{margin-bottom:var(--space-sm)}.u-mb-md{margin-bottom:var(--space-md)}.u-mb-lg{margin-bottom:var(--space-lg)}.u-mb-xl{margin-bottom:var(--space-xl)}.u-mb-2xl{margin-bottom:var(--space-2xl)}.u-ml-xs{margin-left:var(--space-xs)}.u-ml-sm{margin-left:var(--space-sm)}.u-ml-md{margin-left:var(--space-md)}.u-ml-lg{margin-left:var(--space-lg)}.u-ml-xl{margin-left:var(--space-xl)}.u-mr-xs{margin-right:var(--space-xs)}.u-mr-sm{margin-right:var(--space-sm)}.u-mr-md{margin-right:var(--space-md)}.u-mr-lg{margin-right:var(--space-lg)}.u-mr-xl{margin-right:var(--space-xl)}.u-p-xs{padding:var(--space-xs)}.u-p-sm{padding:var(--space-sm)}.u-p-md{padding:var(--space-md)}.u-p-lg{padding:var(--space-lg)}.u-p-xl{padding:var(--space-xl)}.u-p-2xl{padding:var(--space-2xl)}.u-hidden{display:none}.u-block{display:block}.u-inline-block{display:inline-block}.u-flex{display:flex}.u-inline-flex{display:inline-flex}.u-grid{display:grid}.u-btn-secondary{padding:.6rem 1.2rem;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);color:var(--color-heading);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all)}.u-btn-secondary:hover:not(:disabled){background:var(--color-brand-500);color:var(--color-on-accent);border-color:var(--color-brand-500);transform:translateY(-1px);box-shadow:var(--shadow-md)}.u-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.u-btn-link{color:var(--color-brand-500);text-decoration:none;font-weight:var(--font-semibold);padding:.3rem .8rem;border-radius:var(--radius-sm);transition:var(--transition-all)}.u-btn-link:hover{background:rgba(var(--color-brand-500-rgb),.1);color:var(--color-brand-400)}.u-btn-danger{padding:.6rem 1.2rem;background:var(--color-error);color:var(--color-on-error, white);border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all)}.u-btn-danger:hover:not(:disabled){background:var(--color-error-dark, #b91c1c);transform:translateY(-1px)}.u-btn-danger:disabled{opacity:.5;cursor:not-allowed}.u-btn-action{padding:.5rem 1rem;background:var(--color-brand-500);color:var(--color-on-accent);border:none;border-radius:var(--radius-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);font-size:var(--text-sm)}.u-btn-action:hover{background:var(--color-brand-600);transform:translateY(-1px)}.u-btn-action:active{transform:translateY(0)}.u-badge{display:inline-block;padding:.3rem .8rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase}.u-badge--image{background:rgba(var(--color-info-rgb),.2);color:var(--color-info)}.u-badge--video{background:rgba(var(--color-accent-plum-rgb, 147, 51, 234),.2);color:var(--color-accent-plum, rgb(147, 51, 234))}.u-badge--audio{background:rgba(var(--color-success-rgb),.2);color:var(--color-success)}.u-badge--unknown{background:rgba(var(--color-text-muted-rgb),.2);color:var(--color-text-muted)}.u-badge--owner{background:rgba(var(--color-error-rgb),.2);color:var(--color-error)}.u-badge--admin{background:rgba(var(--color-warning-rgb),.2);color:var(--color-warning)}.u-badge--staff{background:rgba(var(--color-info-rgb),.2);color:var(--color-info)}.u-badge--member{background:rgba(var(--color-success-rgb),.2);color:var(--color-success)}html{scroll-behavior:smooth}body{min-width:320px;transition:background-color var(--transition-slow) ease,color var(--transition-slow) ease}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-surface-muted)}::-webkit-scrollbar-thumb{background:var(--color-brand-500);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-600)}.header{background-color:var(--color-brand-900);color:var(--color-text-inverse);padding:var(--space-md) 0;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-md);width:100%}.header__container{max-width:var(--container-xl);width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-xl)}.header__logo-container{display:flex;align-items:center;gap:var(--space-md)}.header__logo{width:var(--size-logo-md);height:var(--size-logo-md);border-radius:var(--radius-md)}.header__logo-link{display:flex;align-items:center;gap:var(--space-md);text-decoration:none}.header__server-name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-brand-500)}.header__navigation{display:flex;align-items:center;gap:var(--space-lg)}.header__navigation ul{display:flex;list-style:none;gap:var(--space-lg);margin:0;padding:0}.header__actions{display:flex;align-items:center;gap:var(--space-md)}.header__hamburger-menu{display:none}.header__navigation a{color:var(--color-brand-300);text-decoration:none;font-weight:var(--font-medium);transition:var(--transition-colors)}.header__navigation a:hover,.header__navigation a.active{color:var(--color-brand-600)}.header__auth-actions{display:flex;align-items:center;gap:var(--space-md)}.header__dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);color:var(--color-text-inverse);font-weight:var(--font-medium);border-bottom:1px solid rgba(var(--color-text-inverse-rgb),.1)}.header__theme-switch{position:relative;width:52px;height:28px;border-radius:var(--radius-full);background-color:rgba(var(--color-text-inverse-rgb),.2);border:1px solid rgba(var(--color-text-inverse-rgb),.3);cursor:pointer;transition:background-color var(--transition-base) var(--ease-out),border-color var(--transition-base) var(--ease-out);padding:2px;display:flex;align-items:center}.header__theme-switch:hover{background-color:rgba(var(--color-text-inverse-rgb),.3)}.header__theme-switch[aria-pressed=true]{background-color:var(--color-brand-500);border-color:var(--color-brand-400)}.header__theme-switch-thumb{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background-color:var(--color-text-inverse);border-radius:50%;font-size:14px;transition:transform var(--transition-base) var(--ease-out);box-shadow:var(--shadow-sm);color:var(--color-brand-900)}.header__theme-switch[aria-pressed=true] .header__theme-switch-thumb{transform:translate(24px)}.header__theme-switch[data-system=true]{border-style:dashed}.header__auth-status{color:rgba(var(--color-text-inverse-rgb),.75);font-size:var(--text-sm)}.header__auth-button{background:var(--color-brand-500);border:none;color:var(--color-on-accent);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-transform),box-shadow var(--transition-base) var(--ease-out)}.header__auth-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-brand-500-rgb),.35)}.header__dropdown-button{width:100%;text-align:left;padding:0;background:transparent;border:none;color:rgba(var(--color-text-inverse-rgb),.85);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);display:block}.header__dropdown-item:hover{background-color:rgba(var(--color-text-inverse-rgb),.1);color:var(--color-text-inverse)}.header__dropdown-button--logout{color:#ff6b6b}.header__dropdown-item--logout:hover{background-color:#ff6b6b1a;color:#ff8787}.header__user-badge{display:flex;align-items:center;gap:var(--space-sm);background-color:rgba(var(--color-text-inverse-rgb),.18);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full)}.header__user-avatar{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);background-color:rgba(var(--color-text-inverse-rgb),.2);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);overflow:hidden;text-transform:uppercase}.header__user-avatar img{width:100%;height:100%;object-fit:cover}.header__user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-brand-300)}@media(max-width:56rem){.header__container{padding:0 var(--space-md);gap:var(--space-md);flex-wrap:wrap}.header__logo-container{flex-grow:1}.header__navigation{display:none;flex-direction:column;width:100%;position:absolute;top:var(--header-height);left:0;background-color:var(--color-brand-900);box-shadow:var(--shadow-md);padding:var(--space-md) 0;z-index:var(--z-dropdown)}.header__navigation--open{display:flex}.header__navigation ul{flex-direction:column;gap:var(--space-sm);align-items:center}.header__navigation a{padding:var(--space-sm) var(--space-md);width:100%;text-align:center}.header__server-name{font-size:var(--text-xl)}.header__logo{width:var(--size-logo-sm);height:var(--size-logo-sm)}.header__auth-actions--desktop{display:none}.header__actions{display:flex;flex-direction:column;gap:var(--space-md);width:100%;align-items:center;margin-top:var(--space-md)}.header__hamburger-menu{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:var(--z-modal)}.header__hamburger-menu:focus{outline:none}.header__hamburger-icon{width:100%;height:3px;background-color:var(--color-text-inverse);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.header__hamburger-menu.header__hamburger-menu--open .header__hamburger-icon:nth-child(1){transform:rotate(45deg)}.header__hamburger-menu.header__hamburger-menu--open .header__hamburger-icon:nth-child(2){opacity:0;transform:translate(20px)}.header__hamburger-menu.header__hamburger-menu--open .header__hamburger-icon:nth-child(3){transform:rotate(-45deg)}}.header{--header-height: 70px}.header__user-menu{position:relative;display:inline-block}.header__user-dropdown{position:absolute;background-color:var(--color-brand-800);min-width:12rem;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);right:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(var(--color-text-inverse-rgb),.1);padding:var(--space-xs) 0}.membership-modal-backdrop{position:fixed;inset:0;background:var(--color-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg)}.membership-modal{background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:420px;width:min(420px,100%);box-shadow:var(--shadow-elevated);border:1px solid var(--color-border);position:relative}.membership-modal h2{margin:0 0 var(--space-md);font-size:var(--text-2xl);color:var(--color-heading)}.membership-modal p{margin:0 0 var(--space-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.membership-modal__links{margin-bottom:var(--space-lg);display:flex;justify-content:center}.membership-modal__link{display:inline-block;background:var(--color-brand-900);color:var(--color-text-inverse);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-weight:var(--font-semibold);text-decoration:none;transition:var(--transition-transform),background var(--transition-base) var(--ease-out)}.membership-modal__link:hover{background:var(--color-brand-700);transform:translateY(-1px)}.membership-modal__actions{display:flex;justify-content:center;gap:var(--space-md)}.membership-modal__button{border:none;border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-transform),box-shadow var(--transition-base) var(--ease-out)}.membership-modal__close{position:absolute;top:var(--space-md);right:var(--space-md);width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);border:none;background:rgba(var(--color-brand-900-rgb),.08);color:var(--color-heading);font-size:var(--text-2xl);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-transform),background var(--transition-base) var(--ease-out)}.membership-modal__close:hover{background:rgba(var(--color-brand-900-rgb),.18);transform:translateY(-1px)}.membership-modal__button--primary{background:var(--color-brand-500);color:var(--color-on-accent)}.membership-modal__button--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.membership-modal__button--secondary{background:transparent;border:var(--border-width-1) solid rgba(var(--color-brand-500-rgb),.35);color:var(--color-heading)}.membership-modal__button--secondary:hover{border-color:var(--color-brand-500);transform:translateY(-1px)}@media(max-width:480px){.membership-modal{padding:var(--space-lg)}.membership-modal__actions{flex-direction:column;align-items:stretch}.membership-modal__button{width:100%}}.footer{background-color:var(--color-brand-900);color:var(--color-text-inverse);padding:var(--space-3xl) 0 var(--space-md)}.footer__container{max-width:var(--container-xl);width:100%;margin:0 auto;padding:0 var(--space-xl)}.footer__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer__section{display:flex;flex-direction:column}.footer__logo{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.footer__logo-img{width:var(--size-logo-sm);height:var(--size-logo-sm);border-radius:var(--radius-md)}.footer__server-name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-brand-500)}.footer__description{color:rgba(var(--color-text-inverse-rgb),.75);line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}.footer__title{color:var(--color-brand-500);font-size:var(--text-xl);margin-bottom:var(--space-md);font-weight:var(--font-bold)}.footer__links{list-style:none;padding:0;margin:0}.footer__links li{margin-bottom:var(--space-sm)}.footer__links a{color:rgba(var(--color-text-inverse-rgb),.75);text-decoration:none;transition:var(--transition-colors)}.footer__links a:hover{color:var(--color-brand-500)}.footer__newsletter-text{color:rgba(var(--color-text-inverse-rgb),.75);margin-bottom:var(--space-md);line-height:var(--leading-normal)}.footer__newsletter{display:flex;gap:var(--space-sm);flex-direction:column}.footer__newsletter-input{padding:var(--space-md);border:var(--border-width-1) solid rgba(var(--color-brand-500-rgb),.6);border-radius:var(--radius-full);background-color:var(--color-text-inverse);color:var(--color-on-accent);font-size:var(--text-sm);outline:none}.footer__newsletter-input:focus{border-color:var(--color-brand-500);box-shadow:var(--shadow-focus-ring)}.footer__newsletter-button{padding:var(--space-md) var(--space-lg);background-color:var(--color-brand-500);color:var(--color-brand-900);border:none;border-radius:var(--radius-full);font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-colors)}.footer__newsletter-button:hover{background-color:var(--color-brand-700)}.footer__newsletter-button:disabled{background-color:rgba(var(--color-text-inverse-rgb),.4);cursor:not-allowed}.footer__newsletter-message{margin-top:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:center}.footer__newsletter-message--success{background-color:rgba(var(--color-brand-500-rgb),.2);color:var(--color-brand-900);border:1px solid rgba(var(--color-brand-500-rgb),.6)}.footer__newsletter-message--error{background-color:rgba(var(--color-error-rgb),.2);color:var(--color-error);border:var(--border-width-1) solid var(--color-error)}.footer__bottom{border-top:var(--border-width-1) solid rgba(var(--color-text-inverse-rgb),.2);padding-top:var(--space-md);text-align:center;color:rgba(var(--color-text-inverse-rgb),.7);font-size:var(--text-sm)}.footer__disclaimer{margin-top:var(--space-sm);font-size:var(--text-xs);color:rgba(var(--color-text-inverse-rgb),.55)}@media(max-width:768px){.footer__content{grid-template-columns:1fr;gap:var(--space-xl)}.footer__newsletter{flex-direction:column}.footer__newsletter-input,.footer__newsletter-button{width:100%}}.hero{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface-muted) 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl) 0}.hero__container{max-width:var(--container-xl);width:100%;margin:0 auto;padding:0 var(--space-xl)}.hero__content{max-width:1000px;margin:0 auto}.hero__logo{max-width:90vw;width:100%;height:auto;margin-bottom:var(--space-3xl);filter:drop-shadow(0 8px 25px rgba(var(--color-brand-900-rgb),.3));animation:heroLogoSlideIn 1s var(--ease-out) .5s both}.hero__title{font-size:var(--text-5xl);color:var(--color-heading);margin-bottom:var(--space-md);font-weight:var(--font-bold);text-shadow:var(--shadow-sm);animation:heroTextSlideIn 1s var(--ease-out) .8s both}.hero__subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-3xl);line-height:var(--leading-relaxed);max-width:600px;margin-left:auto;margin-right:auto;animation:heroTextSlideIn 1s var(--ease-out) 1.1s both}.hero__features{display:flex;justify-content:center;gap:var(--space-3xl);margin-bottom:var(--space-3xl);flex-wrap:wrap;animation:heroTextSlideIn 1s var(--ease-out) 1.4s both}.hero__feature-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-heading);font-weight:var(--font-semibold)}.hero__feature-icon{font-size:var(--text-4xl);margin-bottom:var(--space-sm)}.hero__cta-buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;animation:heroTextSlideIn 1s var(--ease-out) 1.7s both}.hero__cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-xl);font-size:var(--text-lg);font-weight:var(--font-bold);border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all);min-width:150px;text-decoration:none}.hero__cta-button--primary{background-color:var(--color-brand-500);color:var(--color-on-accent);box-shadow:var(--shadow-md)}.hero__cta-button--primary:hover{background-color:var(--color-brand-700);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero__cta-button--secondary{background-color:transparent;color:var(--color-brand-500);border:var(--border-width-2) solid var(--color-brand-500)}.hero__cta-button--secondary:hover{background-color:var(--color-brand-500);color:var(--color-text-inverse);transform:translateY(-2px)}@media(max-width:768px){.hero__title{font-size:var(--text-4xl)}.hero__subtitle{font-size:var(--text-lg)}.hero__features{gap:var(--space-xl)}.hero__logo{max-width:95vw}.hero__cta-buttons{flex-direction:column;align-items:center}.hero__cta-button{width:100%;max-width:250px}}@media(min-width:1400px){.hero__logo{max-width:1200px}}@media(min-width:1920px){.hero__logo{max-width:1400px}}@keyframes heroLogoSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heroTextSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features{padding:var(--space-5xl) 0;background-color:var(--color-surface)}.features__container{max-width:var(--container-xl);width:100%;margin:0 auto;padding:0 var(--space-xl);text-align:center}.features__title{font-size:var(--text-4xl);color:var(--color-heading);margin-bottom:var(--space-md);font-weight:var(--font-bold)}.features__subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-4xl);max-width:50rem;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed)}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--min-card-width),1fr));gap:var(--space-xl);margin-top:var(--space-3xl)}.features__card{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%);padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:var(--transition-all);text-align:center;box-shadow:var(--shadow-sm)}.features__card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-brand-500)}.features__card-icon{font-size:var(--text-5xl);margin-bottom:var(--space-md);display:block}.features__card-title{font-size:var(--text-xl);color:var(--color-heading);margin-bottom:var(--space-md);font-weight:var(--font-bold)}.features__card-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-sm)}@media(max-width:768px){.features{padding:var(--space-3xl) 0}.features__title{font-size:var(--text-3xl)}.features__subtitle{font-size:var(--text-lg)}.features__grid{grid-template-columns:1fr;gap:var(--space-lg)}.features__card{padding:var(--space-lg)}}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-splash);overflow:hidden;background-color:var(--color-brand-900);outline:none!important;box-shadow:none!important}.splash-screen__video{max-width:100vw;max-height:80vh;width:auto;height:auto;object-fit:contain;outline:none!important;box-shadow:none!important;pointer-events:none;margin-bottom:var(--space-md)}.splash-screen__enter-button{padding:var(--space-sm) var(--space-xl);background-color:transparent;border:2px solid var(--color-brand-500);color:var(--color-brand-500);font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);cursor:pointer;transition:all .3s ease;border-radius:var(--radius-full);opacity:0;animation:textFadeIn 1s var(--ease-out) 1s forwards}.splash-screen__enter-button:hover{background-color:var(--color-brand-500);color:var(--color-text-inverse);transform:translate(-50%) translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-brand-500-rgb),.4)}.splash-screen_header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--space-md);opacity:0;animation:textFadeIn 1s var(--ease-out) 1s forwards}@keyframes splashContentFadeIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.game-data{padding:var(--space-4xl) var(--space-lg) var(--space-5xl);background:linear-gradient(180deg,rgba(var(--color-brand-500-rgb),.12),transparent);color:var(--color-text-primary)}.game-data__hero{max-width:var(--container-xl);margin:0 auto var(--space-3xl);background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-3xl);box-shadow:var(--shadow-elevated);border:1px solid var(--color-border);transition:padding .45s var(--ease-in-out),margin-bottom .45s var(--ease-in-out),box-shadow .45s var(--ease-in-out)}.game-data.has-selection .game-data__hero{margin-bottom:var(--space-lg);padding:var(--space-lg) var(--space-2xl);box-shadow:var(--shadow-xl)}.game-data__hero-content{display:flex;flex-direction:column;align-items:center;text-align:center}.game-data__hero-content h1{font-size:clamp(var(--text-3xl),3vw,var(--text-5xl));margin:0 0 var(--space-md)}.game-data.has-selection .game-data__hero-content h1{margin-bottom:var(--space-sm)}.game-data__hero-content p{margin:0;color:var(--color-text-secondary);text-align:center}.game-data.has-selection .game-data__hero-content p{display:none}.game-data__category-switcher{display:none;max-width:var(--container-xl);margin:0 auto var(--space-lg);gap:var(--space-md);flex-wrap:wrap;justify-content:center}.game-data.has-selection .game-data__category-switcher{display:flex}.game-data__category-button{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-primary);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-xs);cursor:pointer;transition:var(--transition-all)}.game-data__category-button .game-data__icon{font-size:var(--text-lg)}.game-data__category-button:hover{border-color:var(--color-brand-500)}.game-data__category-button--active{background:var(--color-brand-500);color:var(--color-text-inverse);border-color:var(--color-brand-500)}.game-data__details{max-width:var(--container-xl);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--min-card-width-sm),1fr));gap:var(--space-lg)}.game-data__card{--card-accent: var(--color-brand-500);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-md);box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition-transform),border-color var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out);outline:none}.game-data__card:hover,.game-data__card:focus-visible{transform:translateY(calc(-1 * var(--space-xs)));border-color:var(--card-accent);box-shadow:var(--shadow-xl)}.game-data__card-header{display:flex;gap:var(--space-md);align-items:center}.game-data__card-header .game-data__icon{font-size:var(--text-4xl)}.game-data__card-eyebrow{text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.game-data__card h3{margin:var(--space-xs) 0 0}.game-data__card-subtitle{margin:var(--space-xs) 0 0;color:var(--color-text-secondary)}.game-data__panel{margin:var(--space-lg) auto 0;background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-elevated);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.game-data__panel-header{display:flex;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;align-items:center}.game-data__panel-header h2{margin:var(--space-xs) 0}.game-data__panel-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.game-data__button--ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);background:transparent;color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-colors)}.game-data__button--ghost:hover{background:rgba(var(--color-brand-500-rgb),.1)}.game-data__panel-body{border-radius:var(--radius-xl);overflow:hidden;border:var(--border-width-1) solid var(--color-border);min-height:var(--min-panel-height);background:var(--color-surface-muted);padding:var(--space-xl)}.game-data__panel-placeholder{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary)}.game-data__card[data-accent=sky]{--card-accent: var(--color-accent-sky)}.game-data__card[data-accent=crimson]{--card-accent: var(--color-accent-crimson)}.game-data__card[data-accent=emerald]{--card-accent: var(--color-accent-emerald)}.game-data__card[data-accent=plum]{--card-accent: var(--color-accent-plum)}.game-data__card[data-accent=amber]{--card-accent: var(--color-accent-amber)}.game-data__card[data-accent=teal]{--card-accent: var(--color-accent-teal)}@media(max-width:768px){.game-data{padding:var(--space-xl) var(--space-md) var(--space-3xl)}.game-data__hero{padding:var(--space-xl)}.game-data__panel-body iframe{height:var(--min-panel-height)}}.items-management{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-lg) 0}.items-management--error{color:var(--color-error);font-weight:var(--font-medium);text-align:center;padding:var(--space-xl)}.items-management__top-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--space-md)}.items-management__icon-container{grid-column:1;display:flex;align-items:center;height:100%}.items-management__icon{font-size:var(--text-6xl);line-height:1}.items-management__title-block{grid-column:2;display:flex;flex-direction:column;gap:var(--space-xxs)}.items-management__title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-heading);margin:0}.items-management__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.items-management__action-buttons{grid-column:3;display:flex;gap:var(--space-md);align-items:center;justify-self:end}.items-management__btn{padding:var(--space-sm);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-colors);border:var(--border-width-1) solid var(--color-border)}.items-management__btn--primary{border:none;background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.items-management__btn--secondary{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.items-management__count-and-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-lg)}.items-management__current-count{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-heading)}.items-management__btn--delete-selected{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-semibold);background-color:var(--color-error-dark);color:var(--color-white);border:none}.items-management__filters-container{background-color:var(--color-surface-elevated);border:var(--border-width-1) solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.items-management__success-message{background-color:var(--color-success-light);color:var(--color-success-dark);border:var(--border-width-1) solid var(--color-success);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.items-management__filters-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-sm);border-bottom:var(--border-width-1) solid var(--color-border-light)}.items-management__filters-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-heading);margin:0}.items-management__btn--text{background:var(--color-surface);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);text-decoration:none;font-weight:var(--font-medium);border-radius:var(--radius-md);border:none}.items-management__btn--text:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.items-management__filters-grid{display:flex;flex-wrap:nowrap;gap:var(--space-md);align-items:flex-end}.items-management__filter-group{display:flex;flex-direction:column;gap:var(--space-xxs)}.items-management__filter-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.items-management__filter-input,.items-management__filter-select{width:100%;padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);font-weight:var(--font-bold);transition:var(--transition-colors)}.items-management__filter-input:focus,.items-management__filter-select:focus{border-color:var(--color-brand-500);outline:none;box-shadow:var(--shadow-focus-ring)}.items-management__filter-group--search{width:100%;max-width:100%}.items-management__filter-group--weight-min,.items-management__filter-group--weight-max{width:10rem;max-width:10rem}.items-management__filter-group--stack,.items-management__filter-group--close{width:7rem;max-width:7rem}.items-management__table-wrapper{overflow-x:auto;border:var(--border-width-1) solid var(--color-border-light);border-radius:var(--radius-md)}.items-management__table{min-width:var(--container-lg);border-collapse:collapse;font-size:var(--text-sm);table-layout:fixed}.items-management__table th,.items-management__table td{box-sizing:border-box;padding:var(--space-md);text-align:left;border-bottom:var(--border-width-1) solid var(--color-border-light);vertical-align:middle}.items-management__table th{white-space:nowrap}.items-management__table th{background-color:var(--color-surface-elevated);font-weight:var(--font-semibold);color:var(--color-heading);position:sticky;top:0;z-index:10}.items-management__sortable-header{cursor:pointer}.items-management__sortable-header:hover,.items-management__table tbody tr:hover{background-color:var(--color-surface-hover)}.items-management__table tbody tr:last-child td{border-bottom:none}.items-management__table-col--checkbox{width:2rem;text-align:center}.items-management__table-col--name{width:12rem;max-width:12rem;overflow:hidden;text-overflow:ellipsis}.items-management__table-col--image{width:4rem}.items-management__table-col--label{width:12rem;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items-management__table-col--weight{width:6rem;text-align:right}.items-management__table-col--stack,.items-management__table-col--close{width:3rem;text-align:center}.items-management__table-col--description{width:100%;max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items-management__table-col--actions{width:12rem}.items-management__sort-icon{margin-left:var(--space-xxs);font-size:var(--text-xs);opacity:.5}.items-management__item-image-container{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.items-management__item-image-container:hover{transform:scale(1.1)}.items-management__item-image{max-width:100%;max-height:100%;object-fit:contain}.items-management__image-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.items-management__image-modal-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;background-color:var(--color-surface-elevated);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);border:var(--border-width-2) solid var(--color-border)}.items-management__image-modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-md)}.items-management__image-modal-caption{margin-top:var(--space-md);color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-medium)}.items-management__image-modal-close{position:absolute;top:-2.5rem;right:-2.5rem;background:none;border:none;color:var(--color-white);font-size:2rem;cursor:pointer;padding:var(--space-xs);line-height:1;transition:color .2s}.items-management__image-modal-close:hover{color:var(--color-brand-500)}.items-management__btn--edit,.items-management__btn--delete{font-weight:var(--font-semibold);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border)}.items-management__btn--edit{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.items-management__btn--delete{color:var(--color-text-primary);background-color:var(--color-error-dark);border-color:var(--color-error-dark)}.items-management__empty-cell{text-align:center!important;padding:var(--space-3xl)!important;color:var(--color-text-tertiary)}.items-management__footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);gap:var(--space-md)}.items-management__pagination-info{grid-column:1;white-space:nowrap}.items-management__pagination-controls{grid-column:2;display:flex;gap:var(--space-sm);align-items:center;justify-content:center}.items-management__pagination-btn{padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors);font-weight:var(--font-bold)}.items-management__pagination-btn:hover:not(:disabled){background-color:var(--color-surface-hover)}.items-management__pagination-btn--active{font-weight:var(--font-bold);border-color:var(--color-brand-500);background-color:var(--color-brand-500);color:var(--color-white)}.items-management__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.items-management__right-footer-group{grid-column:3;display:flex;align-items:center;gap:var(--space-lg);justify-content:flex-end;white-space:nowrap}.items-management__items-per-page{display:flex;align-items:center;gap:var(--space-sm)}.items-management__table td .items-management__description-content{text-overflow:ellipsis;overflow:hidden}@media(max-width:1200px){.items-management__filters-grid{grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr))}}@media(max-width:768px){.items-management__top-bar{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.items-management__icon-container{grid-row:1 / 3}.items-management__title-block{grid-row:1;grid-column:2}.items-management__action-buttons{grid-row:2;grid-column:2;justify-content:flex-start}.items-management__filters-grid{grid-template-columns:1fr}.items-management__footer{display:flex;flex-direction:column;align-items:center}.items-management__pagination-controls{order:1;margin-bottom:var(--space-md)}.items-management__pagination-info{order:2}.items-management__right-footer-group{order:3;flex-direction:column;align-items:center;gap:var(--space-sm)}}.auth-required-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-4xl);border:var(--border-width-2) solid var(--color-error-light);border-radius:var(--radius-xl);background-color:rgba(var(--color-error-rgb),.05);color:var(--color-error-dark);min-height:var(--min-panel-height)}.auth-required-message__icon{font-size:var(--text-5xl);margin-bottom:var(--space-lg);color:var(--color-error)}.auth-required-message__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-error-dark);margin-bottom:var(--space-md)}.auth-required-message__text{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin-bottom:var(--space-xl)}.auth-required-message__login-link{display:inline-block;padding:var(--space-sm) var(--space-lg);background-color:var(--color-error);color:var(--color-on-error);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-semibold);transition:var(--transition-colors)}.auth-required-message__login-link:hover{background-color:var(--color-error-dark)}.confirmation-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-backdrop);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-backdrop)}.confirmation-modal{background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:var(--container-sm);width:100%;box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;gap:var(--space-lg);z-index:var(--z-modal);border:var(--border-width-1) solid var(--color-border-light)}.confirmation-modal h2{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0;color:var(--color-heading);border-bottom:var(--border-width-1) solid var(--color-border-light);padding-bottom:var(--space-md)}.confirmation-modal p{margin:0;color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.confirmation-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-sm);padding-top:var(--space-md);border-top:var(--border-width-1) solid var(--color-border-light)}.confirmation-modal__button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);border:var(--border-width-1) solid transparent;font-size:var(--text-sm)}.confirmation-modal__button--primary{background-color:var(--color-error-dark);color:var(--color-on-error);border-color:var(--color-error-dark)}.confirmation-modal__button--primary:hover{background-color:var(--color-error);border-color:var(--color-error)}.confirmation-modal__button--secondary{background-color:var(--color-surface-elevated);color:var(--color-text-secondary);border-color:var(--color-border)}.confirmation-modal__button--secondary:hover{background-color:var(--color-surface-muted);color:var(--color-text-primary);border-color:var(--color-border-dark)}.item-modal-backdrop{position:fixed;inset:0;background:var(--color-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg)}.item-modal{background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-elevated);border:1px solid var(--color-border);position:relative;display:flex;flex-direction:column}.item-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.item-modal__title{margin:0;font-size:var(--text-2xl);color:var(--color-heading)}.item-modal__close{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-2xl);cursor:pointer;padding:var(--space-xs);line-height:1;border-radius:var(--radius-full);transition:background-color var(--transition-base)}.item-modal__close:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.item-modal__content{flex:1;overflow-y:auto}.item-modal__form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.item-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}@media(max-width:768px){.item-modal__form{grid-template-columns:1fr}}.weapons-management{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-lg) 0}.weapons-management__top-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--space-md)}.weapons-management__icon-container{grid-column:1;display:flex;align-items:center;height:100%}.weapons-management__icon{font-size:var(--text-6xl);line-height:1}.weapons-management__title-block{grid-column:2;display:flex;flex-direction:column;gap:var(--space-xxs)}.weapons-management__title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-heading);margin:0}.weapons-management__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.weapons-management__action-buttons{grid-column:3;display:flex;gap:var(--space-md);align-items:center;justify-self:end}.weapons-management__btn{padding:var(--space-sm);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-colors);border:var(--border-width-1) solid var(--color-border)}.weapons-management__btn--primary{border:none;background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.weapons-management__btn--secondary{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.weapons-management__tabs{display:flex;gap:var(--space-md);border-bottom:var(--border-width-1) solid var(--color-border-light);margin-bottom:var(--space-md)}.weapons-management__tab{padding:var(--space-sm) var(--space-lg);background:none;border:none;border-bottom:var(--border-width-2) solid transparent;color:var(--color-text-secondary);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.weapons-management__tab:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.weapons-management__tab.active{color:var(--color-brand-500);border-bottom-color:var(--color-brand-500)}.weapons-management__filters-container{background-color:var(--color-surface-elevated);border:var(--border-width-1) solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.weapons-management__success-message{background-color:var(--color-success-light);color:var(--color-success-dark);border:var(--border-width-1) solid var(--color-success);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.weapons-management__filters-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-sm);border-bottom:var(--border-width-1) solid var(--color-border-light)}.weapons-management__filters-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-heading);margin:0}.weapons-management__btn--text{background:var(--color-surface);color:var(--color-text-secondary);padding:var(--space-xxs) var(--space-sm);font-size:var(--text-sm);text-decoration:none;font-weight:var(--font-medium);border-radius:var(--radius-md);border:none}.weapons-management__btn--text:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.weapons-management__btn--delete-selected{background-color:var(--color-error-dark);color:var(--color-white);border-color:var(--color-error-dark)}.weapons-management__filters-grid{display:flex;flex-wrap:nowrap;gap:var(--space-md);align-items:flex-end}.weapons-management__filter-group{display:flex;flex-direction:column;gap:var(--space-xxs)}.weapons-management__filter-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.weapons-management__filter-input,.weapons-management__filter-select{padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-base);transition:var(--transition-colors)}.weapons-management__filter-input:focus,.weapons-management__filter-select:focus{border-color:var(--color-brand-500);outline:none;box-shadow:var(--shadow-focus-ring)}.weapons-management__filter-group--search{width:100%}.weapons-management__filter-group--weight-min,.weapons-management__filter-group--weight-max,.weapons-management__filter-group--durability-min,.weapons-management__filter-group--durability-max{width:7rem;max-width:7rem}.weapons-management__filter-group--component-type{width:11rem;max-width:11rem}.weapons-management__filter-group--compatible-weapons{width:40rem;max-width:40rem}.multi-select{position:relative;width:100%}.multi-select__trigger{width:100%;padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-med);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.multi-select__arrow{font-size:.8em;opacity:.7}.multi-select__dropdown{position:absolute;top:100%;left:0;width:100%;max-height:12.5rem;overflow-y:auto;background-color:var(--color-surface-elevated);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-sm);z-index:100;box-shadow:var(--shadow-lg);margin-top:var(--space-xs)}.multi-select__option{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--color-text-primary)}.multi-select__option:hover{background-color:var(--color-surface-hover)}.multi-select__option input{margin-right:var(--space-sm)}.weapons-management__current-count{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-heading)}.weapons-management__table-wrapper{overflow-x:auto;border:var(--border-width-1) solid var(--color-border-light);border-radius:var(--radius-md)}.weapons-management__table{min-width:100%;border-collapse:collapse;font-size:var(--text-sm);table-layout:fixed}.weapons-management__table--wide{min-width:var(--container-3xl)}.weapons-management__table th,.weapons-management__table td{padding:var(--space-md);text-align:left;border-bottom:var(--border-width-1) solid var(--color-border-light)}.weapons-management__table th{white-space:nowrap;background-color:var(--color-surface-elevated);font-weight:var(--font-semibold);color:var(--color-heading);position:sticky;top:0;z-index:10;cursor:pointer}.weapons-management__table tbody tr:hover{background-color:var(--color-surface-hover)}.weapons-management__table tbody tr:last-child td{border-bottom:none}.weapons-management__hidden-checkbox-column{width:0!important;padding-left:0!important;padding-right:0!important;overflow:hidden;border:none!important}.weapons-management__table-col--checkbox{width:2rem;text-align:center;transition:width .3s ease-in-out,padding .3s ease-in-out}.weapons-management__table-col--image{width:4rem}.weapons-management__table-col--name-id,.weapons-management__table-col--label{width:12rem;max-width:14rem}.weapons-management__table-col--weight{width:4rem;text-align:right}.weapons-management__table-col--durability{width:6rem;text-align:right}.weapons-management__table-col--ammo-name{width:10rem;max-width:10rem}.weapons-management__table-col--throwable{width:5.5rem;max-width:5.5rem;text-align:center}.weapons-management__table-col--compatible-components{width:100%;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weapons-management__table-col--type{width:8rem;max-width:8rem}.weapons-management__table-col--compatible-weapons{width:100%;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weapons-management__table-col--actions{width:12rem}.weapons-management__sort-icon{margin-left:var(--space-xxs);font-size:var(--text-xs);opacity:.5}.weapons-management__truncated-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.weapons-management__btn--edit,.weapons-management__btn--delete{font-weight:var(--font-semibold);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border)}.weapons-management__btn--edit{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.weapons-management__btn--delete{color:var(--color-text-primary);background-color:var(--color-error-dark);border-color:var(--color-error-dark)}.weapons-management__empty-cell{text-align:center!important;padding:var(--space-3xl)!important;color:var(--color-text-tertiary)}.weapons-management__item-image-container{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.weapons-management__item-image-container:hover{transform:scale(1.1)}.weapons-management__item-image{max-width:100%;max-height:100%;object-fit:contain}.weapons-management__image-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.weapons-management__image-modal-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;background-color:var(--color-surface-elevated);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);border:var(--border-width-2) solid var(--color-border)}.weapons-management__image-modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-md)}.weapons-management__image-modal-caption{margin-top:var(--space-md);color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-medium)}.weapons-management__image-modal-close{position:absolute;top:-2.5rem;right:-2.5rem;background:none;border:none;color:var(--color-white);font-size:2rem;cursor:pointer;padding:var(--space-xs);line-height:1;transition:color .2s}.weapons-management__image-modal-close:hover{color:var(--color-brand-500)}.weapons-management__footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);gap:var(--space-md)}.weapons-management__pagination-info{grid-column:1;white-space:nowrap}.weapons-management__pagination-controls{grid-column:2;display:flex;gap:var(--space-sm);align-items:center;justify-content:center}.weapons-management__pagination-btn{padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors);font-weight:var(--font-medium)}.weapons-management__pagination-btn:hover:not(:disabled){background-color:var(--color-surface-hover)}.weapons-management__pagination-btn--active{font-weight:var(--font-bold);border-color:var(--color-brand-500);background-color:var(--color-brand-500);color:var(--color-white)}.weapons-management__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.weapons-management__right-footer-group{grid-column:3;display:flex;align-items:center;gap:var(--space-lg);justify-content:flex-end;white-space:nowrap}.weapons-management__items-per-page{display:flex;align-items:center;gap:var(--space-sm)}@media(max-width:1200px){.weapons-management__filters-grid{grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr))}}@media(max-width:768px){.weapons-management__top-bar{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.weapons-management__icon-container{grid-row:1 / 3}.weapons-management__title-block{grid-row:1;grid-column:2}.weapons-management__action-buttons{grid-row:2;grid-column:2;justify-content:flex-start}.weapons-management__filters-grid{grid-template-columns:1fr}.weapons-management__footer{display:flex;flex-direction:column;align-items:center}.weapons-management__pagination-controls{order:1;margin-bottom:var(--space-md)}.weapons-management__pagination-info{order:2}.weapons-management__right-footer-group{order:3;flex-direction:column;align-items:center;gap:var(--space-sm)}}.weapon-modal-backdrop{position:fixed;inset:0;background:var(--color-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg)}.weapon-modal{background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-elevated);border:1px solid var(--color-border);position:relative;display:flex;flex-direction:column}.weapon-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.weapon-modal__title{margin:0;font-size:var(--text-2xl);color:var(--color-heading)}.weapon-modal__close{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-2xl);cursor:pointer;padding:var(--space-xs);line-height:1;border-radius:var(--radius-full);transition:background-color var(--transition-base)}.weapon-modal__close:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.weapon-modal__content{flex:1;overflow-y:auto}.weapon-modal__form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.weapon-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.json-editor-container{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}@media(max-width:768px){.weapon-modal__form{grid-template-columns:1fr}}.vehicles-management{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-lg) 0}.vehicles-management__top-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--space-md)}.vehicles-management__icon-container{grid-column:1;display:flex;align-items:center;height:100%}.vehicles-management__icon{font-size:var(--text-6xl);line-height:1}.vehicles-management__title-block{grid-column:2;display:flex;flex-direction:column;gap:var(--space-xxs)}.vehicles-management__title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-heading);margin:0}.vehicles-management__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.vehicles-management__action-buttons{grid-column:3;display:flex;gap:var(--space-md);align-items:center;justify-self:end}.vehicles-management__btn{padding:var(--space-sm);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-colors);border:var(--border-width-1) solid var(--color-border)}.vehicles-management__btn--primary{border:none;background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.vehicles-management__btn--secondary{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.vehicles-management__btn--delete-selected{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-semibold);background-color:var(--color-error-dark);color:var(--color-white);border:none}.vehicles-management__filters-container{background-color:var(--color-surface-elevated);border:var(--border-width-1) solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.vehicles-management__success-message{background-color:var(--color-success-light);color:var(--color-success-dark);border:var(--border-width-1) solid var(--color-success);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.vehicles-management__filters-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-sm);border-bottom:var(--border-width-1) solid var(--color-border-light)}.vehicles-management__filters-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-heading);margin:0}.vehicles-management__filter-group--search{width:100%;max-width:100%}.vehicles-management__filter-group--price-min,.vehicles-management__filter-group--price-max{width:7.6rem;max-width:7.6rem}.vehicles-management__filter-group--category,.vehicles-management__filter-group--dealer{width:10rem;max-width:10rem}.vehicles-management__filter-group--spawns,.vehicles-management__filter-group--sound,.vehicles-management__filter-group--tuned{width:4.5rem;max-width:rem}.vehicles-management__btn--text{background:var(--color-surface);color:var(--color-text-secondary);padding:var(--space-xxs) var(--space-sm);font-size:var(--text-sm);text-decoration:none;font-weight:var(--font-medium);border-radius:var(--radius-md);border:none}.vehicles-management__btn--text:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.vehicles-management__filters-grid{display:flex;flex-wrap:nowrap;gap:var(--space-md);align-items:flex-end}.vehicles-management__filter-group{display:flex;flex-direction:column;gap:var(--space-xxs)}.vehicles-management__filter-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.vehicles-management__filter-input,.vehicles-management__filter-select{padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-base);transition:var(--transition-colors)}.vehicles-management__filter-input:focus,.vehicles-management__filter-select:focus{border-color:var(--color-brand-500);outline:none;box-shadow:var(--shadow-focus-ring)}.vehicles-management__current-count{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-heading)}.vehicles-management__table-wrapper{overflow-x:auto;border:var(--border-width-1) solid var(--color-border-light);border-radius:var(--radius-md)}.vehicles-management__table{min-width:var(--container-2xl);border-collapse:collapse;font-size:var(--text-sm);table-layout:fixed}.vehicles-management__table th{white-space:nowrap;background-color:var(--color-surface-elevated);font-weight:var(--font-semibold);color:var(--color-heading);position:sticky;top:0;z-index:10;cursor:pointer}.vehicles-management__table tbody tr:hover{background-color:var(--color-surface-hover)}.vehicles-management__table tbody tr:last-child td{border-bottom:none}.vehicles-management__hidden-checkbox-column{width:0!important;padding-left:0!important;padding-right:0!important;overflow:hidden;border:none!important}.vehicles-management__table-col--checkbox{width:2rem;text-align:center!important;transition:width .3s ease-in-out,padding .3s ease-in-out}.vehicles-management__table-col--spawn{width:12rem;max-width:12rem;overflow:hidden;text-overflow:ellipsis}.vehicles-management__table-col--image{width:6rem;max-width:6rem}.vehicles-management__table-col--name,.vehicles-management__table-col--brand{width:50%;max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicles-management__table-col--price{width:6rem;text-align:right}.vehicles-management__table-col--category,.vehicles-management__table-col--dealer{width:8rem;max-width:8rem;overflow:hidden;text-overflow:ellipsis}.vehicles-management__table-col--spawns,.vehicles-management__table-col--sound,.vehicles-management__table-col--tuned{width:3.6rem;max-width:3.6rem;text-align:center!important}.vehicles-management__table-col--actions{width:12rem}.vehicles-management__table th,.vehicles-management__table td{padding:var(--space-md);text-align:left;border-bottom:var(--border-width-1) solid var(--color-border-light)}.vehicles-management__sort-icon{margin-left:var(--space-xxs);font-size:var(--text-xs);opacity:.5}.vehicles-management__truncated-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.vehicles-management__btn--edit,.vehicles-management__btn--delete{font-weight:var(--font-semibold);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border)}.vehicles-management__btn--edit{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.vehicles-management__btn--delete{color:var(--color-text-primary);background-color:var(--color-error-dark);border-color:var(--color-error-dark)}.vehicles-management__empty-cell{text-align:center!important;padding:var(--space-3xl)!important;color:var(--color-text-tertiary)}.vehicles-management__item-image-container{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.vehicles-management__item-image-container:hover{transform:scale(1.1)}.vehicles-management__item-image{max-width:100%;max-height:100%;object-fit:contain}.vehicles-management__image-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.vehicles-management__image-modal-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;background-color:var(--color-surface-elevated);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);border:var(--border-width-2) solid var(--color-border)}.vehicles-management__image-modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-md)}.vehicles-management__image-modal-caption{margin-top:var(--space-md);color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-medium)}.vehicles-management__image-modal-close{position:absolute;top:-2.5rem;right:-2.5rem;background:none;border:none;color:var(--color-white);font-size:2rem;cursor:pointer;padding:var(--space-xs);line-height:1;transition:color .2s}.vehicles-management__image-modal-close:hover{color:var(--color-brand-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.vehicles-management__footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:var(--space-md) 0;font-size:var(--text-sm);color:var(--color-text-secondary);gap:var(--space-md)}.vehicles-management__pagination-info{grid-column:1;white-space:nowrap}.vehicles-management__pagination-controls{grid-column:2;display:flex;gap:var(--space-xs);align-items:center;justify-content:center}.vehicles-management__pagination-btn{padding:var(--space-xs) var(--space-sm);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors);font-weight:var(--font-medium)}.vehicles-management__pagination-btn:hover:not(:disabled){background-color:var(--color-surface-hover)}.vehicles-management__pagination-btn--active{font-weight:var(--font-bold);border-color:var(--color-brand-500);background-color:var(--color-brand-500);color:var(--color-white)}.vehicles-management__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.vehicles-management__right-footer-group{grid-column:3;display:flex;align-items:center;gap:var(--space-lg);justify-content:flex-end;white-space:nowrap}.vehicles-management__items-per-page{display:flex;align-items:center;gap:var(--space-sm)}@media(max-width:1200px){.vehicles-management__filters-grid{grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr))}}@media(max-width:768px){.vehicles-management__top-bar{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.vehicles-management__icon-container{grid-row:1 / 3}.vehicles-management__title-block{grid-row:1;grid-column:2}.vehicles-management__action-buttons{grid-row:2;grid-column:2;justify-content:flex-start}.vehicles-management__filters-grid{grid-template-columns:1fr}.vehicles-management__footer{display:flex;flex-direction:column;align-items:center}.vehicles-management__pagination-controls{order:1;margin-bottom:var(--space-md)}.vehicles-management__pagination-info{order:2}.vehicles-management__right-footer-group{order:3;flex-direction:column;align-items:center;gap:var(--space-sm)}}.vehicles-management__hidden-column{display:none}.vehicle-modal-backdrop{position:fixed;inset:0;background:var(--color-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg)}.vehicle-modal{background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-elevated);border:1px solid var(--color-border);position:relative;display:flex;flex-direction:column}.vehicle-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.vehicle-modal__title{margin:0;font-size:var(--text-2xl);color:var(--color-heading)}.vehicle-modal__close{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-2xl);cursor:pointer;padding:var(--space-xs);line-height:1;border-radius:var(--radius-full);transition:background-color var(--transition-base)}.vehicle-modal__close:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.vehicle-modal__content{flex:1;overflow-y:auto}.vehicle-modal__form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.form-group--full-width{grid-column:1 / -1}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.form-input,.form-textarea,.form-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-elevated);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--transition-base)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 2px rgba(var(--color-brand-500-rgb),.2)}.form-textarea{min-height:100px;resize:vertical}.form-checkbox-group{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.form-checkbox{width:1.2em;height:1.2em;cursor:pointer}.vehicle-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);border:1px solid transparent}.btn--secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text-primary)}.btn--secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-secondary)}.btn--primary{background-color:var(--color-brand-600);color:#fff}.btn--primary:hover{background-color:var(--color-brand-700);transform:translateY(-1px)}.error-message{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-xs)}@media(max-width:768px){.vehicle-modal__form{grid-template-columns:1fr}}.gangs-list{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) 0}.gangs-list__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:var(--border-width-1) solid var(--color-border-dark)}.gangs-list__title{font-size:var(--text-3xl);color:var(--color-heading);font-weight:var(--font-bold)}.gangs-list__controls{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.gangs-list__search-input{padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-base);transition:var(--transition-colors)}.gangs-list__search-input:focus{border-color:var(--color-brand-500);outline:none;box-shadow:var(--shadow-focus-ring)}.gangs-list__filter-select{padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-base);cursor:pointer;transition:var(--transition-colors)}.gangs-list__filter-select:focus{border-color:var(--color-brand-500);outline:none;box-shadow:var(--shadow-focus-ring)}.gangs-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--min-card-width-sm),1fr));gap:var(--space-lg)}.gang-card{background-color:var(--color-surface-elevated);border:var(--border-width-1) solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:var(--transition-transform),var(--transition-colors);display:flex;flex-direction:column;position:relative;overflow:hidden;height:100%}.gang-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.gang-card__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.gang-card__icon{font-size:var(--text-2xl);line-height:1;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);border-radius:var(--radius-full)}.gang-card__logo{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-full);background-color:var(--color-background)}.gang-card__title-wrapper{flex:1;min-width:0}.gang-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-heading);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gang-card__tag{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-tertiary);margin-left:var(--space-sm)}.gang-card__content{flex-grow:1;display:flex;flex-direction:column;gap:var(--space-sm)}.gang-card__detail-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm)}.gang-card__detail-label{font-weight:var(--font-medium);color:var(--color-text-tertiary)}.gang-card__detail-value{font-weight:var(--font-semibold);color:var(--color-text-primary)}.gang-card__description{margin-top:var(--space-sm);color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gang-card__badge{display:inline-block;padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;margin-top:var(--space-xs)}.gang-card__badge--whitelisted{background-color:var(--color-info-light);color:var(--color-info-dark)}.gang-card__badge--non-whitelisted{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.gang-card__actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width-1) dashed var(--color-border-light)}.btn-icon{background:none;border:none;cursor:pointer;font-size:var(--text-lg);padding:var(--space-xs);border-radius:var(--radius-md);transition:background-color .2s}.btn-icon:hover{background-color:var(--color-background)}.btn-icon.edit:hover{color:var(--color-brand-500)}.btn-icon.delete:hover{color:var(--color-danger-500)}.gangs-list__empty{text-align:center;padding:var(--space-3xl);color:var(--color-text-tertiary);border:var(--border-width-2) dashed var(--color-border-light);border-radius:var(--radius-lg);margin-top:var(--space-lg)}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:var(--border-width-1) solid var(--color-border);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:var(--border-width-1) solid var(--color-border)}.modal-header h2{margin:0;font-size:var(--text-xl);color:var(--color-heading)}.close-button{background:none;border:none;font-size:var(--text-2xl);color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-xs);line-height:1;transition:color .2s}.close-button:hover{color:var(--color-text-primary)}.modal-form{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-weight:var(--font-medium);color:var(--color-text-secondary);font-size:var(--text-sm)}.form-group input[type=text],.form-group input[type=url],.form-group textarea{padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-brand-500-alpha-20)}.checkbox-group label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--color-text-primary)}.checkbox-group input[type=checkbox]{width:1.2em;height:1.2em;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width-1) solid var(--color-border-light)}.btn-primary,.btn-secondary{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all .2s;border:none}.btn-primary{background-color:var(--color-brand-600);color:#fff}.btn-primary:hover{background-color:var(--color-brand-700)}.btn-secondary{background-color:var(--color-surface-elevated);color:var(--color-text-secondary);border:var(--border-width-1) solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-background);color:var(--color-text-primary)}.whitelist-jobs-list{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) 0}.whitelist-jobs-list__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:var(--border-width-1) solid var(--color-border-dark)}.whitelist-jobs-list__title{font-size:var(--text-3xl);color:var(--color-heading);font-weight:var(--font-bold)}.whitelist-jobs-list__controls{display:flex;gap:var(--space-sm);align-items:center}.whitelist-jobs-list__search-input{padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-base);transition:var(--transition-colors)}.whitelist-jobs-list__search-input:focus{border-color:var(--color-brand-500);outline:none;box-shadow:var(--shadow-focus-ring)}.whitelist-jobs-list__filter-select{padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-base);cursor:pointer;transition:var(--transition-colors)}.whitelist-jobs-list__filter-select:focus{border-color:var(--color-brand-500);outline:none;box-shadow:var(--shadow-focus-ring)}.whitelist-jobs-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--min-card-width-sm),1fr));gap:var(--space-lg)}.job-card__badge--public{background-color:var(--color-info-light);color:var(--color-info-dark)}.job-card__badge--restricted{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.whitelist-jobs-list__empty{text-align:center;padding:var(--space-3xl);color:var(--color-text-tertiary);border:var(--border-width-2) dashed var(--color-border-light);border-radius:var(--radius-lg);margin-top:var(--space-lg)}.non-whitelist-jobs-list{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) 0}.non-whitelist-jobs-list__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:var(--border-width-1) solid var(--color-border-dark)}.non-whitelist-jobs-list__title{font-size:var(--text-3xl);color:var(--color-heading);font-weight:var(--font-bold)}.non-whitelist-jobs-list__controls{display:flex;gap:var(--space-sm);align-items:center}.non-whitelist-jobs-list__search-input{padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-base);transition:var(--transition-colors)}.non-whitelist-jobs-list__search-input:focus{border-color:var(--color-brand-500);outline:none;box-shadow:var(--shadow-focus-ring)}.non-whitelist-jobs-list__filter-select{padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-base);cursor:pointer;transition:var(--transition-colors)}.non-whitelist-jobs-list__filter-select:focus{border-color:var(--color-brand-500);outline:none;box-shadow:var(--shadow-focus-ring)}.non-whitelist-jobs-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--min-card-width-sm),1fr));gap:var(--space-lg)}.job-card{background-color:var(--color-surface-elevated);border:var(--border-width-1) solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:var(--transition-transform),var(--transition-colors);display:flex;flex-direction:column;position:relative;overflow:hidden}.job-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.job-card__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.job-card__icon{font-size:var(--text-2xl);line-height:1}.job-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-heading);margin:0}.job-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-sm)}.job-card__meta-item{display:flex;align-items:center;gap:var(--space-xxs)}.job-card__meta-label{font-weight:var(--font-medium);color:var(--color-text-tertiary)}.job-card__description{margin-top:var(--space-md);color:var(--color-text-secondary);font-size:var(--text-base);flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.job-card__details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width-1) dashed var(--color-border-light)}.job-card__detail-item{display:flex;flex-direction:column;font-size:var(--text-sm)}.job-card__detail-label{font-weight:var(--font-medium);color:var(--color-text-tertiary);margin-bottom:var(--space-xxs)}.job-card__detail-value{font-weight:var(--font-semibold);color:var(--color-text-primary)}.job-card__badge{display:inline-block;padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;margin-left:var(--space-sm)}.job-card__badge--license{background-color:var(--color-info-light);color:var(--color-info-dark)}.job-card__badge--no-license{background-color:var(--color-success-light);color:var(--color-success-dark)}.non-whitelist-jobs-list__empty{text-align:center;padding:var(--space-3xl);color:var(--color-text-tertiary);border:var(--border-width-2) dashed var(--color-border-light);border-radius:var(--radius-lg);margin-top:var(--space-lg)}.member-area{max-width:var(--container-2xl);margin:var(--space-2xl) auto;padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-elevated);color:var(--color-text-primary)}.member-area__header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.member-area__header h1{margin:0;font-size:var(--text-3xl);color:var(--color-heading)}.member-area__header p{margin:0;color:var(--color-text-secondary)}.member-area__grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.member-area__user{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md);border-radius:var(--radius-xl);background:rgba(var(--color-brand-500-rgb),.15)}.member-area__user-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);overflow:hidden;background:var(--color-brand-900);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase}.member-area__user-avatar img{width:100%;height:100%;object-fit:cover;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.member-area__card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--color-panel-shadow);display:flex;flex-direction:column;gap:var(--space-md)}.member-area__card h2{margin:0;font-size:var(--text-lg);color:var(--color-heading)}.member-area__card p{margin:0;color:var(--color-text-secondary)}.member-area__card-link{align-self:flex-start;text-decoration:none;background:var(--color-brand-500);color:var(--color-on-accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-weight:var(--font-semibold);transition:var(--transition-transform),var(--transition-shadow)}.member-area__card-link:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(var(--color-brand-500-rgb),.3)}.member-area__loading,.member-area__error,.member-area__empty{padding:var(--space-md);border-radius:var(--radius-lg)}.member-area__loading{background:rgba(var(--color-brand-500-rgb),.12);color:var(--color-heading)}.member-area__error{background:rgba(var(--color-danger-rgb),.12);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.25)}.member-area__empty{background:rgba(var(--color-brand-900-rgb),.08);color:var(--color-text-secondary)}.member-area__empty-link{display:inline-flex;margin-top:var(--space-md);text-decoration:none;background:var(--color-brand-500);color:var(--color-on-accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-weight:var(--font-semibold)}.member-area__empty-link:hover{background:var(--color-brand-700)}@media(max-width:768px){.member-area{margin:var(--space-xl) auto;padding:var(--space-md)}.member-area__header h1{font-size:var(--text-2xl)}}.member-area__shell,.member-area__portal{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.member-area__tabs{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-xl);background:var(--color-surface-muted);border:1px solid var(--color-border-soft)}.member-area__tab{border:1px solid transparent;background:transparent;color:var(--color-text-secondary);font-weight:var(--font-semibold);padding:.6rem 1.4rem;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all)}.member-area__tab:hover{background:var(--color-surface);border-color:var(--color-border-soft);color:var(--color-heading);transform:translateY(calc(-1 * var(--border-width-1)))}.member-area__tab--active{background:var(--color-brand-500);color:#0a1f0a;border-color:transparent;box-shadow:var(--shadow-lg)}.member-area__tab:focus-visible{outline:var(--border-width-3) solid rgba(var(--color-brand-500-rgb),.6);outline-offset:var(--border-width-3)}.member-area__panel{background:var(--color-surface);border-radius:var(--radius-2xl);border:var(--border-width-1) solid var(--color-border-soft);box-shadow:var(--shadow-elevated);padding:var(--space-lg);display:flex;overflow-x:hidden;flex-direction:column;gap:var(--space-lg)}.member-area__panel img,.member-area__panel video,.member-area__panel audio{max-width:100%;height:auto;display:block}.member-area__panel-description{margin:0;color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.member-area__coming-soon{background:var(--color-surface-muted);border-radius:var(--radius-xl);padding:var(--space-xl);border:var(--border-width-1) solid var(--color-border-soft);display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-start}.member-area__coming-soon-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:rgba(var(--color-brand-500-rgb),.18);color:var(--color-heading);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.member-area__coming-soon h2{margin:0;font-size:var(--text-2xl);color:var(--color-heading)}.member-area__coming-soon p{margin:0;color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.member-area__modal-backdrop{position:fixed;inset:0;background:var(--color-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-lg)}.member-area__modal{background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:var(--container-md);width:min(var(--container-md),100%);border:var(--border-width-1) solid var(--color-border-soft);position:relative;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--space-lg) var(--space-md)}.member-area__modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:var(--size-icon-lg);height:var(--size-icon-lg);border-radius:var(--radius-full);border:none;background:rgba(var(--color-brand-500-rgb),.2);color:var(--color-heading);font-size:var(--text-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.member-area__modal-close:hover{background:rgba(var(--color-brand-500-rgb),.35);transform:translateY(calc(-1 * var(--border-width-1)))}.member-area__modal-content{display:flex;flex-direction:column;gap:1rem}.member-area__modal-content h2{margin:0;font-size:var(--text-2xl);color:var(--color-heading)}.member-area__modal-meta{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-secondary);font-size:var(--text-sm);flex-wrap:wrap}.member-area__modal-media{background:var(--color-surface-muted);border-radius:var(--radius-xl);border:var(--border-width-1) solid var(--color-border-soft);padding:var(--space-md);display:flex;align-items:center;justify-content:center;min-height:var(--size-media-min-height)}.member-area__modal-media img,.member-area__modal-media video{max-width:100%;border-radius:var(--radius-lg);box-shadow:var(--color-panel-shadow)}.member-area__modal-media audio{width:100%}.member-area__modal-placeholder{text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.member-area__modal-actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.member-area__modal-action{border:var(--border-width-1) solid transparent;border-radius:var(--radius-full);font-weight:var(--font-semibold);padding:.6rem 1.4rem;cursor:pointer;background:rgba(var(--color-brand-500-rgb),.12);color:var(--color-heading);transition:var(--transition-all);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.member-area__modal-action:hover:not([disabled]){background:rgba(var(--color-brand-500-rgb),.24);transform:translateY(calc(-1 * var(--border-width-1)))}.member-area__modal-action--danger{background:rgba(var(--color-error-rgb),.12);color:var(--color-error);border-color:rgba(var(--color-error-rgb),.24)}.member-area__modal-action--danger:hover:not([disabled]){background:rgba(var(--color-danger-rgb),.2)}.member-area__modal-action:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.member-area__upload-section{margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--color-panel-shadow);display:flex;flex-direction:column;gap:var(--space-lg)}.member-area__upload-header h2{margin:0;color:var(--color-heading);font-size:var(--text-xl)}.member-area__upload-header p{margin:var(--space-xs) 0 0;color:var(--color-text-secondary)}.member-area__upload-form{display:flex;flex-direction:column;gap:var(--space-md)}.member-area__upload-dropzone{border:var(--border-width-2) dashed rgba(var(--color-brand-500-rgb),.35);border-radius:var(--radius-xl);padding:var(--space-lg);background:rgba(var(--color-brand-500-rgb),.12);text-align:center;cursor:pointer;color:var(--color-heading);font-weight:var(--font-semibold);display:flex;flex-direction:column;gap:var(--space-sm);transition:var(--transition-all)}.member-area__upload-dropzone:hover,.member-area__upload-dropzone:focus-within{border-color:var(--color-brand-500);transform:translateY(-1px)}.member-area__upload-dropzone input{display:none}.member-area__upload-instructions small{display:block;font-weight:var(--font-normal);color:var(--color-text-muted);margin-top:var(--space-xs)}.member-area__upload-file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.member-area__upload-file-list li{display:flex;justify-content:space-between;align-items:center;background:rgba(var(--color-brand-500-rgb),.12);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);color:var(--color-heading)}.member-area__upload-file-info{display:flex;flex-direction:column;gap:var(--space-xxs)}.member-area__upload-file-name{font-weight:var(--font-semibold);word-break:break-word}.member-area__upload-file-list small{color:var(--color-text-secondary);font-weight:var(--font-medium)}.member-area__upload-file-remove{background:transparent;border:var(--border-width-1) solid rgba(var(--color-brand-500-rgb),.35);color:var(--color-heading);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all)}.member-area__upload-file-remove:hover:not([disabled]){background:rgba(var(--color-brand-500-rgb),.2);transform:translateY(calc(-1 * var(--border-width-1)))}.member-area__upload-file-remove[disabled]{opacity:.6;cursor:not-allowed}.member-area__upload-progress{display:flex;flex-direction:column;gap:var(--space-xs)}.member-area__upload-progress-bar{position:relative;width:100%;height:var(--space-md);border-radius:var(--radius-full);background:rgba(var(--color-brand-900-rgb),.12);overflow:hidden}.member-area__upload-progress-bar span{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-brand-500),var(--color-brand-700));transition:width var(--transition-slow) var(--ease-out)}.member-area__upload-progress-status{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-heading)}.member-area__upload-progress-metrics{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--font-medium)}.member-area__upload-selection-error{background:rgba(var(--color-error-rgb),.08);border:var(--border-width-1) solid rgba(var(--color-error-rgb),.35);color:var(--color-error);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-md);font-size:var(--text-sm)}.member-area__upload-actions{display:flex;justify-content:flex-end}.member-area__upload-button{background:var(--color-brand-900);color:var(--color-text-inverse);border:none;border-radius:var(--radius-2xl);padding:var(--space-sm) var(--space-xl);font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-all)}.member-area__upload-button[disabled]{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.member-area__upload-button:not([disabled]):hover{transform:translateY(calc(-1 * var(--border-width-1)));box-shadow:var(--shadow-lg)}.member-area__upload-error{background:rgba(var(--color-error-rgb),.08);border:var(--border-width-1) solid rgba(var(--color-error-rgb),.35);color:var(--color-error);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-md)}.member-area__upload-success{background:rgba(var(--color-brand-500-rgb),.12);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg);border:var(--border-width-1) solid rgba(var(--color-brand-500-rgb),.35)}.member-area__upload-success h3{margin:0 0 var(--space-md);color:var(--color-heading)}.member-area__upload-success ul{margin:0;padding-left:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.member-area__upload-success a{color:var(--color-brand-500);font-weight:var(--font-semibold);text-decoration:none}.member-area__upload-success a:hover{text-decoration:underline}.member-area__upload-history{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface-muted);border-radius:var(--radius-xl);border:var(--border-width-1) solid var(--color-border-soft)}.member-area__upload-history-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.member-area__upload-history-heading{display:flex;align-items:center;gap:var(--space-sm)}.member-area__upload-history-title{margin:0;font-size:var(--text-lg);color:var(--color-heading)}.member-area__upload-history-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-dot-lg);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:rgba(var(--color-brand-500-rgb),.22);color:var(--color-heading);font-weight:var(--font-semibold);font-size:var(--text-sm)}.member-area__upload-history-actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.member-area__upload-history-action{border:var(--border-width-1) solid transparent;background:transparent;color:var(--color-heading);font-weight:var(--font-semibold);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all)}.member-area__upload-history-action:hover:not([disabled]){background:rgba(var(--color-brand-500-rgb),.18);transform:translateY(calc(-1 * var(--border-width-1)))}.member-area__upload-history-action:disabled{cursor:not-allowed;opacity:.6}.member-area__upload-history-action--danger{background:rgba(var(--color-error-rgb),.12);color:var(--color-error);border-color:rgba(var(--color-error-rgb),.24)}.member-area__upload-history-action--danger:hover:not([disabled]){background:rgba(var(--color-error-rgb),.2);color:var(--color-error)}.member-area__upload-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.member-area__upload-history-item{display:flex;align-items:stretch;justify-content:space-between;gap:1rem;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg);border:var(--border-width-1) solid var(--color-border-soft);box-shadow:var(--color-panel-shadow)}.member-area__upload-history-item-left{display:flex;align-items:center;gap:var(--space-md);flex:1 1 auto}.member-area__upload-history-checkbox{width:var(--size-checkbox-sm);height:var(--size-checkbox-sm);accent-color:var(--color-brand-500);cursor:pointer}.member-area__upload-history-thumb{width:var(--size-thumb-w);height:var(--size-thumb-h);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-muted);display:flex;align-items:center;justify-content:center;border:var(--border-width-1) solid var(--color-border-soft)}.member-area__upload-history-thumb img{width:100%;height:100%;object-fit:cover}.member-area__upload-history-thumb-placeholder{font-size:var(--text-xs);color:var(--color-text-muted);padding:0 var(--space-sm);text-align:center}.member-area__upload-history-meta{display:flex;flex-direction:column;gap:var(--space-xs);color:var(--color-text-primary)}.member-area__upload-history-name{font-weight:600;color:var(--color-heading);word-break:break-word}.member-area__upload-history-details{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);font-size:var(--text-xs);color:var(--color-text-secondary)}.member-area__upload-history-buttons{display:flex;align-items:center;gap:var(--space-sm)}.member-area__upload-history-button{border:var(--border-width-1) solid transparent;border-radius:var(--radius-full);font-weight:var(--font-semibold);padding:var(--space-xs) var(--space-lg);cursor:pointer;transition:var(--transition-all)}.member-area__upload-history-button--secondary{background:rgba(var(--color-brand-500-rgb),.12);color:var(--color-heading);width:var(--size-button-w-lg)}.member-area__upload-history-button--secondary:hover:not([disabled]){background:rgba(var(--color-brand-500-rgb),.24);transform:translateY(calc(-1 * var(--border-width-1)))}.member-area__upload-history-button--primary{background:var(--color-brand-500);color:var(--color-on-accent);box-shadow:var(--shadow-md);border:none}.member-area__upload-history-button--primary:hover:not([disabled]){transform:translateY(calc(-1 * var(--border-width-1)));box-shadow:var(--shadow-lg)}.member-area__upload-history-button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.member-area__upload-history-empty{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.member-area__upload-history-notice,.member-area__upload-history-error{padding:var(--space-md) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm)}.member-area__upload-history-notice{background:rgba(var(--color-brand-500-rgb),.12);color:var(--color-heading);border:var(--border-width-1) solid rgba(var(--color-brand-500-rgb),.2)}.member-area__upload-history-error{background:rgba(var(--color-danger-rgb),.12);color:var(--color-error);border:var(--border-width-1) solid rgba(var(--color-error-rgb),.24)}@media(max-width:768px){.member-area{margin:var(--space-xl) var(--space-md);padding:var(--space-lg)}.member-area__user{flex-direction:column;align-items:flex-start}.member-area__portal{gap:var(--space-md);margin-bottom:var(--space-xl)}.member-area__tabs{gap:var(--space-sm);padding:var(--space-sm)}.member-area__tab{flex:1 1 auto}.member-area__panel{padding:var(--space-lg);gap:var(--space-lg)}.member-area__upload-section,.member-area__upload-history{padding:var(--space-lg)}.member-area__upload-history-item,.member-area__upload-history-item-left{flex-direction:column;align-items:stretch;gap:var(--space-md)}.member-area__upload-history-buttons{justify-content:flex-start;flex-wrap:wrap}.member-area__upload-history-button{width:100%}.member-area__modal{padding:var(--space-lg) var(--space-lg)}.member-area__modal-media{min-height:var(--size-media-min-height-sm)}.member-area__modal-actions{flex-direction:column;align-items:stretch}}.staff-tools{max-width:var(--container-2xl);margin:var(--space-2xl) auto;padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-elevated);color:var(--color-text-primary)}.staff-tools__header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.staff-tools__header h1{margin:0;font-size:var(--text-3xl);color:var(--color-heading)}.staff-tools__header p{margin:0;color:var(--color-text-secondary)}.staff-tools__user{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md);border-radius:var(--radius-xl);background:rgba(var(--color-brand-500-rgb),.15)}.staff-tools__user-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);overflow:hidden;background:var(--color-brand-900);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase}.staff-tools__user-avatar img{width:100%;height:100%;object-fit:cover}.staff-tools__grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.staff-tools__card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;gap:var(--space-md)}.staff-tools__card h2{margin:0;font-size:var(--text-lg);color:var(--color-heading)}.staff-tools__card p{margin:0;color:var(--color-text-secondary)}.staff-tools__card-link{align-self:flex-start;text-decoration:none;background:var(--color-brand-500);color:var(--color-on-accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-weight:var(--font-semibold);transition:var(--transition-transform),var(--transition-shadow)}.staff-tools__card-link:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(var(--color-brand-500-rgb),.3)}.staff-tools__loading,.staff-tools__error,.staff-tools__empty{padding:var(--space-md);border-radius:var(--radius-lg)}.staff-tools__loading{background:rgba(var(--color-brand-500-rgb),.12);color:var(--color-heading)}.staff-tools__error{background:rgba(var(--color-danger-rgb),.12);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.25)}.staff-tools__empty{background:rgba(var(--color-brand-900-rgb),.08);color:var(--color-text-secondary)}.staff-tools__empty-link{display:inline-flex;margin-top:var(--space-md);text-decoration:none;background:var(--color-brand-500);color:var(--color-on-accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-weight:var(--font-semibold)}.staff-tools__empty-link:hover{background:var(--color-brand-700)}@media(max-width:768px){.staff-tools{margin:var(--space-xl) auto;padding:var(--space-md)}.staff-tools__header h1{font-size:var(--text-2xl)}}.admin-dashboard{max-width:var(--container-2xl);margin:var(--space-2xl) auto;padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-elevated);color:var(--color-text-primary)}.admin-dashboard__header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.admin-dashboard__header h1{margin:0;font-size:var(--text-3xl);color:var(--color-heading)}.admin-dashboard__header p{margin:0;color:var(--color-text-secondary)}.admin-dashboard__user{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md);border-radius:var(--radius-xl);background:rgba(var(--color-brand-500-rgb),.15)}.admin-dashboard__user-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);overflow:hidden;background:var(--color-brand-900);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase}.admin-dashboard__user-avatar img{width:100%;height:100%;object-fit:cover}.admin-dashboard__grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.admin-dashboard__card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;gap:var(--space-md)}.admin-dashboard__card h2{margin:0;font-size:var(--text-lg);color:var(--color-heading)}.admin-dashboard__card p{margin:0;color:var(--color-text-secondary)}.admin-dashboard__card-link{align-self:flex-start;text-decoration:none;background:var(--color-brand-500);color:var(--color-on-accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-weight:var(--font-semibold);transition:var(--transition-transform),var(--transition-shadow)}.admin-dashboard__card-link:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(var(--color-brand-500-rgb),.3)}.admin-dashboard__loading,.admin-dashboard__error,.admin-dashboard__empty{padding:var(--space-md);border-radius:var(--radius-lg)}.admin-dashboard__loading{background:rgba(var(--color-brand-500-rgb),.12);color:var(--color-heading)}.admin-dashboard__error{background:rgba(var(--color-danger-rgb),.12);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.25)}.admin-dashboard__empty{background:rgba(var(--color-brand-900-rgb),.08);color:var(--color-text-secondary)}.admin-dashboard__empty-link{display:inline-flex;margin-top:var(--space-md);text-decoration:none;background:var(--color-brand-500);color:var(--color-on-accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-weight:var(--font-semibold)}.admin-dashboard__empty-link:hover{background:var(--color-brand-700)}@media(max-width:768px){.admin-dashboard{margin:var(--space-xl) auto;padding:var(--space-md)}.admin-dashboard__header h1{font-size:var(--text-2xl)}}.owner-console{max-width:var(--container-2xl);margin:var(--space-2xl) auto;padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-elevated);color:var(--color-text-primary)}.owner-console__header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.owner-console__header h1{margin:0;font-size:var(--text-3xl);color:var(--color-heading)}.owner-console__header p{margin:0;color:var(--color-text-secondary)}.owner-console__user{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md);border-radius:var(--radius-xl);background:rgba(var(--color-brand-500-rgb),.15)}.owner-console__user-avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);overflow:hidden;background:var(--color-brand-900);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase}.owner-console__user-avatar img{width:100%;height:100%;object-fit:cover}.owner-console__grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.owner-console__card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;gap:var(--space-md)}.owner-console__card h2{margin:0;font-size:var(--text-lg);color:var(--color-heading)}.owner-console__card p{margin:0;color:var(--color-text-secondary)}.owner-console__card-link{align-self:flex-start;text-decoration:none;background:var(--color-brand-500);color:var(--color-on-accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-weight:var(--font-semibold);transition:var(--transition-transform),var(--transition-shadow)}.owner-console__card-link:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(var(--color-brand-500-rgb),.3)}.owner-console__loading,.owner-console__error,.owner-console__empty{padding:var(--space-md);border-radius:var(--radius-lg)}.owner-console__loading{background:rgba(var(--color-brand-500-rgb),.12);color:var(--color-heading)}.owner-console__error{background:rgba(var(--color-danger-rgb),.12);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.25)}.owner-console__empty{background:rgba(var(--color-brand-900-rgb),.08);color:var(--color-text-secondary)}.owner-console__empty-link{display:inline-flex;margin-top:var(--space-md);text-decoration:none;background:var(--color-brand-500);color:var(--color-on-accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-weight:var(--font-semibold)}.owner-console__empty-link:hover{background:var(--color-brand-700)}@media(max-width:768px){.owner-console{margin:var(--space-xl) auto;padding:var(--space-md)}.owner-console__header h1{font-size:var(--text-2xl)}}.owner-console__tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-sm);background:var(--color-surface-muted);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border-soft)}.owner-console__tab{flex:1;padding:var(--space-md) var(--space-lg);background:transparent;border:var(--border-width-1) solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all)}.owner-console__tab:hover{background:var(--color-surface);color:var(--color-heading);border-color:var(--color-border-soft)}.owner-console__tab--active{background:var(--color-brand-500);color:var(--color-on-accent);box-shadow:var(--shadow-md)}.owner-console__section-title{margin:var(--space-xl) 0 var(--space-md) 0;font-size:var(--text-xl);color:var(--color-brand-400);font-weight:var(--font-bold)}.owner-console__section-title:first-child{margin-top:0}.owner-console__card-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-heading)}.owner-console__uploads-section{margin-top:var(--space-md)}.owner-console__uploads-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.owner-console__uploads-filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center}.owner-console__filter-input,.owner-console__filter-select{padding:var(--space-sm) var(--space-md);border:var(--border-width-1) solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-sm);min-width:var(--min-input-width);transition:var(--transition-all)}.owner-console__filter-input:focus,.owner-console__filter-select:focus{outline:none;border-color:var(--color-brand-500);box-shadow:var(--shadow-focus-ring-light)}.owner-console__uploads-table-container{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);overflow-x:auto;box-shadow:var(--color-panel-shadow)}.owner-console__uploads-table{width:100%;border-collapse:collapse}.owner-console__uploads-table thead{background:var(--color-surface-muted)}.owner-console__uploads-table th{padding:var(--space-md);text-align:left;font-weight:var(--font-bold);color:var(--color-heading);border-bottom:var(--border-width-2) solid var(--color-border-soft);-webkit-user-select:none;user-select:none}.owner-console__uploads-table th[style*="cursor: pointer"]:hover{background:rgba(var(--color-brand-500-rgb),.1);transition:background var(--transition-base) var(--ease-out)}.owner-console__uploads-table td{padding:var(--space-md);border-bottom:var(--border-width-1) solid var(--color-border-soft);color:var(--color-text-primary)}.owner-console__uploads-table tbody tr:hover{background:rgba(var(--color-brand-500-rgb),.05)}.owner-console__upload-thumbnail,.owner-console__upload-thumbnail-placeholder{width:var(--size-thumb-w-lg);height:var(--size-thumb-h-lg);object-fit:cover;border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border-soft)}.owner-console__upload-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-surface-muted);font-size:var(--text-2xl)}.owner-console__upload-name{max-width:var(--max-name-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-medium)}.owner-console__upload-user-id{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary)}.owner-console__upload-user-name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-medium)}.owner-console__pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-surface-muted);border-radius:var(--radius-md);gap:var(--space-md);flex-wrap:wrap}.owner-console__pagination-info{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-semibold)}.owner-console__pagination-buttons{display:flex;gap:var(--space-sm);align-items:center}.owner-console__page-indicator{padding:0 var(--space-md);font-weight:var(--font-semibold);color:var(--color-heading)}.owner-console__page-size-selector{display:flex;align-items:center;gap:var(--space-sm)}.owner-console__page-size-selector label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-semibold)}.owner-console__page-size-selector select{padding:var(--space-xs) var(--space-md);border:var(--border-width-1) solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.owner-console__uploads-summary{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width-1) solid var(--color-border-soft);color:var(--color-text-secondary);font-weight:var(--font-semibold)}.owner-console__users-section,.owner-console__maintenance-section{margin-top:var(--space-md)}@media(max-width:768px){.owner-console__tabs{flex-direction:column}.owner-console__tab{text-align:center}.owner-console__uploads-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.owner-console__uploads-filters{flex-direction:column;width:100%}.owner-console__filter-input,.owner-console__filter-select{width:100%}.owner-console__uploads-table-container{overflow-x:scroll}.owner-console__uploads-table{min-width:var(--min-table-width)}.owner-console__pagination-controls{flex-direction:column;align-items:stretch;gap:var(--space-md)}.owner-console__pagination-buttons{justify-content:center}.owner-console__pagination-info,.owner-console__page-size-selector{text-align:center;justify-content:center}}.owner-console__modal-backdrop{position:fixed;inset:0;background:var(--color-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-lg)}.owner-console__modal{background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:var(--container-md);width:min(var(--container-md),100%);border:var(--border-width-1) solid var(--color-border-soft);position:relative;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--space-lg) var(--space-md)}.owner-console__modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:var(--size-icon-lg);height:var(--size-icon-lg);border-radius:var(--radius-full);border:none;background:rgba(var(--color-brand-500-rgb),.2);color:var(--color-heading);font-size:var(--text-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.owner-console__modal-close:hover{background:rgba(var(--color-brand-500-rgb),.35);transform:translateY(calc(-1 * var(--border-width-1)))}.owner-console__modal-content{display:flex;flex-direction:column;gap:1rem}.owner-console__modal-content h2{margin:0;font-size:var(--text-2xl);color:var(--color-heading)}.owner-console__modal-meta{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-secondary);font-size:var(--text-sm);flex-wrap:wrap}.owner-console__modal-media{background:var(--color-surface-muted);border-radius:var(--radius-xl);border:var(--border-width-1) solid var(--color-border-soft);padding:var(--space-md);display:flex;align-items:center;justify-content:center;min-height:var(--size-media-min-height)}.owner-console__modal-media img,.owner-console__modal-media video{max-width:100%;border-radius:var(--radius-lg);box-shadow:var(--color-panel-shadow)}.owner-console__modal-media audio{width:100%}.owner-console__modal-placeholder{text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.owner-console__modal-actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.owner-console__modal-action{border:var(--border-width-1) solid transparent;border-radius:var(--radius-full);font-weight:var(--font-semibold);padding:.6rem 1.4rem;cursor:pointer;background:rgba(var(--color-brand-500-rgb),.12);color:var(--color-heading);transition:var(--transition-all);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.owner-console__modal-action:hover:not([disabled]){background:rgba(var(--color-brand-500-rgb),.24);transform:translateY(calc(-1 * var(--border-width-1)))}.owner-console__modal-action--danger{background:rgba(var(--color-error-rgb),.12);color:var(--color-error);border-color:rgba(var(--color-error-rgb),.24)}.owner-console__modal-action--danger:hover:not([disabled]){background:rgba(var(--color-danger-rgb),.2)}.owner-console__modal-action:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}@media(max-width:768px){.owner-console__modal{padding:var(--space-lg) var(--space-lg)}.owner-console__modal-media{min-height:var(--size-media-min-height-sm)}.owner-console__modal-actions{flex-direction:column;align-items:stretch}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background)}.app__route-wrapper{flex:1;width:100%;background-color:var(--color-background)}.app__home-screen{min-height:100%;background:linear-gradient(180deg,rgba(var(--color-brand-900-rgb),.2) 0%,transparent 55%)}.app__main-content{opacity:0;transform:translateY(20px);transition:all .8s ease-out;max-width:1200px;margin:0 auto;background-color:var(--color-surface);min-height:100vh;box-shadow:var(--color-elevated-shadow)}.app__main-content--visible{opacity:1;transform:translateY(0)}.app__loading{min-height:50vh;display:flex;align-items:center;justify-content:center;color:var(--color-brand-900)}.app__loading p{margin:0;font-size:1rem}@media(max-width:1240px){.app__main-content{max-width:100%;box-shadow:none}.app{background-color:var(--color-background)}}@media(max-width:768px){.app__main-content{margin:0}}.app-page{max-width:var(--container-2xl);margin:var(--space-2xl) auto;padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-elevated);color:var(--color-text-primary)}.app__header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.app__header h1{margin:0;font-size:var(--text-3xl);color:var(--color-heading)}.app__header p{margin:0;color:var(--color-text-secondary)}.app__loading,.app__error,.app__empty{padding:var(--space-md);border-radius:var(--radius-lg)}.app__loading{background:rgba(var(--color-brand-500-rgb),.12);color:var(--color-heading)}.app__error{background:rgba(var(--color-danger-rgb),.12);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.25)}.app__empty{background:rgba(var(--color-brand-900-rgb),.08);color:var(--color-text-secondary)}.app__empty-link{display:inline-flex;margin-top:var(--space-md);text-decoration:none;background:var(--color-brand-500);color:var(--color-on-accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-weight:var(--font-semibold)}.app__empty-link:hover{background:var(--color-brand-700)}@media(max-width:768px){.app-page{margin:var(--space-xl) auto;padding:var(--space-md)}.app__header h1{font-size:var(--text-2xl)}}
