:root{--color-brand-blue: #185AC6;--color-brand-yellow: #FFC400;--color-primary: #185AC6;--color-primary-light: #4A8FE7;--color-primary-dark: #0D3D8A;--color-primary-subtle: #E8F2FF;--color-primary-hover: #1250AB;--color-secondary: #64748B;--color-secondary-light: #94A3B8;--color-secondary-dark: #334155;--color-accent-yellow: #FFC400;--color-accent-gold: #FFB800;--color-accent-teal: #14B8A6;--color-accent-sky: #0EA5E9;--color-accent-green: #10B981;--color-accent-cyan: #06B6D4;--color-accent-orange: #F97316;--color-accent-red: #EF4444;--color-success: #10B981;--color-success-bg: #ECFDF5;--color-warning: #FFC400;--color-warning-bg: #FFF9E6;--color-error: #EF4444;--color-error-bg: #FEF2F2;--color-danger-bg: rgba(239, 68, 68, .1);--color-info: #185AC6;--color-info-bg: #E8F2FF;--color-white: #FFFFFF;--color-black: #0F172A;--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CBD5E1;--color-gray-400: #94A3B8;--color-gray-500: #64748B;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1E293B;--color-gray-900: #0F172A;--surface-glass-border: rgba(255, 255, 255, .5);--surface-primary-hover: var(--color-primary-subtle);--surface-primary-active: var(--color-primary-subtle);--color-hero-overlay: linear-gradient(135deg, rgba(24, 90, 198, .85) 0%, rgba(13, 61, 138, .9) 100%);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-50);--color-bg-tertiary: var(--color-gray-100);--color-bg-dark: var(--color-gray-900);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-400);--color-text-inverse: var(--color-white);--color-text-disabled: var(--color-gray-300);--color-text-muted: var(--color-gray-500);--surface-card: var(--color-white);--surface-muted: var(--color-gray-50);--color-border-primary: var(--color-gray-200);--color-border-secondary: var(--color-gray-100);--color-border-focus: var(--color-primary-light);--color-border-error: var(--color-error);--color-border-muted: var(--color-gray-200);--spacing-unit: .25rem;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--border-width-thin: 1px;--border-width-base: 2px;--border-width-thick: 3px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-card: var(--shadow-md);--shadow-primary: 0 4px 14px 0 rgba(24, 90, 198, .3);--shadow-primary-lg: 0 10px 25px -3px rgba(24, 90, 198, .4);--shadow-success: 0 4px 14px 0 rgba(16, 185, 129, .3);--shadow-error: 0 4px 14px 0 rgba(239, 68, 68, .3);--font-family-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-family-base: var(--font-family-sans);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-all: all .2s cubic-bezier(.4, 0, .2, 1);--transition-colors: color .2s cubic-bezier(.4, 0, .2, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), border-color .2s cubic-bezier(.4, 0, .2, 1);--outline-width-base: 2px;--outline-offset-base: 2px;--focus-ring-color: var(--color-primary-light);--z-index-base: 0;--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50;--z-index-auto: auto;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-skip-link: 9999;--container-width-sm: 640px;--container-width-md: 768px;--container-width-lg: 1024px;--container-width-xl: 1280px;--container-width-2xl: 1536px;--container-max-width: 1280px;--width-container-xl: 1280px;--header-height: 4rem;--sidebar-width: 16rem;--sidebar-width-collapsed: 4rem;--avatar-size-xs: 24px;--avatar-size-sm: 32px;--avatar-size-md: 40px;--avatar-size-lg: 48px;--avatar-size-xl: 64px}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}}@layer base{:root{--scrollbar-width: 8px;--scrollbar-radius: 4px}html{font-family:var(--font-family-base);font-size:16px;line-height:var(--line-height-normal);scroll-behavior:smooth}body{min-height:100vh;min-width:320px;color:var(--color-text-primary);background-color:var(--color-bg-secondary);font-family:var(--font-family-base);line-height:var(--line-height-normal)}main{display:block}img,picture,video,canvas,svg{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button{cursor:pointer}fieldset{border:0;padding:0;margin:0}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary);line-height:var(--line-height-normal)}a{font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-dark);text-decoration:underline}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--scrollbar-radius)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}}@layer accessibility{:focus-visible{outline:var(--outline-width-base) solid var(--focus-ring-color);outline-offset:var(--outline-offset-base)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--outline-width-base) solid var(--focus-ring-color);outline-offset:var(--outline-offset-base)}@supports not selector(:focus-visible){:focus{outline:var(--outline-width-base) solid var(--focus-ring-color);outline-offset:var(--outline-offset-base)}}.skip-link{position:absolute;top:var(--spacing-2);left:var(--spacing-2);background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);transform:translateY(-200%);transition:transform var(--transition-fast);z-index:var(--z-index-skip-link)}.skip-link:focus{transform:translateY(0);outline:var(--outline-width-base) solid var(--color-border-focus);outline-offset:var(--outline-offset-base)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--page-padding-inline: clamp(var(--spacing-4), 3vw, var(--spacing-10));--page-padding-block: clamp(var(--spacing-5), 4vh, var(--spacing-12));--page-section-gap: clamp(var(--spacing-5), 3vw, var(--spacing-12));--page-card-padding: clamp(var(--spacing-4), 2vw, var(--spacing-8));--page-card-radius: var(--radius-xl);--page-grid-gap: clamp(var(--spacing-4), 2vw, var(--spacing-8))}.page-shell{width:100%;max-width:calc(var(--container-max-width) + (var(--page-padding-inline) * 2));margin:0 auto;padding:var(--page-padding-block) var(--page-padding-inline);display:flex;flex-direction:column;gap:var(--page-section-gap);flex:1 0 auto}.page-shell--narrow{max-width:720px}.page-shell--full{max-width:none}.page-shell--flush{padding:0}.section-stack{display:flex;flex-direction:column;gap:var(--page-section-gap)}.section-stack--tight{gap:var(--spacing-4)}.section-card{background-color:var(--color-bg-primary);border-radius:var(--page-card-radius);padding:var(--page-card-padding);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-md)}.section-card--muted{background-color:var(--color-bg-secondary);border-color:transparent}.section-card--flat{box-shadow:none}.page-heading{display:flex;flex-direction:column;gap:var(--spacing-2)}.page-heading__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.page-heading__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.page-heading--split{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3)}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--page-grid-gap)}.responsive-grid--compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4)}.responsive-grid--wide{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media(max-width:1024px){.page-shell{padding:var(--spacing-6);gap:var(--spacing-5)}}@media(max-width:768px){.page-shell{padding:var(--spacing-5) var(--spacing-4);gap:var(--spacing-4)}.page-heading__title{font-size:var(--font-size-2xl)}.page-heading--split{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.page-shell{padding:var(--spacing-4) var(--spacing-3)}.page-heading__title{font-size:var(--font-size-xl)}}@layer utilities{.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-5{margin-left:var(--spacing-5)}.ml-6{margin-left:var(--spacing-6)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-5{margin-right:var(--spacing-5)}.mr-6{margin-right:var(--spacing-6)}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-5{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.my-5{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}.my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-5{padding-bottom:var(--spacing-5)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-5{padding-left:var(--spacing-5)}.pl-6{padding-left:var(--spacing-6)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.pr-5{padding-right:var(--spacing-5)}.pr-6{padding-right:var(--spacing-6)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.gap-0{gap:0}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-x-0{column-gap:0}.gap-x-1{column-gap:var(--spacing-1)}.gap-x-2{column-gap:var(--spacing-2)}.gap-x-3{column-gap:var(--spacing-3)}.gap-x-4{column-gap:var(--spacing-4)}.gap-x-5{column-gap:var(--spacing-5)}.gap-x-6{column-gap:var(--spacing-6)}.gap-y-0{row-gap:0}.gap-y-1{row-gap:var(--spacing-1)}.gap-y-2{row-gap:var(--spacing-2)}.gap-y-3{row-gap:var(--spacing-3)}.gap-y-4{row-gap:var(--spacing-4)}.gap-y-5{row-gap:var(--spacing-5)}.gap-y-6{row-gap:var(--spacing-6)}}.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-muted{color:var(--color-text-muted)}.u-text-inverse{color:var(--color-text-inverse)}.u-bg-primary{background-color:var(--color-bg-primary)}.u-bg-secondary{background-color:var(--color-bg-secondary)}.u-bg-tertiary{background-color:var(--color-bg-tertiary)}.u-bg-accent{background-color:var(--color-primary-subtle)}.u-text-xs{font-size:var(--font-size-xs)}.u-text-sm{font-size:var(--font-size-sm)}.u-text-base{font-size:var(--font-size-base)}.u-text-lg{font-size:var(--font-size-lg)}.u-text-xl{font-size:var(--font-size-xl)}.u-text-center{text-align:center}.u-text-left{text-align:left}.u-text-right{text-align:right}.u-font-bold{font-weight:var(--font-weight-bold)}.u-font-medium{font-weight:var(--font-weight-medium)}.u-block{display:block}.u-inline-block{display:inline-block}.u-hidden{display:none}.u-rounded-xs{border-radius:var(--radius-xs)}.u-rounded-sm{border-radius:var(--radius-sm)}.u-rounded-md{border-radius:var(--radius-md)}.u-rounded-lg{border-radius:var(--radius-lg)}.u-rounded-xl{border-radius:var(--radius-xl)}.u-rounded-full{border-radius:var(--radius-full)}.u-card{background-color:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-4);box-shadow:var(--shadow-sm)}.u-card-hover{transition:var(--transition-all)}.u-card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.u-flex{display:flex}.u-flex-col{flex-direction:column}.u-flex-row{flex-direction:row}.u-flex-wrap{flex-wrap:wrap}.u-flex-center{display:flex;align-items:center;justify-content:center}.u-flex-between{display:flex;align-items:center;justify-content:space-between}.u-items-center{align-items:center}.u-items-start{align-items:flex-start}.u-items-end{align-items:flex-end}.u-justify-center{justify-content:center}.u-justify-between{justify-content:space-between}.u-justify-start{justify-content:flex-start}.u-justify-end{justify-content:flex-end}.u-grid{display:grid}.u-grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.u-grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media(max-width:768px){.u-mobile-hidden{display:none}.u-mobile-full-width{width:100%}.u-mobile-stack{flex-direction:column}}@media(max-width:480px){.u-mobile-xs-hidden{display:none}}@layer components{.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-card{background-color:var(--surface-card);border-radius:var(--radius-xl);border:var(--border-width-thin) solid var(--color-border-primary);box-shadow:var(--shadow-card);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4);transition:var(--transition-all)}.ui-card--interactive:hover{transform:translateY(calc(-1 * var(--spacing-1)));box-shadow:var(--shadow-lg)}.ui-card--muted{background-color:var(--surface-muted)}.ui-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3)}.ui-stack{display:flex;flex-direction:column;gap:var(--spacing-3)}.ui-stack--dense{gap:var(--spacing-2)}.ui-chip{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);background-color:var(--color-primary-subtle);color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ui-chip--muted{background-color:var(--color-border-muted);color:var(--color-text-secondary)}.ui-pill{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.ui-empty-state{padding:var(--spacing-10) var(--spacing-5);text-align:center;border-radius:var(--radius-xl);border:var(--border-width-thin) dashed var(--color-border-secondary);color:var(--color-text-secondary);background-color:var(--surface-muted)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-4)}@media(max-width:768px){.container{padding:0 var(--spacing-3)}}.app-shell{min-height:100vh;background-color:var(--color-bg-secondary);display:flex;flex-direction:column}.app-shell__main{flex:1 0 auto;display:flex;flex-direction:column;min-height:100vh}.admin-page{padding:var(--spacing-6);max-width:var(--width-container-xl);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-5);width:100%;min-height:100%}.admin-page__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.admin-page__header-info{display:flex;flex-direction:column;gap:var(--spacing-2);max-width:720px}.admin-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.admin-page__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.admin-page__actions{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.admin-page__tabs{margin-bottom:var(--spacing-5)}.admin-tab-content{display:flex;flex-direction:column;gap:var(--spacing-5)}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-pagination{margin-top:var(--spacing-5);display:flex;justify-content:center}.admin-stack{display:flex;flex-direction:column;gap:var(--spacing-1)}.admin-stack__title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.admin-stack__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.admin-chip-list{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.admin-chip-item{font-family:var(--font-family-mono)}.admin-text-muted{color:var(--color-text-muted)}.admin-section-header{display:flex;flex-direction:column;gap:var(--spacing-1)}.admin-section-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.admin-section-header__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.admin-section-intro,.admin-section-copy{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.admin-section-copy{margin-bottom:var(--spacing-4)}.admin-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;margin-bottom:var(--spacing-4)}.admin-checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.admin-modal-header{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.admin-modal-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.admin-modal-header__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.admin-divider{margin:var(--spacing-4) 0}.admin-permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.admin-permission-checkbox{padding:var(--spacing-3);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-md);transition:var(--transition-base)}.admin-permission-checkbox:hover{border-color:var(--color-primary);background-color:var(--color-primary-subtle)}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-4)}.admin-form-grid--full{grid-template-columns:1fr}.admin-form-grid :is(.va-textarea,.va-select,.va-input){width:100%}@media(max-width:1024px){.admin-page{padding:var(--spacing-5);gap:var(--spacing-4)}}@media(max-width:768px){.admin-page{padding:var(--spacing-4)}.admin-page__title{font-size:var(--font-size-xl)}.admin-permissions-grid{grid-template-columns:1fr}}@media(max-width:480px){.admin-page{padding:var(--spacing-3)}.admin-page__header{gap:var(--spacing-3)}}}