@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";:root{--brand-primary: #15284a;--brand-primary-light: #4f8ddc;--brand-primary-dark: #0c498c;--brand-secondary: #424242;--brand-secondary-light: #616161;--brand-secondary-dark: #212121;--brand-accent: #FFC107;--brand-accent-light: #FFD54F;--brand-accent-dark: #FFA000;--color-success: #4CAF50;--color-success-light: #81C784;--color-success-dark: #388E3C;--color-warning: #FF9800;--color-warning-light: #FFB74D;--color-warning-dark: #F57C00;--color-error: #F44336;--color-error-light: #E57373;--color-error-dark: #D32F2F;--color-info: #2196F3;--color-info-light: #64B5F6;--color-info-dark: #15284a;--neutral-50: #FAFAFA;--neutral-100: #F5F5F5;--neutral-200: #EEEEEE;--neutral-300: #E0E0E0;--neutral-400: #BDBDBD;--neutral-500: #9E9E9E;--neutral-600: #757575;--neutral-700: #616161;--neutral-800: #424242;--neutral-900: #212121;--neutral-black: #000000;--neutral-white: #FFFFFF;--text-primary: #212121;--text-secondary: #757575;--text-disabled: #BDBDBD;--text-inverse: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F5F5F5;--bg-tertiary: #EEEEEE;--bg-dark: #212121;--bg-overlay: rgba(0, 0, 0, .5);--border-light: #E0E0E0;--border-medium: #BDBDBD;--border-dark: #757575;--border-focus: #15284a;--font-family-primary: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "Roboto Mono", "Courier New", monospace;--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-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 6px 12px -2px rgba(0, 0, 0, .15), 0 3px 6px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, .2), 0 4px 8px -2px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 30px -5px rgba(0, 0, 0, .25), 0 10px 15px -5px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .35);--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-overlay: 1200;--z-modal: 1300;--z-popover: 1400;--z-tooltip: 1500;--z-notification: 1600;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--easing-linear: linear;--easing-ease-in: cubic-bezier(.4, 0, 1, 1);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--header-height: 64px;--header-height-mobile: 56px;--footer-min-height: 200px;--button-padding-sm: .5rem .75rem;--button-padding-md: .75rem 1rem;--button-padding-lg: 1rem 1.5rem;--button-min-height-sm: 32px;--button-min-height-md: 40px;--button-min-height-lg: 48px;--input-height: 40px;--input-padding: .5rem .75rem;--input-border-width: 1px;--input-font-size: 1rem;--card-padding: 1.5rem;--card-border-radius: .5rem;--card-border-width: 1px;--badge-padding: .25rem .75rem;--badge-font-size: .75rem;--badge-border-radius: .25rem;--badge-font-weight: 600;--modal-max-width: 600px;--modal-padding: 2rem;--modal-border-radius: .75rem}[data-theme=dark]{--bg-primary: #1A1A1A;--bg-secondary: #2A2A2A;--bg-tertiary: #3A3A3A;--bg-dark: #FFFFFF;--text-primary: #FAFAFA;--text-secondary: #BDBDBD;--text-disabled: #757575;--text-inverse: #212121;--border-light: #424242;--border-medium: #616161;--border-dark: #9E9E9E;--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-md: 0 6px 12px -2px rgba(0, 0, 0, .4), 0 3px 6px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, .5), 0 4px 8px -2px rgba(0, 0, 0, .3)}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--space-40: 160px;--space-48: 192px;--space-56: 224px;--space-64: 256px}:root{--primary-50: #eef3fb;--primary-100: #d9e6f8;--primary-200: #b3cdf1;--primary-300: #8db5ea;--primary-400: #4f8ddc;--primary-500: #15284a;--primary-600: #0f56a6;--primary-700: #0c498c;--primary-800: #0a3d75;--primary-900: #072b52;--secondary-50: #ECEFF1;--secondary-100: #CFD8DC;--secondary-200: #B0BEC5;--secondary-300: #90A4AE;--secondary-400: #78909C;--secondary-500: #607D8B;--secondary-600: #546E7A;--secondary-700: #455A64;--secondary-800: #37474F;--secondary-900: #263238;--grey-50: #FAFAFA;--grey-100: #F5F5F5;--grey-200: #EEEEEE;--grey-300: #E0E0E0;--grey-400: #BDBDBD;--grey-500: #9E9E9E;--grey-600: #757575;--grey-700: #616161;--grey-800: #424242;--grey-900: #212121;--success-50: #E8F5E8;--success-100: #C8E6C9;--success-500: #4CAF50;--success-700: #388E3C;--warning-50: #FFF8E1;--warning-100: #FFECB3;--warning-500: #FF9800;--warning-700: #F57C00;--error-50: #FFEBEE;--error-100: #FFCDD2;--error-500: #F44336;--error-700: #D32F2F;--bg-primary: #FFFFFF;--bg-secondary: var(--grey-50);--bg-tertiary: var(--grey-100);--bg-dark: var(--grey-900);--text-primary: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .6);--text-tertiary: rgba(0, 0, 0, .38);--text-inverse: rgba(255, 255, 255, .87);--text-on-primary: white;--border-light: var(--grey-200);--border-medium: var(--grey-300);--border-dark: var(--grey-400)}:root{--font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "Roboto Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-size-6xl: 60px;--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}:root{--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--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), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}:root{--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px}:root{--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.container-fluid{width:100%;padding:0 var(--space-6)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);border:none;cursor:pointer;transition:var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:40px;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary-600);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--primary-800);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-outline{background:transparent;color:var(--primary-600);border:2px solid var(--primary-600)}.btn-outline:hover:not(:disabled){background:var(--primary-600);color:var(--text-on-primary)}.btn-ghost{background:transparent;color:var(--primary-600);border:none}.btn-ghost:hover:not(:disabled){background:var(--primary-50)}.btn-success{background:var(--success-500);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background:var(--warning-500);color:#fff}.btn-warning:hover:not(:disabled){background:var(--warning-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:var(--error-500);color:#fff}.btn-danger:hover:not(:disabled){background:var(--error-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);min-height:32px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);min-height:48px}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-fast);min-height:48px}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #2196f31a}.form-input:invalid{border-color:var(--error-500)}.form-input::placeholder{color:var(--text-tertiary)}.table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.table-header{background:var(--bg-secondary)}.table-header th{padding:var(--space-4) var(--space-6);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.table-row{transition:var(--transition-fast)}.table-row:hover{background:var(--bg-secondary)}.table-row td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light);color:var(--text-primary)}.table-row:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-warning{background:var(--warning-100);color:var(--warning-700)}.badge-danger{background:var(--error-100);color:var(--error-700)}.badge-secondary{background:var(--grey-100);color:var(--grey-700)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;max-height:90vh;overflow:auto;animation:modalSlide .3s ease-out}@keyframes modalSlide{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.nav{background:var(--bg-primary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6)}.nav-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-decoration:none}.nav-menu{display:flex;align-items:center;gap:var(--space-6);list-style:none;margin:0;padding:0}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-link.active{color:var(--primary-600);background:var(--primary-50)}.centerLoader{display:flex;align-items:center;justify-content:center;min-height:50vh}.dotWave{display:inline-flex;align-items:center;gap:var(--space-2)}.dot{width:8px;height:8px;background:var(--primary-600);border-radius:var(--radius-full);animation:dotWave 1.2s ease-in-out infinite;opacity:.4}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.1s}.dot:nth-child(3){animation-delay:.2s}.dot:nth-child(4){animation-delay:.3s}.dot:nth-child(5){animation-delay:.4s}@keyframes dotWave{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media(max-width:768px){.container{padding:0 var(--space-4)}.btn{min-height:44px}.btn-sm{min-height:40px}.btn-lg{min-height:48px}.nav-container{padding:var(--space-3) var(--space-4)}.nav-menu{gap:var(--space-4)}.card-header,.card-body,.card-footer{padding:var(--space-4)}.table-header th,.table-row td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}}@media(max-width:480px){.container{padding:0 var(--space-3)}.modal-content{margin:var(--space-3);max-width:calc(100vw - var(--space-6))}.nav-menu{flex-direction:column;gap:var(--space-2)}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family-primary);background-color:var(--bg-secondary);color:var(--text-primary);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:var(--font-family-primary);border:none;background:none;cursor:pointer;padding:0;margin:0}input,select,textarea{font-family:var(--font-family-primary);border:none;outline:none;background:none;padding:0;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:var(--font-weight-regular)}ul,ol{margin:0;padding:0;list-style:none}table{border-collapse:collapse;border-spacing:0}*:focus{outline:2px solid var(--border-focus);outline-offset:2px}html{scroll-behavior:smooth}::selection{background-color:var(--brand-primary-light);color:var(--neutral-white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}.skip-link{position:absolute;top:-40px;left:0;background:var(--brand-primary);color:var(--neutral-white);padding:var(--space-2) var(--space-4);text-decoration:none;z-index:var(--z-notification);transition:top .2s}.skip-link:focus{top:0}