: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-accent-gold: #d4a84b;--color-accent-gold-rgb: 212, 168, 75;--color-penal-traffic: #356854;--color-penal-petty-misd: #ff9900;--color-penal-misdemeanor: #f1c232;--color-penal-felony: #ff0000;--color-penal-felony-rgb: 255, 0, 0;--color-penal-felony-narcotics: #9b3642;--color-penal-wildlife: #4a86e8;--color-penal-aircraft: #17a2b8;--color-background: #f5f9f5;--color-surface: #ffffff;--color-surface-muted: #eef6ef;--color-surface-elevated: #ffffff;--color-surface-strong: #e1f0e2;--bg-highlight: #e0ffe0;--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-xs: 480px;--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;--bg-highlight: #1a331a;--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{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;text-decoration:none}.header__dropdown-item:hover{background-color:rgba(var(--color-text-inverse-rgb),.1);color:var(--color-text-inverse)}.header__dropdown-item:hover .header__dropdown-button{color:var(--color-text-inverse)}.header__dropdown-button--logout{color:var(--color-error-light)}.header__dropdown-item--logout:hover{background-color:rgba(var(--color-error-rgb),.1);color:var(--color-error-light)}.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:var(--space-2xl);height:var(--space-lg);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:var(--border-width-3);background-color:var(--color-text-inverse);border-radius:var(--radius-md);transition:all var(--transition-slow) linear;position:relative;transform-origin:var(--border-width-1)}.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(var(--space-lg))}.header__hamburger-menu.header__hamburger-menu--open .header__hamburger-icon:nth-child(3){transform:rotate(-45deg)}}.header{--header-height: 4.375rem}.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:var(--border-width-1) 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%}}.radio-player{display:flex;align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);padding:.5rem 1rem;position:fixed;bottom:0;left:0;right:0;height:80px;z-index:1000;box-shadow:0 -2px 10px #0000004d;gap:1.5rem}.radio-player__info{width:200px;flex-shrink:0}.radio-player__title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary)}.radio-player__artist{font-size:.85rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-player__controls{display:flex;align-items:center;gap:1rem;flex-shrink:0}.radio-player__btn{background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s}.radio-player__btn:hover{background:#ffffff1a}.radio-player__btn:active{transform:scale(.95)}.radio-player__btn--main{background:var(--color-brand-500);color:#fff}.radio-player__btn--main:hover{background:var(--color-brand-400)}.radio-player__progress{flex-grow:1;display:flex;align-items:center;gap:.5rem}.radio-player__time{font-size:.8rem;font-family:monospace;color:var(--color-text-secondary);min-width:40px}.radio-player__slider{flex-grow:1;height:4px;background:var(--color-border);border-radius:2px;cursor:pointer;appearance:none}.radio-player__slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--color-brand-500);border-radius:50%;cursor:pointer}.radio-player__volume{display:flex;align-items:center;gap:.5rem;width:120px;flex-shrink:0;color:var(--color-text-secondary)}.radio-player__vol-slider{width:100%;height:4px;background:var(--color-border);border-radius:2px;cursor:pointer;appearance:none}.radio-player__vol-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--color-text-secondary);border-radius:50%;cursor:pointer}@media(max-width:768px){.radio-player{flex-wrap:wrap;height:auto;padding-bottom:1rem;gap:.5rem}.radio-player__info{width:100%;text-align:center;order:1}.radio-player__progress{width:100%;order:2;margin-bottom:.5rem}.radio-player__controls{order:3;width:auto;margin:0 auto}.radio-player__volume{width:auto;flex-grow:0;order:4;display:none}}.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:var(--transition-all);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(calc(-1 * var(--border-width-2)));box-shadow:0 var(--space-xs) var(--space-md) 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(var(--space-2xl))}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--space-sm)))}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(var(--space-lg))}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.news-card{background-color:var(--bg-secondary);border:var(--border-width-1) solid var(--color-brand-600);border-radius:var(--radius-xl);padding:0;margin-bottom:var(--space-lg);transition:var(--transition-transform),var(--transition-colors);cursor:pointer;box-shadow:var(--shadow-elevated)}.news-card:hover{transform:translateY(calc(-1 * var(--border-width-2)));box-shadow:0 var(--space-xs) var(--space-md) #0000001a;border-color:var(--accent-color)}.news-card__content{padding:var(--space-md);flex-grow:1;display:flex;flex-direction:column}.news-card__media{width:100%;height:11.25rem;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:var(--bg-primary);margin-bottom:var(--space-md)}.news-card__media img,.news-card__media video{width:100%;height:100%;object-fit:cover}.news-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);font-size:var(--text-sm);background-color:var(--bg-primary);padding:var(--space-md) var(--space-lg);margin:0;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);border-bottom:var(--border-width-2) solid var(--color-border);box-shadow:none}.news-card__category{background-color:var(--accent-color-transparent);color:var(--accent-color);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-weight:var(--font-semibold);text-transform:uppercase;font-size:var(--text-xs)}.news-card__date{color:var(--text-muted)}.news-card__title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:0;padding-bottom:var(--space-md);border-bottom:var(--border-width-1) solid var(--color-border);color:var(--color-heading);line-height:var(--leading-snug);background-color:var(--bg-highlight);padding:var(--space-sm) var(--space-lg)}.news-card__preview{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:0;padding:0 var(--space-lg) var(--space-md);max-height:15.625rem;overflow:hidden;border-bottom:var(--border-width-1) solid var(--color-border);position:relative}.news-card__preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--space-3xl);background:linear-gradient(to bottom,transparent,var(--bg-secondary));pointer-events:none}.news-card__preview p{margin:var(--space-sm) 0}.news-card__preview img{max-width:50%;height:auto;max-height:12.5rem;object-fit:cover;display:inline-block;margin:var(--space-sm);border-radius:var(--radius-md);vertical-align:middle}.news-card__preview video{max-width:50%;height:auto;max-height:12.5rem;display:inline-block;margin:var(--space-sm);border-radius:var(--radius-md);vertical-align:middle}.news-card__preview h1,.news-card__preview h2,.news-card__preview h3{margin:var(--space-sm) 0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.news-card__preview ul,.news-card__preview ol{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.news-card__preview blockquote{border-left:var(--border-width-3) solid var(--color-brand-500);padding-left:var(--space-md);margin:var(--space-sm) 0;font-style:italic}.news-card__footer{display:flex;justify-content:space-between;align-items:center;border-top:var(--border-width-1) solid var(--color-border);padding-top:var(--space-md);font-size:var(--text-sm);background-color:var(--color-surface-muted);padding:var(--space-md) var(--space-lg);margin:0;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);box-shadow:none}.news-card__author{color:var(--text-muted);font-style:italic}.news-card__tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.news-card__tag{display:inline-block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background-color:var(--color-brand-800);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:var(--transition-all);border:var(--border-width-1) solid var(--color-brand-600)}.news-card__tag:hover{background-color:var(--color-brand-700);border-color:var(--color-brand-500);transform:translateY(calc(-1 * var(--border-width-1)));box-shadow:var(--shadow-sm);text-decoration:none}.news-list{display:flex;flex-direction:column;gap:var(--space-xl);max-width:var(--container-lg);margin:0 auto;width:100%}.news-list__grid{display:flex;flex-direction:column;gap:var(--space-lg)}.news-list__loading,.news-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) 0;color:var(--text-secondary);text-align:center}.news-list__spinner{width:var(--size-icon-lg);height:var(--size-icon-lg);border:var(--border-width-3) solid var(--border-color);border-top-color:var(--accent-color);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{to{transform:rotate(360deg)}}.news-list__pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-xl)}.news-list__page-btn{padding:var(--space-sm) var(--space-md);background-color:var(--bg-secondary);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition-all)}.news-list__page-btn:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--accent-color)}.news-list__page-btn:disabled{opacity:.6;cursor:not-allowed}.news-list__page-numbers{display:flex;gap:var(--space-sm);align-items:center}.news-list__page-number{min-width:var(--space-2xl);height:var(--space-2xl);padding:0 var(--space-sm);display:flex;align-items:center;justify-content:center;background-color:transparent;border:var(--border-width-1) solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-all)}.news-list__page-number:hover:not(:disabled):not(.dots){background-color:var(--bg-secondary);color:var(--text-primary)}.news-list__page-number.active{background-color:var(--accent-color);color:var(--color-text-inverse);border-color:var(--accent-color);font-weight:var(--font-semibold)}.news-list__page-number.dots{cursor:default;border:none;min-width:auto;padding:0 var(--space-xs)}@media (max-width: var(--breakpoint-sm)){.news-list__pagination{flex-wrap:wrap;gap:var(--space-sm)}.news-list__page-numbers{order:-1;width:100%;justify-content:center;margin-bottom:var(--space-sm)}}.news-article{background-color:var(--bg-secondary);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-xl);padding:0;max-width:var(--container-xl);margin:var(--space-2xl) auto;box-shadow:var(--shadow-elevated)}.news-article__top-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl) 0;margin-bottom:var(--space-md)}.news-article__back-btn{background:var(--color-brand-800);border:var(--border-width-1) solid var(--color-brand-600);color:var(--color-text-inverse);cursor:pointer;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-weight:var(--font-semibold);display:flex;align-items:center;gap:var(--space-sm);transition:var(--transition-all);text-decoration:none}.news-article__back-btn:hover{background-color:var(--color-brand-700);border-color:var(--color-brand-500);transform:translateY(calc(-1 * var(--border-width-1)));box-shadow:var(--shadow-sm)}.news-article__admin-actions{display:flex;gap:var(--space-md)}.news-article__header{border-bottom:var(--border-width-1) solid var(--color-border);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-xl);border-top-left-radius:0;border-top-right-radius:0;background-color:var(--color-surface-muted);box-shadow:none}.news-article__meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.news-article__category{background-color:var(--accent-color-transparent);color:var(--accent-color);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-weight:var(--font-semibold);text-transform:uppercase;font-size:var(--text-xs)}.news-article__date{color:var(--text-muted);font-size:var(--text-sm)}.news-article__title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin-bottom:var(--space-md);line-height:var(--leading-tight)}.news-article__author{color:var(--text-secondary);font-style:italic}.news-article__content{color:var(--text-primary);line-height:var(--leading-loose);font-size:var(--text-lg);margin-bottom:var(--space-xl);padding:0 var(--space-xl);border-bottom:none;padding-bottom:0;box-shadow:none;background-color:var(--bg-secondary)}.news-article__content p{margin-bottom:var(--space-lg)}.news-article__content h1{font-size:2em;font-weight:700;margin:1em 0 .5em;color:var(--text-primary)}.news-article__content h2{font-size:1.5em;font-weight:700;margin:.83em 0 .5em;color:var(--text-primary)}.news-article__content h3{font-size:1.17em;font-weight:700;margin:.67em 0 .5em;color:var(--text-primary)}.news-article__content ul,.news-article__content ol{padding-left:2em;margin:1em 0}.news-article__content li{margin:.5em 0}.news-article__content blockquote{border-left:var(--border-width-3) solid var(--color-brand-500);padding-left:1em;margin:var(--space-lg) 0;color:var(--text-secondary);font-style:italic}.news-article__content a{color:var(--color-brand-500);text-decoration:underline}.news-article__content a:hover{color:var(--color-brand-600)}.news-article__content strong{font-weight:700}.news-article__content em{font-style:italic}.news-article__content u{text-decoration:underline}.news-article__content s{text-decoration:line-through}.news-article__content code{background-color:var(--color-surface-muted);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em;border:var(--border-width-1) solid var(--color-border)}.news-article__content pre{background-color:var(--color-surface-muted);padding:1em;border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-lg) 0;border:var(--border-width-1) solid var(--color-border)}.news-article__content pre code{background:none;padding:0;border:none}.news-article__content hr{border:none;border-top:var(--border-width-2) solid var(--color-border);margin:var(--space-xl) 0}.news-article__content mark{background-color:var(--color-warning);padding:var(--space-xxs) var(--space-xs);border-radius:var(--space-xxs);color:var(--color-brand-900)}.news-article__content img,.news-article__content .editor-image{max-width:100%;height:auto;display:inline-block;margin:var(--space-sm);border-radius:var(--radius-md);box-shadow:0 var(--space-xs) var(--space-md) #0000004d}.news-article__content figure{margin:var(--space-lg) 0}.news-article__content figcaption{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.news-article__content video,.news-article__content .editor-video{max-width:100%;height:auto;display:block;margin:var(--space-lg) auto;border-radius:var(--radius-md);box-shadow:0 var(--space-xs) var(--space-md) #0000004d}.news-article__footer{border-top:var(--border-width-1) solid var(--color-border);padding:var(--space-lg) var(--space-xl);margin-top:var(--space-xl);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background-color:var(--color-surface-muted);box-shadow:none}.news-article__tags{display:flex;gap:var(--space-md);flex-wrap:wrap}.news-article__tag{display:inline-block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background-color:var(--color-brand-800);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:var(--transition-all);border:var(--border-width-1) solid var(--color-brand-600)}.news-article__tag:hover{background-color:var(--color-brand-700);border-color:var(--color-brand-500);transform:translateY(calc(-1 * var(--border-width-1)));box-shadow:var(--shadow-sm)}.news-filter__toggle-btn{padding:var(--space-sm) var(--space-md);background-color:var(--color-surface-muted);color:var(--color-text-secondary);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-colors);white-space:nowrap}.news-filter__toggle-btn:hover{background-color:var(--color-surface-strong);color:var(--color-text-primary);border-color:var(--color-text-secondary)}.news-filter__content{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-start;background-color:var(--color-surface-muted);padding:var(--space-lg);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border);margin-top:var(--space-md);max-width:var(--container-lg);justify-content:space-between}.news-filter.collapsed .news-filter__content{display:none}.news-filter__group{display:flex;flex-direction:column;gap:var(--space-xs);flex:0 1 auto;min-width:10rem}.news-filter__clear-group{display:flex;align-items:flex-end}.news-filter__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.news-filter__select,.news-filter__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-sm);width:100%;height:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:var(--color-brand-500)}.news-filter__select:focus,.news-filter__input:focus{outline:none;border-color:var(--color-brand-500);box-shadow:var(--shadow-focus-ring);background-color:var(--color-surface)}.news-filter__input[type=date]::-webkit-calendar-picker-indicator{filter:invert(var(--color-text-primary-filter-value, 0))}.news-filter__input[type=date]{color-scheme:var(--color-scheme-value, light)}.news-filter__clear-btn{padding:var(--space-sm) var(--space-md);background-color:transparent;border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-semibold);transition:var(--transition-colors);height:2.5rem;white-space:nowrap}.news-filter__clear-btn:hover{background-color:var(--color-surface-strong);color:var(--color-text-primary);border-color:var(--color-text-secondary)}.news-filter__active-tag{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--color-brand-500);color:var(--color-text-inverse);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-sm);height:2.5rem;box-sizing:border-box}.news-filter__remove-tag{background:none;border:none;color:var(--color-text-inverse);font-size:var(--text-lg);cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;opacity:.8;transition:var(--transition-fast)}.news-filter__remove-tag:hover{opacity:1}.news-search{display:flex;gap:.5rem;margin-bottom:0;flex-grow:1;width:auto;max-width:none}.news-search__input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-muted);color:var(--color-text-primary);font-size:var(--text-base);transition:var(--transition-colors);-webkit-appearance:none;-moz-appearance:none;appearance:none}.news-search__input::placeholder{color:var(--color-text-tertiary)}.news-search__input:focus{outline:none;border-color:var(--color-brand-500);box-shadow:var(--shadow-focus-ring);background-color:var(--color-surface)}.news-search__button{padding:var(--space-sm) var(--space-md);background-color:var(--color-brand-500);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-colors)}.news-search__button:hover{background-color:var(--color-brand-600)}.news-admin-controls{display:flex;gap:var(--space-md)}.news-admin-btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-colors);font-size:var(--text-sm)}.news-admin-btn--create{background-color:var(--color-brand-500);color:var(--color-text-inverse)}.news-admin-btn--create:hover{background-color:var(--color-brand-600)}.news-admin-btn--edit{background:var(--color-brand-800);border:var(--border-width-1) solid var(--color-brand-600);color:var(--color-text-inverse);transition:var(--transition-all)}.news-admin-btn--edit:hover{background-color:var(--color-brand-700);border-color:var(--color-brand-500);transform:translateY(calc(-1 * var(--border-width-1)));box-shadow:var(--shadow-sm)}.news-admin-btn--delete{background-color:var(--color-error);color:var(--color-on-error)}.news-admin-btn--delete:hover{background-color:var(--color-error-dark)}.media-modal-overlay{position:fixed;inset:0;background-color:var(--color-backdrop);display:flex;justify-content:center;align-items:center;z-index:calc(var(--z-modal) + 100);padding:var(--space-xl)}.media-modal{background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:var(--container-md);height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-elevated);z-index:calc(var(--z-modal) + 200)}.media-modal__header{padding:var(--space-lg);border-bottom:var(--border-width-1) solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.media-modal__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-heading);margin:0}.media-modal__close{background:none;border:none;font-size:var(--text-2xl);color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1}.media-modal__close:hover{color:var(--color-text-primary)}.media-modal__content{flex:1;padding:var(--space-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-lg)}.media-modal__actions{display:flex;justify-content:space-between;align-items:center}.media-modal__upload-btn{background-color:var(--color-brand-500);color:var(--color-button-primary-text);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-colors)}.media-modal__upload-btn:hover:not(:disabled){background-color:var(--color-brand-600)}.media-modal__upload-btn:disabled{opacity:.6;cursor:not-allowed}.media-modal__error{background-color:rgba(var(--color-error-rgb),.1);color:var(--color-error);padding:var(--space-md);border-radius:var(--radius-md);border:var(--border-width-1) solid rgba(var(--color-error-rgb),.2)}.media-modal__loading,.media-modal__empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}.media-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--min-card-width-sm),1fr));gap:var(--space-md)}.media-modal__item{border:var(--border-width-2) solid transparent;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background-color:var(--color-input-bg);transition:var(--transition-all)}.media-modal__item:hover{transform:translateY(calc(-1 * var(--border-width-2)));box-shadow:var(--shadow-sm)}.media-modal__item.selected{border-color:var(--color-brand-500);box-shadow:0 0 0 var(--border-width-2) rgba(var(--color-brand-500-rgb),.2)}.media-modal__preview{aspect-ratio:16/9;background-color:var(--color-brand-900);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-modal__thumb{width:100%;height:100%;object-fit:cover}.media-modal__name{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-modal__footer{padding:var(--space-lg);border-top:var(--border-width-1) solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-md)}.media-modal__btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-colors)}.media-modal__btn--cancel{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:var(--border-width-1) solid var(--color-border)}.media-modal__btn--cancel:hover{background-color:var(--color-button-secondary-hover-bg)}.media-modal__btn--select{background-color:var(--color-brand-500);color:var(--color-button-primary-text)}.media-modal__btn--select:hover:not(:disabled){background-color:var(--color-brand-600)}.media-modal__btn--select:disabled{opacity:.6;cursor:not-allowed}.link-modal-overlay{position:fixed;inset:0;background-color:var(--color-backdrop);display:flex;justify-content:center;align-items:center;z-index:calc(var(--z-modal) + 1000);padding:var(--space-lg)}.link-modal{background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:var(--container-xs);box-shadow:var(--shadow-elevated);animation:modalSlideIn var(--transition-base) var(--ease-out)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--space-lg)))}to{opacity:1;transform:translateY(0)}}.link-modal__title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-lg);color:var(--color-heading);border-bottom:var(--border-width-1) solid var(--color-border);padding-bottom:var(--space-md)}.link-modal__form{display:flex;flex-direction:column;gap:var(--space-lg)}.link-modal__group{display:flex;flex-direction:column;gap:var(--space-sm)}.link-modal__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.link-modal__input{padding:var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-input-bg);color:var(--color-text-primary);font-size:var(--text-base);width:100%;transition:var(--transition-colors)}.link-modal__input:focus{outline:none;border-color:var(--color-brand-500);box-shadow:var(--shadow-focus-ring)}.link-modal__hint{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;margin-top:var(--space-xs)}.link-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-md)}.link-modal__btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);font-size:var(--text-base);box-shadow:var(--shadow-sm)}.link-modal__btn:hover{transform:translateY(calc(-1 * var(--border-width-1)));box-shadow:var(--shadow-md)}.link-modal__btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.link-modal__btn--cancel{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:var(--border-width-1) solid var(--color-border-dark)}.link-modal__btn--cancel:hover{background-color:var(--color-button-secondary-hover-bg);color:var(--color-button-secondary-hover-text)}.link-modal__btn--submit{background:linear-gradient(to bottom,var(--color-brand-500),var(--color-brand-600));color:var(--color-button-primary-text)}.link-modal__btn--submit:hover{background:linear-gradient(to bottom,var(--color-brand-600),var(--color-brand-700))}.news-editor-overlay{position:fixed;inset:0;background-color:var(--color-backdrop);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);padding:var(--space-xl);overflow:auto}.news-editor{background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-2xl);padding:0;width:100%;max-width:var(--container-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-elevated);transition:var(--transition-all)}.news-editor__form::-webkit-scrollbar{width:var(--text-xs)}.news-editor__form::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:var(--radius-sm)}.news-editor__form::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);border:var(--border-width-2) solid var(--color-surface-muted)}.news-editor__form::-webkit-scrollbar-thumb:hover{background:var(--color-brand-500)}.news-editor__title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0;padding:var(--space-xl) var(--space-3xl) var(--space-md);color:var(--color-heading);border-bottom:var(--border-width-1) solid var(--color-border);flex-shrink:0}.news-editor__form{display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto;overflow-x:hidden;flex:1;padding:var(--space-lg) var(--space-3xl)}.news-editor__group{display:flex;flex-direction:column;gap:var(--space-sm)}.news-editor__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.news-editor__input,.news-editor__textarea{padding:var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-input-bg);color:var(--color-text-primary);font-size:var(--text-base);width:100%;transition:var(--transition-colors)}.news-editor__select{padding:var(--space-md);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-input-bg);color:var(--color-text-primary);font-size:var(--text-base);width:100%;transition:var(--transition-colors);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7em top 50%;background-size:1.2em auto}.news-editor__select option{background-color:var(--color-surface);color:var(--color-text-primary)}.news-editor__input:focus,.news-editor__select:focus,.news-editor__textarea:focus{outline:none;border-color:var(--color-brand-500);box-shadow:var(--shadow-focus-ring)}.news-editor__textarea{resize:vertical;min-height:9.375rem;font-family:inherit}.news-editor__content-header{display:flex;justify-content:space-between;align-items:center}.news-editor__toggle-btn{background:none;border:none;color:var(--color-brand-500);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:underline;transition:var(--transition-colors)}.news-editor__toggle-btn:hover{color:var(--color-brand-600)}.news-editor__html-input{font-family:Courier New,Courier,monospace;font-size:var(--text-sm)}.news-editor__tags-container{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-xs);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-input-bg);min-height:2.625rem}.news-editor__tags-container:focus-within{border-color:var(--color-brand-500);box-shadow:var(--shadow-focus-ring)}.news-editor__tag-chip{background-color:var(--color-brand-500);color:#fff;border-radius:var(--radius-full);padding:var(--space-xxs) var(--space-sm);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-xs)}.news-editor__tag-remove{background:none;border:none;color:currentColor;cursor:pointer;font-size:var(--text-base);line-height:1;padding:0;display:flex;align-items:center;opacity:.8;transition:opacity var(--transition-fast) var(--ease-in-out)}.news-editor__tag-remove:hover{opacity:1}.news-editor__tag-input{border:none;background:transparent;outline:none;flex:1;min-width:7.5rem;color:var(--color-text-primary);padding:var(--space-xs)}.news-editor__group{position:relative}.news-editor__suggestions{position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);list-style:none;padding:0;margin:var(--space-xs) 0 0;z-index:var(--z-dropdown);max-height:12.5rem;overflow-y:auto}.news-editor__suggestion-item{padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--color-text-primary);font-size:var(--text-sm);transition:var(--transition-colors)}.news-editor__suggestion-item:hover{background-color:var(--color-surface-hover)}.tiptap-editor-wrapper{border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-input-bg);overflow:visible}.tiptap-menubar{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:linear-gradient(135deg,rgba(var(--color-brand-500-rgb),.05),rgba(var(--color-brand-500-rgb),.02));border-bottom:var(--border-width-2) solid rgba(var(--color-brand-500-rgb),.2);box-shadow:var(--shadow-sm);border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative;z-index:10}.tiptap-menubar-row{display:flex;flex-wrap:nowrap;gap:var(--space-sm);align-items:center;overflow-x:auto;overflow-y:visible;padding-bottom:var(--space-xs);position:relative}.tiptap-menubar-row:first-child{z-index:30}.tiptap-menubar-row:nth-child(2){z-index:20}.tiptap-menubar-row:nth-child(3){z-index:10}.tiptap-menubar-row::-webkit-scrollbar{height:.375rem}.tiptap-menubar-row::-webkit-scrollbar-track{background:#0000001a;border-radius:var(--radius-sm)}.tiptap-menubar-row::-webkit-scrollbar-thumb{background:rgba(var(--color-brand-500-rgb),.5);border-radius:var(--radius-sm)}.tiptap-menubar-row::-webkit-scrollbar-thumb:hover{background:var(--color-brand-500)}.tiptap-menubar-group{display:flex;gap:var(--space-xxs);align-items:center;padding:var(--space-xxs);background:#0000001a;border-radius:var(--radius-md);flex-shrink:0}.tiptap-menubar button{padding:var(--space-xs) var(--space-sm);border:var(--border-width-1) solid rgba(var(--color-brand-500-rgb),.3);border-radius:var(--radius-sm);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);transition:var(--transition-fast) var(--ease-in-out);min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;gap:var(--space-xxs);box-shadow:var(--shadow-sm);white-space:nowrap;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);flex-shrink:0}.tiptap-menubar button:hover:not(:disabled){background:linear-gradient(135deg,rgba(var(--color-brand-500-rgb),.2),rgba(var(--color-brand-500-rgb),.1));border-color:var(--color-brand-500);transform:translateY(-.0625rem);box-shadow:var(--shadow-md)}.tiptap-menubar button.is-active{background:linear-gradient(135deg,var(--color-brand-500),var(--color-brand-600));color:#fff;border-color:var(--color-brand-600);box-shadow:var(--shadow-md),inset 0 var(--border-width-1) var(--border-width-2) #fff3;transform:translateY(0)}.tiptap-menubar button:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.tiptap-menubar button:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 var(--border-width-1) var(--border-width-3) #0000004d}.tiptap-separator{width:var(--border-width-2);height:1.5rem;background:linear-gradient(to bottom,transparent,rgba(var(--color-brand-500-rgb),.4),transparent);margin:0 var(--space-xs);align-self:center;border-radius:var(--border-width-1);flex-shrink:0}.tiptap-dropdown-wrapper{position:relative;display:inline-flex;z-index:100}.tiptap-dropdown-menu{position:fixed;background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);box-shadow:var(--shadow-elevated);z-index:99999;min-width:12rem;max-height:20rem;overflow-y:auto}.tiptap-dropdown-item{padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition-all);text-align:left;width:100%;white-space:nowrap;color:var(--color-text-primary)}.tiptap-dropdown-item:hover{background-color:var(--color-surface-hover);border-color:var(--color-brand-500);transform:translate(var(--space-xs))}.tiptap-dropdown-section-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);margin-top:var(--space-xs)}.tiptap-dropdown-section-label:first-child{margin-top:0}.tiptap-dropdown-divider{height:var(--border-width-1);background-color:var(--color-border);margin:var(--space-sm) 0}.tiptap-color-picker-wrapper{position:relative}.tiptap-color-btn,.tiptap-highlight-btn{min-width:2.5rem!important;font-weight:var(--font-bold)}.tiptap-color-picker{min-width:15rem;padding:var(--space-md);gap:var(--space-sm)}.tiptap-color-input-wrapper{display:flex;flex-direction:column;gap:var(--space-sm)}.tiptap-color-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.tiptap-color-input{width:100%;height:3rem;border:var(--border-width-2) solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);background-color:var(--color-input-bg)}.tiptap-color-input:hover{border-color:var(--color-brand-500);box-shadow:var(--shadow-sm)}.tiptap-color-input:focus{outline:none;border-color:var(--color-brand-500);box-shadow:var(--shadow-focus-ring)}.tiptap-color-apply{padding:var(--space-sm) var(--space-md);background:linear-gradient(to bottom,var(--color-brand-500),var(--color-brand-600));color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:var(--transition-all);box-shadow:var(--shadow-sm)}.tiptap-color-apply:hover{background:linear-gradient(to bottom,var(--color-brand-600),var(--color-brand-700));box-shadow:var(--shadow-md);transform:translateY(-.0625rem)}.tiptap-color-apply:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.tiptap-color-clear{padding:var(--space-sm) var(--space-md);background-color:var(--color-surface-muted);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition-all)}.tiptap-color-clear:hover{background-color:var(--color-surface-hover);border-color:var(--color-brand-500)}.tiptap-fontsize-btn{min-width:5rem!important;font-size:var(--text-xs)!important}.tiptap-fontsize-picker{min-width:9.375rem}.tiptap-fontsize-clear{margin-top:var(--space-xs)}.tiptap-editor-content{min-height:31.25rem;max-height:43.75rem;overflow-y:auto;overflow-x:hidden}.tiptap-editor-content::-webkit-scrollbar{width:.625rem}.tiptap-editor-content::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:0 0 var(--radius-md) 0}.tiptap-editor-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);border:var(--border-width-2) solid var(--color-surface-muted)}.tiptap-editor-content::-webkit-scrollbar-thumb:hover{background:var(--color-brand-500)}.tiptap-editor-content .ProseMirror{padding:var(--space-xl);outline:none;min-height:31.25rem;color:var(--color-text-primary);font-size:var(--text-lg);line-height:var(--leading-loose)}.tiptap-editor-content .ProseMirror:focus{outline:none}.tiptap-editor-content .ProseMirror h1{font-size:2em;font-weight:700;margin:1em 0 .5em;color:var(--color-heading)}.tiptap-editor-content .ProseMirror h2{font-size:1.5em;font-weight:700;margin:.83em 0 .5em;color:var(--color-heading)}.tiptap-editor-content .ProseMirror h3{font-size:1.17em;font-weight:700;margin:.67em 0 .5em;color:var(--color-heading)}.tiptap-editor-content .ProseMirror p{margin:.75em 0}.tiptap-editor-content .ProseMirror ul,.tiptap-editor-content .ProseMirror ol{padding-left:2em;margin:1em 0}.tiptap-editor-content .ProseMirror li{margin:.5em 0}.tiptap-editor-content .ProseMirror blockquote{border-left:var(--space-xs) solid var(--color-brand-500);margin:1.5em 0;color:var(--color-text-secondary);font-style:italic;background-color:var(--color-surface-muted);padding:1em;border-radius:var(--radius-sm)}.tiptap-editor-content .ProseMirror a{color:var(--color-brand-500);text-decoration:underline;cursor:pointer}.tiptap-editor-content .ProseMirror a:hover{color:var(--color-brand-600)}.tiptap-editor-content .ProseMirror strong{font-weight:700}.tiptap-editor-content .ProseMirror em{font-style:italic}.tiptap-editor-content .ProseMirror u{text-decoration:underline}.tiptap-editor-content .ProseMirror s{text-decoration:line-through}.tiptap-editor-content .ProseMirror code{background-color:var(--color-surface-muted);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em;border:var(--border-width-1) solid var(--color-border)}.tiptap-editor-content .ProseMirror pre{background-color:var(--color-surface-muted);padding:1em;border-radius:var(--radius-md);overflow-x:auto;margin:1.5em 0;border:var(--border-width-1) solid var(--color-border)}.tiptap-editor-content .ProseMirror pre code{background:none;padding:0;border:none}.tiptap-editor-content .ProseMirror hr{border:none;border-top:var(--border-width-2) solid var(--color-border);margin:2em 0}.tiptap-editor-content .ProseMirror img,.tiptap-editor-content .ProseMirror .editor-image{max-width:100%;height:auto;display:inline-block;margin:var(--space-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-all)}.tiptap-editor-content .ProseMirror img:hover,.tiptap-editor-content .ProseMirror .editor-image:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.tiptap-editor-content .ProseMirror img.ProseMirror-selectednode,.tiptap-editor-content .ProseMirror .editor-image.ProseMirror-selectednode{outline:var(--border-width-3) solid var(--color-brand-500);outline-offset:var(--space-xxs)}.tiptap-editor-content .ProseMirror video,.tiptap-editor-content .ProseMirror .editor-video{max-width:100%;height:auto;display:block;margin:var(--space-lg) auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.tiptap-editor-content .ProseMirror mark{background-color:var(--color-warning);padding:var(--space-xxs) var(--space-xs);border-radius:var(--space-xxs)}.tiptap-editor-content .ProseMirror table,.tiptap-editor-content .ProseMirror .editor-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:var(--space-lg) 0;overflow:hidden;border:var(--border-width-2) solid var(--color-border);border-radius:var(--radius-md)}.tiptap-editor-content .ProseMirror table td,.tiptap-editor-content .ProseMirror table th{min-width:1em;border:var(--border-width-1) solid var(--color-border);padding:var(--space-sm) var(--space-md);vertical-align:top;box-sizing:border-box;position:relative;background-color:var(--color-surface);transition:var(--transition-colors)}.tiptap-editor-content .ProseMirror table th{font-weight:var(--font-bold);text-align:left;background-color:var(--color-surface-muted);color:var(--color-heading)}.tiptap-editor-content .ProseMirror table td:hover,.tiptap-editor-content .ProseMirror table th:hover{background-color:var(--color-surface-hover)}.tiptap-editor-content .ProseMirror table .selectedCell{background-color:rgba(var(--color-brand-500-rgb),.1);border-color:var(--color-brand-500)}.tiptap-editor-content .ProseMirror table .column-resize-handle{position:absolute;right:-.125rem;top:0;bottom:-.125rem;width:var(--space-xs);background-color:var(--color-brand-500);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.tiptap-editor-content .ProseMirror table td:hover .column-resize-handle,.tiptap-editor-content .ProseMirror table th:hover .column-resize-handle{opacity:.5}.tiptap-editor-content .ProseMirror table p{margin:0}.tiptap-editor-content .ProseMirror [style*="text-align: left"]{text-align:left}.tiptap-editor-content .ProseMirror [style*="text-align: center"]{text-align:center}.tiptap-editor-content .ProseMirror [style*="text-align: right"]{text-align:right}.tiptap-editor-content .ProseMirror [style*="text-align: justify"]{text-align:justify}.tiptap-editor-content .ProseMirror p.is-editor-empty:first-child:before{content:"Start writing your amazing content here...";float:left;color:var(--color-text-tertiary);pointer-events:none;height:0;font-style:italic}.tiptap-editor-help{padding:var(--space-sm) var(--space-md);background-color:var(--color-surface-muted);border-top:var(--border-width-1) solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center}.news-editor__actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin:0;border-top:var(--border-width-1) solid var(--color-border);padding:var(--space-lg) var(--space-3xl);flex-shrink:0}.news-editor__btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);font-size:var(--text-base);box-shadow:var(--shadow-sm)}.news-editor__btn:hover{transform:translateY(-.0625rem);box-shadow:var(--shadow-md)}.news-editor__btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.news-editor__btn--cancel{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:var(--border-width-1) solid var(--color-border-dark)}.news-editor__btn--cancel:hover{background-color:var(--color-button-secondary-hover-bg);color:var(--color-button-secondary-hover-text)}.news-editor__btn--save{background:linear-gradient(to bottom,var(--color-brand-500),var(--color-brand-600));color:var(--color-button-primary-text)}.news-editor__btn--save:hover{background:linear-gradient(to bottom,var(--color-brand-600),var(--color-brand-700))}.image-size-modal{max-width:25rem;width:90%;padding:var(--space-xl)}.image-size-modal h3{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-lg);color:var(--color-heading)}.image-size-modal .form-wrapper{display:flex;flex-direction:column;gap:var(--space-md)}.image-size-modal .form-group{margin-bottom:0}.image-size-modal .form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.image-size-modal .form-group input[type=number]{width:100%;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-input-bg);color:var(--color-text-primary);font-size:var(--text-base);transition:var(--transition-colors)}.image-size-modal .form-group input[type=number]:focus{outline:none;border-color:var(--color-brand-500);box-shadow:var(--shadow-focus-ring)}.image-size-modal .checkbox-group{display:flex;align-items:center;gap:var(--space-sm)}.image-size-modal .checkbox-group label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;margin-bottom:0}.image-size-modal .checkbox-group input[type=checkbox]{width:var(--size-checkbox-sm);height:var(--size-checkbox-sm);cursor:pointer}.image-size-modal .modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:var(--border-width-1) solid var(--color-border)}.image-size-modal .btn-secondary,.image-size-modal .btn-primary{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);font-size:var(--text-base)}.image-size-modal .btn-secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:var(--border-width-1) solid var(--color-border-dark)}.image-size-modal .btn-secondary:hover{background-color:var(--color-button-secondary-hover-bg)}.image-size-modal .btn-primary{background:linear-gradient(to bottom,var(--color-brand-500),var(--color-brand-600));color:#fff}.image-size-modal .btn-primary:hover{background:linear-gradient(to bottom,var(--color-brand-600),var(--color-brand-700))}.editor-notification{position:fixed;top:var(--space-lg);right:var(--space-lg);background:linear-gradient(135deg,var(--color-brand-500),var(--color-brand-600));color:#fff;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-tooltip);font-size:var(--text-base);font-weight:var(--font-semibold);opacity:0;transform:translate(6.25rem);transition:var(--transition-slow) var(--ease-out)}.editor-notification.show{opacity:1;transform:translate(0)}.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)}.news-page{min-height:100vh;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)}.news-page__container{margin:0 auto;background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-3xl);border:1px solid var(--color-border);transition:all .3s ease-in-out}.news-page__header{text-align:center;margin-bottom:var(--space-2xl)}.news-page__title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--color-heading);margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--color-brand-500) 0%,var(--color-brand-700) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.news-page__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:var(--container-md);margin:0 auto}.news-page__search-and-filter{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);width:100%;margin-left:auto;margin-right:auto;max-width:var(--container-lg)}.news-page__filter-content-container{margin-bottom:var(--space-xl);margin-left:auto;margin-right:auto;width:100%;max-width:var(--container-lg)}.news-page__error-message{background-color:var(--color-danger-light);color:var(--color-danger-dark);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-top:var(--space-md);display:flex;align-items:center;justify-content:space-between}.news-page__error-close{background:none;border:none;color:var(--color-danger-dark);font-size:var(--text-lg);cursor:pointer;padding:0 var(--space-xs)}.news-page__admin-controls{display:flex;justify-content:flex-start;margin-top:var(--space-md);margin-bottom:var(--space-lg);max-width:var(--container-lg);margin-left:auto;margin-right:auto}.news-page__admin-bar{display:flex;justify-content:flex-end;margin-bottom:var(--space-lg);max-width:var(--container-md);margin-left:auto;margin-right:auto}@media (max-width: var(--breakpoint-md)){.news-page__search-and-filter{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.news-page__title{font-size:var(--text-4xl)}.news-page__container{padding:var(--space-xl)}}.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)}.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)}.emergency-services{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)}.emergency-services__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 var(--transition-slower) var(--ease-in-out),margin-bottom var(--transition-slower) var(--ease-in-out),box-shadow var(--transition-slower) var(--ease-in-out)}.emergency-services.has-selection .emergency-services__hero{margin-bottom:var(--space-lg);padding:var(--space-lg) var(--space-2xl);box-shadow:var(--shadow-xl)}.emergency-services__hero-content{display:flex;flex-direction:column;align-items:center;text-align:center}.emergency-services__hero-content h1{font-size:clamp(var(--text-3xl),3vw,var(--text-5xl));margin:0 0 var(--space-md)}.emergency-services.has-selection .emergency-services__hero-content h1{margin-bottom:var(--space-sm)}.emergency-services__hero-content p{margin:0;color:var(--color-text-secondary);text-align:center}.emergency-services.has-selection .emergency-services__hero-content p{display:none}.emergency-services__department-switcher{display:none;max-width:var(--container-xl);margin:0 auto var(--space-lg);gap:var(--space-md);flex-wrap:wrap;justify-content:center}.emergency-services.has-selection .emergency-services__department-switcher{display:flex}.emergency-services__department-button{border-radius:var(--radius-full);border:var(--border-width-1) 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)}.emergency-services__department-button .emergency-services__icon{font-size:var(--text-lg)}.emergency-services__department-button:hover{border-color:var(--color-brand-500)}.emergency-services__department-button--active{background:var(--color-brand-500);color:var(--color-text-inverse);border-color:var(--color-brand-500)}.emergency-services__department-button[data-accent=blue]:hover,.emergency-services__department-button--active[data-accent=blue]{border-color:var(--color-info);background:var(--color-info)}.emergency-services__department-button[data-accent=red]:hover,.emergency-services__department-button--active[data-accent=red]{border-color:var(--color-error);background:var(--color-error)}.emergency-services__department-button[data-accent=orange]:hover,.emergency-services__department-button--active[data-accent=orange]{border-color:var(--color-warning);background:var(--color-warning)}.emergency-services__department-button[data-accent=gold]:hover,.emergency-services__department-button--active[data-accent=gold]{border-color:#d4a84b;background:#d4a84b}.emergency-services__department-button[data-accent=tan]:hover,.emergency-services__department-button--active[data-accent=tan]{border-color:#c4a35a;background:#c4a35a}.emergency-services__department-button[data-accent=navy]:hover,.emergency-services__department-button--active[data-accent=navy]{border-color:#1e3a5f;background:#1e3a5f}.emergency-services__departments{max-width:var(--container-xl);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.emergency-services__bar{--bar-accent: var(--color-brand-500);display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);cursor:pointer;transition:var(--transition-transform),border-color var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out);outline:none;position:relative;overflow:hidden}.emergency-services__bar:hover,.emergency-services__bar:focus-visible{transform:translate(var(--space-xs));border-color:var(--bar-accent);box-shadow:var(--shadow-lg)}.emergency-services__bar-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--bar-accent);border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.emergency-services__bar-icon{font-size:var(--text-3xl);flex-shrink:0}.emergency-services__bar-content{flex:1;min-width:0}.emergency-services__bar-content h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.emergency-services__bar-content p{margin:var(--space-xxs) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emergency-services__bar-arrow{font-size:var(--text-xl);color:var(--color-text-muted);transition:transform var(--transition-base) var(--ease-out),color var(--transition-base)}.emergency-services__bar:hover .emergency-services__bar-arrow,.emergency-services__bar:focus-visible .emergency-services__bar-arrow{transform:translate(var(--space-xs));color:var(--bar-accent)}.emergency-services__bar[data-accent=gold]{--bar-accent: #d4a84b}.emergency-services__bar[data-accent=blue]{--bar-accent: var(--color-info)}.emergency-services__bar[data-accent=tan]{--bar-accent: #c4a35a}.emergency-services__bar[data-accent=navy]{--bar-accent: #1e3a5f}.emergency-services__bar[data-accent=red]{--bar-accent: var(--color-error)}.emergency-services__bar[data-accent=orange]{--bar-accent: var(--color-warning)}.emergency-services__panel{margin:var(--space-lg) auto 0;background:var(--color-surface);border-radius:var(--radius-2xl);border:var(--border-width-1) solid var(--color-border);box-shadow:var(--shadow-elevated);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.emergency-services__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)}.emergency-services__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)}.emergency-services__button--ghost:hover{background:rgba(var(--color-brand-500-rgb),.1)}@media(max-width:768px){.emergency-services{padding:var(--space-xl) var(--space-md) var(--space-3xl)}.emergency-services__hero{padding:var(--space-xl)}.emergency-services__bar{padding:var(--space-md) var(--space-lg)}.emergency-services__bar-content p{white-space:normal}}.department{display:flex;flex-direction:column;gap:var(--space-lg)}.department__header{display:flex;align-items:center;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:var(--border-width-2) solid var(--color-border)}.department__icon{font-size:var(--text-4xl)}.department__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-heading);margin:0}.department__tabs{display:flex;gap:var(--space-sm);flex-wrap:wrap;border-bottom:var(--border-width-1) solid var(--color-border);padding-bottom:var(--space-sm)}.department__tab{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);position:relative}.department__tab:hover{background:var(--color-surface);color:var(--color-text-primary)}.department__tab--active{background:var(--color-surface);color:var(--color-text-primary);border-bottom-color:var(--color-surface);font-weight:var(--font-semibold)}.department__tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-brand-500)}.department__tab-icon{font-size:var(--text-lg)}.department__content{min-height:400px}.department__controls{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg)}.department__search-input{flex:1;min-width:200px;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)}.department__search-input:focus{border-color:var(--color-brand-500);outline:none;box-shadow:var(--shadow-focus-ring)}.department__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)}.department__filter-select:focus{border-color:var(--color-brand-500);outline:none;box-shadow:var(--shadow-focus-ring)}.department__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);text-align:center;color:var(--color-text-tertiary);border:var(--border-width-2) dashed var(--color-border-light);border-radius:var(--radius-lg)}.department__empty-icon{font-size:var(--text-5xl);margin-bottom:var(--space-md);opacity:.5}.department__empty p{margin:0;font-size:var(--text-lg)}.department__sops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.department__sop-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}.department__sop-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.department__sop-header{margin-bottom:var(--space-md)}.department__sop-category{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;background-color:var(--color-surface-muted);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.department__sop-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-heading);margin:0}.department__sop-content{flex:1;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.department__sop-footer{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:var(--border-width-1) dashed var(--color-border-light)}.department__sop-updated{font-size:var(--text-xs);color:var(--color-text-tertiary)}.department__roster-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border)}.department__roster-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.department__roster-table thead{background-color:var(--color-surface-muted)}.department__roster-table th{padding:var(--space-md);text-align:left;font-weight:var(--font-semibold);color:var(--color-heading);border-bottom:var(--border-width-2) solid var(--color-border)}.department__roster-table td{padding:var(--space-md);border-bottom:var(--border-width-1) solid var(--color-border-light);color:var(--color-text-primary)}.department__roster-table tbody tr:hover{background-color:var(--color-surface-elevated)}.department__badge-cell{font-family:var(--font-mono);font-weight:var(--font-semibold)}.department__status{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)}.department__status--active{background-color:var(--color-success-light);color:var(--color-success-dark)}.department__status--inactive{background-color:var(--color-error-light);color:var(--color-error-dark)}.department__status--loa{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.department__mdt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.department__mdt-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}.department__mdt-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.department__mdt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.department__mdt-type{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;color:var(--color-text-secondary)}.department__mdt-status{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}.department__mdt-status--active{background-color:var(--color-success-light);color:var(--color-success-dark)}.department__mdt-status--closed{background-color:var(--color-surface-muted);color:var(--color-text-tertiary)}.department__mdt-status--pending{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.department__mdt-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-heading);margin:0 0 var(--space-sm)}.department__mdt-description{flex:1;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.department__mdt-footer{display:flex;justify-content:space-between;margin-top:var(--space-md);padding-top:var(--space-sm);border-top:var(--border-width-1) dashed var(--color-border-light);font-size:var(--text-xs);color:var(--color-text-tertiary)}.department[data-accent=blue] .department__tab--active:after{background:var(--color-accent-police, #3b82f6)}.department[data-accent=blue] .department__sop-category,.department[data-accent=blue] .department__mdt-type{background-color:#3b82f61a;color:var(--color-accent-police, #3b82f6)}.department[data-accent=red] .department__tab--active:after{background:var(--color-accent-ems, #ef4444)}.department[data-accent=red] .department__sop-category,.department[data-accent=red] .department__mdt-type{background-color:#ef44441a;color:var(--color-accent-ems, #ef4444)}.department[data-accent=orange] .department__tab--active:after{background:var(--color-accent-fire, #f97316)}.department[data-accent=orange] .department__sop-category,.department[data-accent=orange] .department__mdt-type{background-color:#f973161a;color:var(--color-accent-fire, #f97316)}@media(max-width:768px){.department__header{flex-direction:column;text-align:center}.department__tabs{justify-content:center}.department__tab{flex:1;justify-content:center;min-width:100px}.department__controls{flex-direction:column}.department__search-input{width:100%}.department__sops-grid,.department__mdt-grid{grid-template-columns:1fr}.department__roster-table{font-size:var(--text-xs)}.department__roster-table th,.department__roster-table td{padding:var(--space-sm)}}.penal-codes{padding:var(--space-md);max-width:100%;overflow-x:hidden}.penal-codes__loading{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.penal-codes__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}.penal-codes__header-content{display:flex;align-items:center;gap:var(--space-md)}.penal-codes__icon{font-size:var(--text-4xl)}.penal-codes__header h2{margin:0;font-size:var(--text-2xl)}.penal-codes__subtitle{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.penal-codes__import-button{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,#d4a84b,#b8923f);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-semibold);transition:var(--transition-all);display:flex;align-items:center;gap:var(--space-xs)}.penal-codes__import-button:hover{background:linear-gradient(135deg,#c99f45,#a78439);transform:translateY(-1px)}.penal-codes__header-actions{display:flex;gap:var(--space-sm)}.penal-codes__add-button{padding:var(--space-sm) var(--space-lg);background:var(--color-brand-500);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-semibold);transition:var(--transition-all)}.penal-codes__add-button:hover{background:var(--color-brand-600);transform:translateY(-1px)}.penal-codes__filters{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.penal-codes__search{width:100%;max-width:400px;padding:var(--space-sm) var(--space-md);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base)}.penal-codes__search:focus{outline:none;border-color:#d4a84b}.penal-codes__category-pills{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.penal-codes__category-pill{padding:var(--space-xs) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-all)}.penal-codes__category-pill:hover,.penal-codes__category-pill.active{border-color:var(--color-accent-gold);color:var(--color-text-primary)}.penal-codes__category-pill.active{background:rgba(var(--color-accent-gold-rgb),.2)}.penal-codes__category-pill--traffic{border-left:var(--border-width-3) solid var(--color-penal-traffic)}.penal-codes__category-pill--petty-misd{border-left:var(--border-width-3) solid var(--color-penal-petty-misd)}.penal-codes__category-pill--misdemeanor{border-left:var(--border-width-3) solid var(--color-penal-misdemeanor)}.penal-codes__category-pill--felony{border-left:var(--border-width-3) solid var(--color-penal-felony)}.penal-codes__category-pill--felony-narcotics{border-left:var(--border-width-3) solid var(--color-penal-felony-narcotics)}.penal-codes__category-pill--wildlife{border-left:var(--border-width-3) solid var(--color-penal-wildlife)}.penal-codes__table-container{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 30rem);border-radius:var(--radius-lg);border:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.penal-codes__table-container::-webkit-scrollbar{width:.5rem;height:.5rem}.penal-codes__table-container::-webkit-scrollbar-track{background:transparent}.penal-codes__table-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.penal-codes__table-container::-webkit-scrollbar-corner{background:transparent}.penal-codes__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.penal-codes__table thead{background:var(--color-surface);position:sticky;top:0;z-index:10}.penal-codes__table th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:var(--font-semibold);color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap}.penal-codes__table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);vertical-align:top}.col-code{width:5.625rem}.col-charge{min-width:12.5rem}.col-fine{width:6.25rem;text-align:right}.col-warning,.col-arrest,.col-jail{width:5rem;text-align:center}.col-points{width:4.375rem;text-align:center}.col-license{width:5.5rem;text-align:center}.col-additional{min-width:7.5rem}.penal-codes__row{cursor:pointer;transition:var(--transition-colors)}.penal-codes__row:hover{background:rgba(var(--color-text-inverse-rgb),.05)}.penal-codes__row--traffic{border-left:var(--border-width-3) solid var(--color-penal-traffic)}.penal-codes__row--petty-misd{border-left:var(--border-width-3) solid var(--color-penal-petty-misd)}.penal-codes__row--misdemeanor{border-left:var(--border-width-3) solid var(--color-penal-misdemeanor)}.penal-codes__row--felony{border-left:var(--border-width-3) solid var(--color-penal-felony)}.penal-codes__row--felony-narcotics{border-left:var(--border-width-3) solid var(--color-penal-felony-narcotics)}.penal-codes__row--wildlife{border-left:var(--border-width-3) solid var(--color-penal-wildlife)}.penal-codes__row--aircraft{border-left:var(--border-width-3) solid var(--color-penal-aircraft)}.penal-codes__row--felony-variant{background:rgba(var(--color-penal-felony-rgb),.1)}.penal-codes__row--felony-variant:hover{background:rgba(var(--color-penal-felony-rgb),.15)}.code-badge{display:inline-block;padding:2px 8px;background:var(--color-surface-muted);border-radius:var(--radius-sm);font-family:monospace;font-weight:var(--font-semibold)}.check-yes{color:#4ade80;font-weight:700}.check-no{color:var(--color-text-muted)}.license-badge{display:inline-block;padding:2px 6px;background:#d4a84b33;border-radius:var(--radius-sm);font-size:var(--text-xs);margin-right:var(--space-xs)}.license-action{display:inline-block;padding:4px 8px;font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;font-weight:var(--font-medium);border-radius:var(--radius-sm)}.license-action--active{background:#d4a84b33;color:#d4a84b}.penal-codes__definition-row{background:var(--color-surface-muted)}.penal-codes__definition{padding:var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.penal-codes__definition strong{color:var(--color-text-primary)}.penal-codes__empty{text-align:center;padding:var(--space-3xl);color:var(--color-text-secondary)}.penal-codes__empty p{margin-bottom:var(--space-lg)}.penal-codes__modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.penal-codes__modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:500px;width:90%;border:1px solid var(--color-border)}.penal-codes__modal h3{margin:0 0 var(--space-lg);font-size:var(--text-xl)}.penal-codes__modal-content{margin-bottom:var(--space-lg)}.penal-codes__modal-content p{color:var(--color-text-secondary);line-height:1.6}.penal-codes__import-status{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.penal-codes__import-status--info{background:#3b82f633;border:1px solid rgba(59,130,246,.5);color:#93c5fd}.penal-codes__import-status--warning{background:#f59e0b33;border:1px solid rgba(245,158,11,.5);color:#fcd34d}.penal-codes__import-status--error{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5}.penal-codes__import-status--success{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#86efac}.penal-codes__existing-count{margin-top:var(--space-sm);font-size:var(--text-sm)}.penal-codes__confirm-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary)}.penal-codes__confirm-checkbox input{width:18px;height:18px;cursor:pointer}.penal-codes__modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.penal-codes__modal-cancel{padding:var(--space-sm) var(--space-lg);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors)}.penal-codes__modal-cancel:hover{border-color:var(--color-text-secondary)}.penal-codes__modal-cancel:disabled{opacity:.5;cursor:not-allowed}.penal-codes__modal-confirm{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,#d4a84b,#b8923f);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-semibold);transition:var(--transition-all)}.penal-codes__modal-confirm:hover:not(:disabled){background:linear-gradient(135deg,#c99f45,#a78439)}.penal-codes__modal-confirm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.penal-codes__header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.penal-codes__table{font-size:var(--text-xs)}.col-license,.col-additional,.col-edit{display:none}}.penal-codes__modal--large{max-width:43.75rem}.col-edit{width:5rem;text-align:center}.btn-edit,.btn-delete{padding:var(--space-xxs) var(--space-sm);border:none;background:transparent;cursor:pointer;font-size:var(--text-base);opacity:.7;transition:var(--transition-all)}.btn-edit:hover{opacity:1;transform:scale(1.2)}.btn-delete:hover{opacity:1;transform:scale(1.2);color:var(--color-error)}.penal-codes__edit-form{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.penal-codes__edit-form label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-secondary)}.penal-codes__edit-form input,.penal-codes__edit-form select,.penal-codes__edit-form textarea{padding:var(--space-sm) var(--space-md);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base)}.penal-codes__edit-form input:focus,.penal-codes__edit-form select:focus,.penal-codes__edit-form textarea:focus{outline:none;border-color:#d4a84b}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.form-row--checkboxes{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.checkbox-label{flex-direction:row!important;align-items:center;gap:var(--space-sm)!important;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px}.penal-codes__import-files{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.import-file-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--color-surface-muted);border-radius:var(--radius-sm)}.import-file-row span:first-child{flex:1;font-size:var(--text-sm)}.import-file-row input[type=file]{font-size:var(--text-xs)}.file-loaded{color:#4ade80;font-weight:700}.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:var(--space-sm) var(--space-lg);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:var(--color-on-accent);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(--space-xxs)}.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:var(--space-md)}.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:var(--space-sm) var(--space-lg);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:var(--font-semibold);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)}}.role-management{padding:var(--space-md)}.role-management__loading,.role-management__error{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.role-management__error button{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-brand-500);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer}.role-management__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.role-management__header h2{margin:0 0 var(--space-xs)}.role-management__header p{margin:0;color:var(--color-text-secondary)}.role-management__form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.role-management__form h3{margin:0 0 var(--space-md);font-size:var(--text-lg)}.role-management__form-row{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:flex-end}.role-management__field{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:150px}.role-management__field--wide{flex:2;min-width:200px}.role-management__field label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.role-management__field input,.role-management__field select{padding:var(--space-sm) var(--space-md);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base)}.role-management__field input:focus,.role-management__field select:focus{outline:none;border-color:var(--color-brand-500)}.role-management__add-btn{padding:var(--space-sm) var(--space-xl);background:var(--color-brand-500);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-semibold);white-space:nowrap;transition:var(--transition-colors)}.role-management__add-btn:hover:not(:disabled){background:var(--color-brand-600)}.role-management__add-btn:disabled{opacity:.5;cursor:not-allowed}.role-management__mappings{margin-bottom:var(--space-xl)}.role-management__mappings h3{margin:0 0 var(--space-md);font-size:var(--text-lg)}.role-management__empty{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary);background:var(--color-surface-muted);border-radius:var(--radius-lg)}.role-management__groups{display:flex;flex-direction:column;gap:var(--space-lg)}.role-management__group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.role-management__group-title{display:flex;justify-content:space-between;align-items:center;margin:0;padding:var(--space-md) var(--space-lg);background:var(--color-surface-muted);font-size:var(--text-base);text-transform:capitalize;border-bottom:1px solid var(--color-border)}.role-management__count{background:var(--color-brand-500);color:var(--color-text-inverse);font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--font-semibold)}.role-management__list{display:flex;flex-direction:column}.role-management__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.role-management__item:last-child{border-bottom:none}.role-management__item-info{display:flex;align-items:center;gap:var(--space-md)}.role-management__item-info code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.role-management__description{color:var(--color-text-secondary);font-size:var(--text-sm)}.role-management__delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-lg);transition:var(--transition-colors)}.role-management__delete-btn:hover{background:var(--color-error);border-color:var(--color-error);color:var(--color-text-inverse)}.role-management__info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.role-management__info h3{margin:0 0 var(--space-md);font-size:var(--text-base)}.role-management__info ul{margin:0 0 var(--space-md);padding-left:var(--space-xl)}.role-management__info li{margin-bottom:var(--space-xs);font-size:var(--text-sm)}.role-management__note{margin:0;padding:var(--space-md);background:rgba(var(--color-warning-rgb),.1);border-radius:var(--radius-md);font-size:var(--text-sm)}@media(max-width:768px){.role-management__form-row{flex-direction:column}.role-management__field,.role-management__field--wide{width:100%}.role-management__item{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.role-management__delete-btn{align-self:flex-end}}.owner-console{max-width:var(--container-3xl);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:64px;height:64px;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}}.radio-page{padding:var(--space-xl) var(--space-4xl);max-width:1400px;margin:0 auto;color:var(--color-text-primary)}.radio-page__header{margin-bottom:var(--space-xl)}.radio-page__title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-sm);color:var(--color-brand-400)}.radio-page__subtitle{color:var(--color-text-secondary);font-size:var(--text-lg)}.radio-page__controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.radio-page__input,.radio-page__select{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-base)}.radio-page__input{flex-grow:1;min-width:200px}.radio-page__filter{min-width:180px}.radio-page__select{width:100%}.radio-page__select:disabled{opacity:.5;cursor:not-allowed}.radio-table{width:100%;border-collapse:collapse;background:#0003;border-radius:var(--radius-md);overflow:hidden}.radio-table th,.radio-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--color-border-soft)}.radio-table th{background:#ffffff0d;font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.radio-table th:hover{color:var(--color-text-primary)}.radio-table tr:hover{background:#ffffff05}.radio-table tr.active{background:rgba(var(--color-brand-500-rgb),.1)}.radio-table__play{width:50px;text-align:center}.play-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-primary);font-size:.8rem;transition:all .2s}.play-btn:hover{background:var(--color-brand-500);color:#fff;border-color:var(--color-brand-500);transform:scale(1.1)}.play-btn.playing{color:var(--color-brand-400);border-color:var(--color-brand-400)}.play-btn.playing:hover{background:var(--color-brand-400);color:#000}.genre-badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full);background:#ffffff1a;font-size:var(--text-xs);color:var(--color-text-secondary)}.radio-page__empty{padding:var(--space-2xl);text-align:center;color:var(--color-text-muted);font-style:italic}@media(max-width:768px){.radio-table__genre,.radio-table__subgenre,.radio-table__duration,.radio-table__plays{display:none}}.radio-table__vote{width:80px;text-align:center}.radio-table__vote-head{text-align:center!important}.radio-table__plays{width:70px}.vote-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-full);transition:background .2s;color:var(--color-text-secondary)}.vote-btn:hover{background:#ffffff0d;color:var(--color-text-primary)}.vote-btn.voted{color:var(--color-accent-crimson)}.vote-btn.voted .vote-count{color:var(--color-text-primary)}.vote-count{font-size:var(--text-sm);font-weight:var(--font-medium)}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background);padding-bottom:100px}.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;margin:0 auto;background-color:var(--color-background);min-height:100vh}.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%}.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)}}