:root{--font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--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-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;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius-none: 0;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--box-shadow-none: none;--box-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--box-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--box-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--box-shadow-card: 0 8px 24px rgba(0,0,0,.08);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--color-primary: #0076CE;--color-primary-dark: #005a9e;--color-primary-gradient: linear-gradient(135deg, #0076CE, #004a80);--color-success: #28a745;--color-warning: #ffc107;--color-error: #dc3545;--color-white: #FFFFFF;--color-light-gray: #ccc;--color-dark-gray: #333;--color-dark: #1a1a1a;--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-muted: #9ca3af;--color-border: #d1d5db;--color-border-light: #e0e0e0;--color-background: #FFFFFF;--color-background-alt: #f8f9fa;--color-background-hover: #f5f5f5;--color-footer-background: #1a1a1a;--color-footer-text: #FFFFFF;--color-footer-link: #cccccc;--navbar-height: 64px;--navbar-background: linear-gradient(135deg, #0076CE, #004a80);--navbar-text-color: #FFFFFF;--navbar-logo-spacing: 1rem;--navbar-menu-link-spacing: 1.5rem;--navbar-dropdown-width: 280px;--navbar-dropdown-padding: 1rem;--modal-width-sm: 600px;--modal-width-md: 900px;--modal-width-lg: 1200px;--modal-width-xl: 1500px;--modal-max-height-sm: 60vh;--modal-max-height-md: 70vh;--modal-max-height-lg: 80vh;--modal-max-height-xl: 90vh;--table-header-background: #f8f9fa;--table-header-text-color: #333333;--table-header-font-size: .875rem;--table-header-font-weight: 600;--table-header-padding: .75rem 1rem;--table-header-text-transform: none;--table-header-letter-spacing: 0;--table-body-font-size: .875rem;--table-body-text-color: #333333;--table-body-padding: .75rem 1rem;--table-border-color: #e0e0e0;--table-row-hover-background: #f5f5f5;--table-row-alternate-background: #fafafa;--button-font-size: .875rem;--button-font-weight: 600;--button-padding: .5rem 1.125rem;--button-border-radius: .5rem;--button-transition: .2s ease-in-out;--button-primary-background: #0076CE;--button-primary-text-color: #FFFFFF;--button-primary-hover-background: #005a9e;--button-secondary-background: #e8e8e8;--button-secondary-text-color: #333333;--button-secondary-hover-background: #d4d4d4;--button-danger-background: #dc3545;--button-danger-text-color: #FFFFFF;--button-danger-hover-background: #c82333;--button-ghost-background: transparent;--button-ghost-text-color: #0076CE;--button-ghost-hover-background: rgba(0, 118, 206, .1);--card-padding: 1.5rem;--card-border-radius: .75rem;--card-box-shadow: 0 8px 24px rgba(0,0,0,.08);--card-background: #FFFFFF;--card-header-font-size: 1.125rem;--card-header-font-weight: 600;--card-header-margin-bottom: 1rem;--card-body-font-size: .875rem;--card-body-line-height: 1.5;--tab-font-size: .875rem;--tab-font-weight: 500;--tab-padding: .75rem 1.25rem;--tab-border-radius: .5rem .5rem 0 0;--tab-active-text-color: #0076CE;--tab-active-border-color: #0076CE;--tab-active-background: #FFFFFF;--tab-inactive-text-color: #666666;--tab-inactive-border-color: transparent;--tab-inactive-background: #f8f9fa;--tab-inactive-hover-text-color: #333333;--badge-font-size: .75rem;--badge-font-weight: 600;--badge-padding: .25rem .625rem;--badge-border-radius: 9999px;--badge-text-transform: uppercase;--badge-letter-spacing: .05em;--form-label-font-size: .875rem;--form-label-font-weight: 600;--form-label-margin-bottom: .375rem;--form-label-text-color: #333333;--form-input-font-size: .875rem;--form-input-padding: .625rem .75rem;--form-input-border-radius: .5rem;--form-input-border-color: #d1d5db;--form-input-focus-border-color: #0076CE;--form-input-placeholder-color: #9ca3af}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-background)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);z-index:9999;transition:top var(--transition-base)}.skip-link:focus{top:0}.table{width:100%;border-collapse:collapse;font-family:var(--font-family)}.table thead{background-color:var(--table-header-background)}.table th{font-size:var(--table-header-font-size);font-weight:var(--table-header-font-weight);color:var(--table-header-text-color);padding:var(--table-header-padding);text-align:left;text-transform:var(--table-header-text-transform);letter-spacing:var(--table-header-letter-spacing);border-bottom:2px solid var(--table-border-color)}.table td{font-size:var(--table-body-font-size);color:var(--table-body-text-color);padding:var(--table-body-padding);border-bottom:1px solid var(--table-border-color)}.table tbody tr{transition:background-color var(--transition-base)}.table tbody tr:hover{background-color:var(--table-row-hover-background)}.table tbody tr:nth-child(2n){background-color:var(--table-row-alternate-background)}.table tbody tr:nth-child(2n):hover{background-color:var(--table-row-hover-background)}.btn{font-family:var(--font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);padding:var(--button-padding);border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:all var(--button-transition);text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:var(--button-primary-background);color:var(--button-primary-text-color)}.btn-primary:hover{background-color:var(--button-primary-hover-background)}.btn-secondary{background-color:var(--button-secondary-background);color:var(--button-secondary-text-color)}.btn-secondary:hover{background-color:var(--button-secondary-hover-background)}.btn-danger{color:var(--color-error);border-color:var(--color-error)}.btn-danger:hover{background:#fff5f5}.btn-ghost{background-color:var(--button-ghost-background);color:var(--button-ghost-text-color)}.btn-ghost:hover{background-color:var(--button-ghost-hover-background)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-background);cursor:pointer;font-size:var(--font-size-xs);font-family:var(--font-family);transition:background var(--transition-base)}.btn-sm:hover{background:var(--color-background-alt)}.btn-edit{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--border-radius-sm);background:var(--color-primary);color:var(--color-white);cursor:pointer;font-size:var(--font-size-xs);margin-right:var(--spacing-sm);transition:background var(--transition-base);font-family:var(--font-family)}.btn-edit:hover{background:var(--color-primary-dark)}.card{background-color:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);padding:var(--card-padding);font-family:var(--font-family)}.card-header{font-size:var(--card-header-font-size);font-weight:var(--card-header-font-weight);margin-bottom:var(--card-header-margin-bottom);color:var(--color-text-primary)}.card-body{font-size:var(--card-body-font-size);line-height:var(--card-body-line-height);color:var(--color-text-primary)}.tabs{display:flex;border-bottom:2px solid var(--color-border-light);margin-bottom:var(--spacing-lg)}.tab{font-family:var(--font-family);font-size:var(--tab-font-size);font-weight:var(--tab-font-weight);padding:var(--tab-padding);border-radius:var(--tab-border-radius);border:none;background-color:var(--tab-inactive-background);color:var(--tab-inactive-text-color);cursor:pointer;transition:all var(--transition-base);margin-right:var(--spacing-xs);border-bottom:2px solid var(--tab-inactive-border-color)}.tab:hover{color:var(--tab-inactive-hover-text-color)}.tab.active{background-color:var(--tab-active-background);color:var(--tab-active-text-color);border-bottom:2px solid var(--tab-active-border-color)}.badge{font-family:var(--font-family);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding:var(--badge-padding);border-radius:var(--badge-border-radius);text-transform:var(--badge-text-transform);letter-spacing:var(--badge-letter-spacing);display:inline-block}.form-group{margin-bottom:var(--spacing-md)}.form-label{font-family:var(--font-family);font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);margin-bottom:var(--form-label-margin-bottom);color:var(--form-label-text-color);display:block}.form-input,.form-select,.form-textarea{font-family:var(--font-family);font-size:var(--form-input-font-size);padding:var(--form-input-padding);border-radius:var(--form-input-border-radius);border:1px solid var(--form-input-border-color);width:100%;box-sizing:border-box;transition:border-color var(--transition-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--form-input-focus-border-color)}.form-input::placeholder{color:var(--form-input-placeholder-color)}.card-title{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);font-family:var(--font-family);font-weight:var(--font-weight-semibold)}.card-content{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-family:var(--font-family)}.card-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);font-family:var(--font-family)}