:root{--color-primary-50: hsl(15, 85%, 96%);--color-primary-100: hsl(15, 82%, 90%);--color-primary-200: hsl(15, 80%, 80%);--color-primary-300: hsl(15, 78%, 70%);--color-primary-400: hsl(15, 82%, 62%);--color-primary-500: hsl(15, 85%, 55%);--color-primary-600: hsl(15, 80%, 47%);--color-primary-700: hsl(15, 75%, 39%);--color-primary-800: hsl(15, 68%, 31%);--color-primary-900: hsl(15, 62%, 23%);--color-accent-50: hsl(20, 90%, 96%);--color-accent-100: hsl(20, 85%, 90%);--color-accent-200: hsl(18, 80%, 80%);--color-accent-300: hsl(16, 76%, 68%);--color-accent-400: hsl(14, 78%, 58%);--color-accent-500: hsl(12, 76%, 50%);--color-accent-600: hsl(10, 72%, 43%);--color-accent-700: hsl(8, 68%, 36%);--color-accent-800: hsl(6, 60%, 28%);--color-accent-900: hsl(4, 55%, 20%);--color-neutral-0: hsl(40, 20%, 99%);--color-neutral-50: hsl(40, 16%, 97%);--color-neutral-100: hsl(40, 14%, 94%);--color-neutral-150: hsl(38, 12%, 90%);--color-neutral-200: hsl(36, 10%, 85%);--color-neutral-300: hsl(34, 8%, 73%);--color-neutral-400: hsl(32, 6%, 56%);--color-neutral-500: hsl(30, 5%, 44%);--color-neutral-600: hsl(28, 6%, 34%);--color-neutral-700: hsl(26, 8%, 24%);--color-neutral-800: hsl(24, 10%, 16%);--color-neutral-900: hsl(22, 12%, 10%);--color-neutral-950: hsl(20, 14%, 6%);--color-success-light: hsl(152, 56%, 92%);--color-success: hsl(152, 56%, 40%);--color-success-dark: hsl(152, 52%, 28%);--color-warning-light: hsl(38, 92%, 92%);--color-warning: hsl(38, 92%, 50%);--color-warning-dark: hsl(30, 80%, 32%);--color-error-light: hsl(0, 72%, 94%);--color-error: hsl(0, 72%, 51%);--color-error-dark: hsl(0, 65%, 34%);--color-info-light: hsl(210, 68%, 93%);--color-info: hsl(210, 68%, 50%);--color-info-dark: hsl(210, 62%, 32%);--surface-ground: var(--color-neutral-50);--surface-background: var(--color-neutral-0);--surface-card: var(--glass-bg);--surface-elevated: var(--glass-bg-elevated);--surface-overlay: hsla(22, 12%, 10%, .5);--surface-inset: var(--color-neutral-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-muted: var(--color-neutral-400);--text-inverse: var(--color-neutral-0);--text-on-primary: hsl(0, 0%, 100%);--text-on-accent: hsl(0, 0%, 100%);--text-link: var(--color-primary-500);--text-link-hover: var(--color-primary-700);--border-default: var(--color-neutral-200);--border-subtle: var(--glass-border-subtle);--border-strong: var(--color-neutral-300);--border-focus: var(--color-primary-400);--interactive-hover: hsla(15, 85%, 55%, .06);--interactive-active: hsla(15, 85%, 55%, .1);--selection-bg: hsla(15, 85%, 55%, .15);--selection-text: inherit;--focus-ring-primary: 0 0 0 3px hsla(15, 85%, 55%, .1);--focus-ring-error: 0 0 0 3px hsla(0, 72%, 51%, .08);--glass-blur: blur(20px);--glass-bg: hsla(0, 0%, 100%, .65);--glass-bg-elevated: hsla(0, 0%, 100%, .75);--glass-bg-input: hsla(0, 0%, 100%, .5);--glass-border: hsla(22, 12%, 10%, .1);--glass-border-subtle: hsla(22, 12%, 10%, .06);--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 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-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--container-sm: 40rem;--container-md: 48rem;--container-lg: 64rem;--container-xl: 80rem;--sidebar-width: 14rem;--header-height: 3.5rem;--touch-target-min: 2.75rem;--icon-size-sm: 1.25rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--shadow-sm: 0 1px 2px 0 hsla(22, 12%, 10%, .04), 0 1px 3px 0 hsla(22, 12%, 10%, .03);--shadow-md: 0 2px 4px -1px hsla(22, 12%, 10%, .05), 0 4px 6px -1px hsla(22, 12%, 10%, .04);--shadow-lg: 0 4px 8px -2px hsla(22, 12%, 10%, .06), 0 10px 15px -3px hsla(22, 12%, 10%, .05);--shadow-xl: 0 8px 16px -4px hsla(22, 12%, 10%, .07), 0 20px 25px -5px hsla(22, 12%, 10%, .05);--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .35s;--ease-default: cubic-bezier(.4, 0, .2, 1);--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-spring: cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--glass-blur: blur(24px);--glass-bg: hsla(20, 10%, 12%, .7);--glass-bg-elevated: hsla(20, 10%, 14%, .8);--glass-bg-input: hsla(20, 10%, 8%, .5);--glass-border: hsla(0, 0%, 100%, .15);--glass-border-subtle: hsla(0, 0%, 100%, .1);--surface-ground: var(--color-neutral-950);--surface-background: var(--color-neutral-900);--surface-card: var(--glass-bg);--surface-elevated: var(--glass-bg-elevated);--surface-overlay: hsla(0, 0%, 0%, .6);--surface-inset: var(--color-neutral-950);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-300);--text-muted: var(--color-neutral-500);--text-inverse: var(--color-neutral-900);--text-link: var(--color-primary-300);--text-link-hover: var(--color-primary-200);--border-default: hsl(24, 8%, 22%);--border-subtle: var(--glass-border-subtle);--border-strong: hsl(24, 8%, 28%);--border-focus: var(--color-primary-400);--interactive-hover: hsla(15, 85%, 65%, .1);--interactive-active: hsla(15, 85%, 65%, .16);--selection-bg: hsla(15, 85%, 65%, .25);--shadow-sm: 0 1px 2px 0 hsla(0, 0%, 0%, .2), 0 1px 3px 0 hsla(0, 0%, 0%, .16);--shadow-md: 0 2px 4px -1px hsla(0, 0%, 0%, .24), 0 4px 6px -1px hsla(0, 0%, 0%, .2);--shadow-lg: 0 4px 8px -2px hsla(0, 0%, 0%, .28), 0 10px 15px -3px hsla(0, 0%, 0%, .24);--shadow-xl: 0 8px 16px -4px hsla(0, 0%, 0%, .32), 0 20px 25px -5px hsla(0, 0%, 0%, .28);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;color-scheme:light dark}body{height:100dvh;overflow:hidden;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);color:var(--text-primary);background-color:var(--surface-ground)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--text-link-hover)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}p{text-wrap:pretty}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}hr{border:none;border-top:var(--border-width-thin) solid var(--border-subtle)}:focus-visible{outline:var(--border-width-medium) solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--selection-bg);color:var(--selection-text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-neutral-400)}*{scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}.admin-table{width:100%;border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--surface-background)}.admin-table th,.admin-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:var(--border-width-thin) solid var(--border-subtle);font-size:var(--font-size-sm)}.admin-table th{background-color:var(--surface-inset);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.admin-table tbody tr{transition:background-color var(--duration-fast) var(--ease-default)}.admin-table tbody tr:hover{background-color:var(--interactive-hover)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr.clickable{cursor:pointer}.admin-card{background-color:var(--surface-background);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.admin-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.admin-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight)}.admin-card__subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.admin-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.admin-form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.admin-input,.admin-select,.admin-textarea{padding:var(--space-2) var(--space-3);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);background-color:var(--surface-background);font-size:var(--font-size-sm);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring-primary)}.admin-input::placeholder{color:var(--text-muted)}.admin-textarea{resize:vertical;min-height:80px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);white-space:nowrap;cursor:pointer}.btn--primary{background-color:var(--color-primary-500);color:var(--text-on-primary)}.btn--primary:hover{background-color:var(--color-primary-600)}.btn--secondary{background-color:var(--surface-inset);color:var(--text-primary);border:var(--border-width-thin) solid var(--border-default)}.btn--secondary:hover{background-color:var(--interactive-hover)}.btn--danger{background-color:var(--color-error);color:var(--text-on-primary)}.btn--danger:hover{background-color:var(--color-error-dark)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background-color:var(--interactive-hover);color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);line-height:1}.badge--success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge--warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge--error{background-color:var(--color-error-light);color:var(--color-error-dark)}.badge--info{background-color:var(--color-info-light);color:var(--color-info-dark)}.badge--neutral{background-color:var(--surface-inset);color:var(--text-secondary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4)}.page-header h1{font-size:var(--font-size-xl)}.search-bar{position:relative;max-width:400px;margin-bottom:var(--space-4)}.search-bar input{width:100%;padding:var(--space-2) var(--space-3);padding-left:var(--space-8);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);background-color:var(--surface-background);font-size:var(--font-size-sm)}.search-bar input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring-primary)}.search-bar svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);width:16px;height:16px}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.pagination button{padding:var(--space-1) var(--space-3);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--surface-background);color:var(--text-primary);transition:background-color var(--duration-fast) var(--ease-default)}.pagination button:hover:not(:disabled){background-color:var(--interactive-hover)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:var(--font-size-sm);color:var(--text-secondary)}.detail-section{margin-bottom:var(--space-6)}.detail-section h2{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.detail-item__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.detail-item__value{font-size:var(--font-size-sm);color:var(--text-primary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4);gap:var(--space-3)}.loading-container p{color:var(--text-secondary);font-size:var(--font-size-sm)}.loading-spinner{width:36px;height:36px;border:3px solid var(--border-default);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-4);transition:color var(--duration-fast) var(--ease-default)}.back-link:hover{color:var(--text-primary)}.inline-form{background-color:var(--surface-background);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.inline-form__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.inline-form__actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.empty-state{text-align:center;padding:var(--space-10);color:var(--text-muted);font-size:var(--font-size-sm)}.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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}