@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Nunito+Sans:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{height:100%;width:100%;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{overflow-x:hidden;margin:0;padding:0;min-width:320px;width:100%;max-width:100%;height:100%}#root{width:100%;max-width:100%;min-width:0;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-webkit-appearance:none;-moz-appearance:textfield}@custom-variant dark (&:is(.dark *));:root{--font-size: 14px;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-family-secondary: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-h1: 2rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-h4: 1.125rem;--font-size-h5: 1rem;--font-size-body: .9375rem;--font-size-small: .75rem;--font-size-button: .875rem;--font-size-table: .875rem;--font-size-table-header: 1rem;--background: #fafafa;--background-alt: #f7f9fb;--background-gradient: linear-gradient(135deg, #fafafa 0%, #f7f9fb 100%);--foreground: #22223b;--foreground-secondary: #202124;--card: #ffffff;--card-foreground: #22223b;--card-gradient: linear-gradient(135deg, #ffffff 0%, #fdfdfd 100%);--card-hover: #fefefe;--card-border: #e5e7eb;--card-shadow: 0 2px 8px 0 rgb(0 0 0 / .06), 0 1px 3px 0 rgb(0 0 0 / .04);--card-shadow-hover: 0 4px 12px 0 rgb(0 0 0 / .08), 0 2px 6px 0 rgb(0 0 0 / .06);--popover: #ffffff;--popover-foreground: #22223b;--primary: #3366ff;--primary-foreground: #ffffff;--primary-hover: #2952e6;--primary-light: #e6edff;--primary-gradient: linear-gradient(135deg, #4472ff 0%, #3366ff 100%);--primary-gradient-hover: linear-gradient(135deg, #3366ff 0%, #2952e6 100%);--secondary: #f1f5f9;--secondary-foreground: #475569;--secondary-hover: #e2e8f0;--secondary-gradient: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--accent: #47d16a;--accent-foreground: #ffffff;--accent-hover: #3bc55a;--accent-light: #ecfdf5;--accent-gradient: linear-gradient(135deg, #5dd870 0%, #47d16a 100%);--coral: #ff7861;--coral-foreground: #ffffff;--coral-hover: #ff6347;--coral-light: #fef2f2;--coral-gradient: linear-gradient(135deg, #ff8a73 0%, #ff7861 100%);--success: #47d16a;--success-foreground: #ffffff;--success-hover: #3bc55a;--success-light: #ecfdf5;--success-gradient: linear-gradient(135deg, #5dd870 0%, #47d16a 100%);--info: #3366ff;--info-foreground: #ffffff;--info-hover: #2952e6;--info-light: #e6edff;--info-gradient: linear-gradient(135deg, #4472ff 0%, #3366ff 100%);--muted: #f8fafc;--muted-foreground: #64748b;--muted-hover: #f1f5f9;--border: #e2e8f0;--border-hover: #cbd5e1;--border-strong: #94a3b8;--input: #ffffff;--input-background: #ffffff;--input-border: #d1d5db;--input-border-focus: #3366ff;--input-border-error: #ef4444;--input-gradient: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);--warning: #f59e0b;--warning-foreground: #ffffff;--warning-hover: #d97706;--warning-light: #fef3c7;--warning-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--destructive: #ef4444;--destructive-foreground: #ffffff;--destructive-hover: #dc2626;--destructive-light: #fee2e2;--destructive-gradient: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .06);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-lg: 0 8px 12px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .06);--shadow-xl: 0 16px 24px -4px rgb(0 0 0 / .08), 0 8px 12px -6px rgb(0 0 0 / .06);--shadow-glow: 0 0 0 1px rgb(51 102 255 / .08), 0 4px 16px rgb(51 102 255 / .12);--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--ring: #3366ff;--radius-xs: .25rem;--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--sidebar: #1e293b;--sidebar-foreground: #f1f5f9;--sidebar-primary: #3366ff;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #334155;--sidebar-accent-foreground: #e2e8f0;--sidebar-border: #334155;--sidebar-ring: #3366ff;--sidebar-gradient: linear-gradient(180deg, #1e293b 0%, #334155 100%);--chart-1: #3366ff;--chart-2: #47d16a;--chart-3: #f59e0b;--chart-4: #ef4444;--chart-5: #8b5cf6;--chart-6: #ff7861;--chart-7: #06b6d4;--chart-8: #84cc16;--table-border: #e5e7eb;--table-header-bg: #f8fafc;--table-row-hover: #f9fafb;--table-stripe: #fafbfc}.dark{--background: #0f172a;--foreground: #f8fafc;--card: #1e293b;--card-foreground: #f8fafc;--popover: #1e293b;--popover-foreground: #f8fafc;--primary: #60a5fa;--primary-foreground: #1e293b;--secondary: #334155;--secondary-foreground: #f8fafc;--muted: #334155;--muted-foreground: #94a3b8;--accent: #34d399;--accent-foreground: #1e293b;--destructive: #ef4444;--destructive-foreground: #f8fafc;--border: #334155;--input: #334155;--ring: #60a5fa;--sidebar: #0f172a;--sidebar-foreground: #f8fafc;--sidebar-primary: #60a5fa;--sidebar-primary-foreground: #1e293b;--sidebar-accent: #1e293b;--sidebar-accent-foreground: #f8fafc;--sidebar-border: #1e293b;--sidebar-ring: #60a5fa}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-info: var(--info); --color-info-foreground: var(--info-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-chart-6: var(--chart-6); --color-chart-7: var(--chart-7); --color-chart-8: var(--chart-8); --radius-xs: var(--radius-xs); --radius-sm: var(--radius-sm); --radius-md: var(--radius); --radius-lg: var(--radius-lg); --radius-xl: var(--radius-xl); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;font-family:var(--font-family-primary);font-size:var(--font-size-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-gradient)}h1{font-family:var(--font-family-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:-.02em;color:var(--foreground);text-transform:capitalize}h2{font-family:var(--font-family-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:1.3;letter-spacing:-.015em;color:var(--foreground);text-transform:capitalize}h3{font-family:var(--font-family-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:1.4;color:var(--foreground);text-transform:capitalize}h4{font-family:var(--font-family-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--foreground);text-transform:capitalize}h5{font-family:var(--font-family-primary);font-size:var(--font-size-h5);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--foreground);text-transform:capitalize}p{font-family:var(--font-family-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--muted-foreground)}label{font-family:var(--font-family-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--foreground);text-transform:capitalize}button{font-family:var(--font-family-primary);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);line-height:1.4;letter-spacing:.01em;text-transform:capitalize}input,textarea,select{font-family:var(--font-family-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:1.4}table{font-size:var(--font-size-table);line-height:1.4}th{font-family:var(--font-family-primary);font-size:var(--font-size-table-header);font-weight:var(--font-weight-semibold);text-transform:capitalize}}@layer utilities{.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-slide-up{animation:slideUp .3s ease-out forwards}.animate-slide-down{animation:slideDown .3s ease-out forwards}.animate-bounce-in{animation:bounceIn .4s ease-out forwards}.animate-scale-in{animation:scaleIn .2s ease-out forwards}.transition-smooth{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-bounce{transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.card-modern{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);transition:all .2s cubic-bezier(.4,0,.2,1)}.card-modern:hover{background:var(--card-hover);box-shadow:var(--card-shadow-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn-modern{border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);font-size:var(--font-size-button);transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:capitalize}.btn-primary{background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--primary-light);border-color:var(--primary);transform:translateY(-1px)}.input-modern{background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-sm);transition:all .2s cubic-bezier(.4,0,.2,1);font-size:var(--font-size-body);height:2.5rem}.input-modern:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px #3366ff1a;background:var(--input);outline:none}.input-modern.error{border-color:var(--input-border-error);box-shadow:0 0 0 3px #ef44441a}.badge-modern{border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);padding:.25rem .5rem;text-transform:capitalize}.badge-success{background:var(--success);color:var(--success-foreground)}.badge-warning{background:var(--warning);color:var(--warning-foreground)}.badge-error{background:var(--destructive);color:var(--destructive-foreground)}.badge-info{background:var(--info);color:var(--info-foreground)}.badge-neutral{background:var(--muted);color:var(--muted-foreground)}.table-modern{width:100%;border-collapse:collapse;font-size:var(--font-size-table);background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--card-shadow)}.table-modern th{background:var(--table-header-bg);color:var(--foreground);font-weight:var(--font-weight-semibold);font-size:var(--font-size-table-header);padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--table-border);text-transform:capitalize}.table-modern td{padding:.75rem 1rem;border-bottom:1px solid var(--table-border);transition:background-color .2s ease}.table-modern tbody tr:hover{background:var(--table-row-hover)}.table-modern tbody tr:nth-child(2n){background:var(--table-stripe)}.table-modern tbody tr:nth-child(2n):hover{background:var(--table-row-hover)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}html{font-size:var(--font-size);scroll-behavior:smooth}@media(max-width:768px){:root{--font-size-h1: 1.75rem;--font-size-h2: 1.375rem;--font-size-h3: 1.125rem;--font-size-body: .875rem;--font-size-button: .8125rem}}@media(max-width:480px){:root{--font-size-h1: 1.5rem;--font-size-h2: 1.25rem;--font-size-h3: 1rem}}.modern-container{background:var(--background-gradient);min-height:100vh}.modern-sidebar{background:var(--sidebar-gradient)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--border: #000000;--card-border: #000000;--input-border: #000000}}button,[role=button],[role=menuitem],[role=tab],.nav-link,.menu-item,.btn,label,.form-label,.card-title,.badge,.alert-title,h1,h2,h3,h4,h5,h6,[data-testid*=title],[data-testid*=label],[data-testid*=button],th{text-transform:capitalize}