@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";: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.6;--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: .375rem;--border-radius-md: .625rem;--border-radius-lg: .875rem;--border-radius-xl: 1.125rem;--border-radius-full: 9999px;--box-shadow-none: none;--box-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--box-shadow-md: 0 2px 4px rgba(15, 23, 42, .04), 0 6px 12px rgba(15, 23, 42, .07);--box-shadow-lg: 0 4px 8px rgba(15, 23, 42, .04), 0 12px 24px rgba(15, 23, 42, .09);--box-shadow-xl: 0 8px 16px rgba(15, 23, 42, .05), 0 24px 48px rgba(15, 23, 42, .1);--box-shadow-card: 0 1px 3px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .07);--box-shadow-hover: 0 4px 8px rgba(15, 23, 42, .05), 0 16px 40px rgba(15, 23, 42, .11);--box-shadow-glow: 0 0 0 3px rgba(0, 102, 204, .14);--box-shadow-inset: inset 0 1px 3px rgba(15, 23, 42, .06);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--color-primary: #0066CC;--color-primary-dark: #0050A3;--color-primary-light: #3B97E8;--color-primary-subtle: rgba(0, 102, 204, .08);--color-primary-gradient: #0066CC;--color-success: #16A34A;--color-success-light: #DCFCE7;--color-success-text: #14532D;--color-warning: #D97706;--color-warning-light: #FEF3C7;--color-warning-text: #78350F;--color-error: #DC2626;--color-error-light: #FEE2E2;--color-error-text: #7F1D1D;--color-white: #FFFFFF;--color-dark: #0F172A;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-light-gray: #CBD5E1;--color-dark-gray: #334155;--color-background: #FFFFFF;--color-background-alt: #F8FAFC;--color-background-hover: #F1F5F9;--color-background-muted: #F8FAFC;--color-footer-background: #0F172A;--color-footer-text: #E2E8F0;--color-footer-link: #94A3B8;--navbar-height: 64px;--navbar-background: #0066CC;--navbar-text-color: #FFFFFF;--navbar-logo-spacing: 1rem;--navbar-menu-link-spacing: .25rem;--navbar-dropdown-width: 290px;--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: #F8FAFC;--table-header-text-color: #0F172A;--table-header-font-size: .8125rem;--table-header-font-weight: 600;--table-header-padding: .875rem 1rem;--table-header-text-transform: uppercase;--table-header-letter-spacing: .05em;--table-body-font-size: .875rem;--table-body-text-color: #0F172A;--table-body-padding: .875rem 1rem;--table-border-color: #E2E8F0;--table-row-hover-background: #F8FAFC;--table-row-alternate-background: #FAFBFC;--button-font-size: .875rem;--button-font-weight: 600;--button-padding: .5625rem 1.25rem;--button-border-radius: .5rem;--button-transition: .2s cubic-bezier(.4, 0, .2, 1);--button-primary-background: #0066CC;--button-primary-text-color: #FFFFFF;--button-primary-hover-background: #0055B3;--button-secondary-background: #FFFFFF;--button-secondary-text-color: #334155;--button-secondary-hover-background: #F8FAFC;--button-danger-background: #DC2626;--button-danger-text-color: #FFFFFF;--button-danger-hover-background: #B91C1C;--button-ghost-background: transparent;--button-ghost-text-color: #0066CC;--button-ghost-hover-background: rgba(0, 102, 204, .06);--card-padding: 1.5rem;--card-border-radius: .875rem;--card-box-shadow: 0 1px 3px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .07);--card-hover-shadow: 0 4px 8px rgba(15, 23, 42, .05), 0 16px 40px rgba(15, 23, 42, .11);--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.6;--tab-font-size: .875rem;--tab-font-weight: 500;--tab-padding: .75rem 1.25rem;--tab-border-radius: .5rem .5rem 0 0;--tab-active-text-color: #0066CC;--tab-active-border-color: #0066CC;--tab-active-background: #FFFFFF;--tab-inactive-text-color: #64748B;--tab-inactive-border-color: transparent;--tab-inactive-background: #F8FAFC;--tab-inactive-hover-text-color: #0F172A;--badge-font-size: .6875rem;--badge-font-weight: 600;--badge-padding: .25rem .625rem;--badge-border-radius: 9999px;--badge-text-transform: uppercase;--badge-letter-spacing: .06em;--form-label-font-size: .8125rem;--form-label-font-weight: 600;--form-label-margin-bottom: .375rem;--form-label-text-color: #0F172A;--form-input-font-size: .9375rem;--form-input-padding: .6875rem .875rem;--form-input-border-radius: .5rem;--form-input-border-color: #CBD5E1;--form-input-focus-border-color: #0066CC;--form-input-placeholder-color: #94A3B8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}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-alt);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;line-height:var(--line-height-tight)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark);text-decoration:none}.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:var(--table-header-background);border-bottom:2px solid var(--table-border-color)}.table th{font-size:var(--table-header-font-size);font-weight:var(--table-header-font-weight);color:var(--color-text-secondary);padding:var(--table-header-padding);text-align:left;text-transform:var(--table-header-text-transform);letter-spacing:var(--table-header-letter-spacing);white-space:nowrap}.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 var(--transition-fast)}.table tbody tr:hover{background: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(--button-border-radius);border:none;cursor:pointer;transition:all var(--button-transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;text-align:center;letter-spacing:.01em;white-space:nowrap;position:relative;overflow:hidden}.btn:focus-visible{outline:none;box-shadow:var(--box-shadow-glow)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--button-primary-background);color:var(--button-primary-text-color);box-shadow:0 2px 6px #0066cc47,0 1px 2px #00000014}.btn-primary:hover{background:var(--button-primary-hover-background);box-shadow:0 4px 14px #0066cc61,0 2px 4px #0000001a}.btn-secondary{background:var(--button-secondary-background);color:var(--button-secondary-text-color);border:1px solid var(--color-border);box-shadow:0 1px 2px #0f172a0f}.btn-secondary:hover{background:var(--button-secondary-hover-background);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 2px 6px #0066cc24}.btn-danger{color:var(--color-error);border:1px solid var(--color-error-light);background:var(--color-error-light)}.btn-danger:hover{background:#fecaca;border-color:var(--color-error)}.btn-ghost{background:transparent;color:var(--button-ghost-text-color)}.btn-ghost:hover{background:var(--button-ghost-hover-background)}.btn-sm{padding:.375rem .75rem;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);font-weight:var(--font-weight-medium);transition:all var(--transition-base);letter-spacing:.01em;box-shadow:0 1px 2px #0f172a0d}.btn-sm:hover{background:var(--color-background-alt);border-color:var(--color-primary);color:var(--color-primary)}.btn-edit{padding:.3125rem .75rem;border:none;border-radius:var(--border-radius-sm);background:#06c;color:var(--color-white);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-right:var(--spacing-sm);transition:all var(--transition-base);font-family:var(--font-family);box-shadow:0 2px 6px #0066cc40;letter-spacing:.01em}.btn-edit:hover{background:#0055b3;transform:translateY(-1px);box-shadow:0 4px 12px #0066cc59}.card{background:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);padding:var(--card-padding);font-family:var(--font-family);border:1px solid var(--color-border);transition:all var(--transition-slow)}.card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px);border-color:var(--color-border)}.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-primary);position:relative;letter-spacing:-.01em}.card-header:after{content:"";position:absolute;bottom:-8px;left:0;width:32px;height:3px;background:var(--color-primary);border-radius:2px}.card-body{font-size:var(--card-body-font-size);line-height:var(--card-body-line-height);color:var(--color-text-secondary)}.tabs{display:flex;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg);gap:.125rem}.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:transparent;color:var(--tab-inactive-text-color);cursor:pointer;transition:all var(--transition-base);margin-right:0;border-bottom:2px solid transparent;margin-bottom:-2px;letter-spacing:.005em}.tab:hover{color:var(--tab-inactive-hover-text-color);background:var(--color-background-hover);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}.tab.active{background:transparent;color:var(--tab-active-text-color);border-bottom:2px solid var(--tab-active-border-color);font-weight:var(--font-weight-semibold)}.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-flex;align-items:center;gap:.25rem}.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;letter-spacing:.01em}.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:1.5px solid var(--form-input-border-color);width:100%;box-sizing:border-box;color:var(--color-text-primary);background:var(--color-background);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--form-input-focus-border-color);box-shadow:0 0 0 3px #0066cc1f}.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);letter-spacing:-.015em}.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)}.badge-success{background:var(--color-success-light);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-text)}.badge-error{background:var(--color-error-light);color:var(--color-error-text)}.badge-primary{background:#0066cc1a;color:var(--color-primary-dark)}.badge-neutral{background:var(--color-background-alt);color:var(--color-text-secondary)}.modal-overlay{background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
