:root{--color-primary-50: #F0F4FF;--color-primary-100: #E0E7FF;--color-primary-200: #C7D2FE;--color-primary-300: #A5B4FC;--color-primary-400: #818CF8;--color-primary-500: #6366F1;--color-primary-600: #4F46E5;--color-primary-700: #4338CA;--color-primary-800: #3730A3;--color-primary-900: #312E81;--color-primary: #4F46E5;--color-primary-dark: #4338CA;--color-primary-light: #E0E7FF;--color-secondary-50: #F0F9FF;--color-secondary-100: #E0F2FE;--color-secondary-200: #BAE6FD;--color-secondary-300: #7DD3FC;--color-secondary-400: #38BDF8;--color-secondary-500: #06B6D4;--color-secondary-600: #0891B2;--color-secondary-700: #0E7490;--color-secondary-800: #155E75;--color-secondary-900: #164E63;--color-secondary: #0891B2;--color-accent-50: #FAF5FF;--color-accent-100: #F3E8FF;--color-accent-200: #E9D5FF;--color-accent-300: #D8B4FE;--color-accent-400: #C084FC;--color-accent-500: #A855F7;--color-accent-600: #9333EA;--color-accent-700: #7E22CE;--color-accent-800: #6B21A8;--color-accent-900: #581C87;--color-accent: #9333EA;--color-success-50: #F0FDF4;--color-success-100: #DCFCE7;--color-success-200: #BBEF63;--color-success-300: #86EFAC;--color-success-400: #4ADE80;--color-success-500: #14B8A6;--color-success-600: #0D9488;--color-success-700: #0F766E;--color-success-800: #115E59;--color-success-900: #134E4A;--color-success: #0D9488;--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-200: #FCD34D;--color-warning-300: #FBBF24;--color-warning-400: #F59E0B;--color-warning-500: #E5A712;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-warning-800: #92400E;--color-warning-900: #78350F;--color-warning: #F59E0B;--color-danger-50: #FEF2F2;--color-danger-100: #FEE2E2;--color-danger-200: #FECACA;--color-danger-300: #FCA5A5;--color-danger-400: #F87171;--color-danger-500: #DC2626;--color-danger-600: #B91C1C;--color-danger-700: #991B1B;--color-danger-800: #7F1D1D;--color-danger-900: #611414;--color-danger: #DC2626;--color-error: #DC2626;--color-neutral-50: #F8FAFC;--color-neutral-100: #F1F5F9;--color-neutral-200: #E2E8F0;--color-neutral-300: #CBD5E1;--color-neutral-400: #94A3B8;--color-neutral-500: #64748B;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1E293B;--color-neutral-900: #0F172A;--color-bg: #FFFFFF;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8FAFC;--color-bg-tertiary: #F1F5F9;--color-surface: #F8FAFC;--color-surface-hover: #F1F5F9;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-text-tertiary: #94A3B8;--color-border: #CBD5E1;--color-border-light: #E2E8F0;--color-border-dark: #94A3B8;--font-family-heading: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "Fira Code", "Courier New", monospace;--font-size-h1: 36px;--font-size-h2: 28px;--font-size-h3: 20px;--font-size-lg: 18px;--font-size-base: 15px;--font-size-sm: 13px;--font-size-xs: 12px;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-input-vertical: 10px;--spacing-input-horizontal: 14px;--spacing-button-vertical: 12px;--spacing-button-horizontal: 20px;--spacing-card-padding: 20px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .15);--shadow-button: 0 4px 12px rgba(79, 70, 229, .3);--shadow-button-hover: 0 6px 20px rgba(79, 70, 229, .4);--shadow-card: 0 2px 4px rgba(0, 0, 0, .08);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .12);--shadow-modal: 0 20px 50px rgba(0, 0, 0, .15);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 1000;--z-tooltip: 1100;--btn-primary-bg: #4F46E5;--btn-primary-bg-hover: #4338CA;--btn-primary-color: #FFFFFF;--btn-primary-shadow: 0 4px 12px rgba(79, 70, 229, .3);--btn-secondary-bg: #F0F4FF;--btn-secondary-color: #4F46E5;--btn-secondary-border: 1px solid #4F46E5;--btn-secondary-bg-hover: #E0E7FF;--btn-border-radius: 8px;--btn-padding-sm: 6px 12px;--btn-padding-md: 12px 20px;--btn-padding-lg: 12px 20px;--input-padding: 10px 14px;--input-border-radius: 8px;--input-border: 1.5px solid #CBD5E1;--input-border-focus: #4F46E5;--input-shadow-focus: 0 0 0 3px rgba(79, 70, 229, .1);--input-bg: #FFFFFF;--input-color: #1E293B;--input-placeholder-color: #94A3B8;--card-padding: 20px;--card-border-radius: 12px;--card-bg: #FFFFFF;--card-border: 1px solid #CBD5E1;--card-shadow: 0 2px 4px rgba(0, 0, 0, .08);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .12);--badge-padding: 6px 10px;--badge-border-radius: 6px;--badge-font-size: 12px;--badge-font-weight: 500;--badge-success-bg: #CCFBF1;--badge-success-color: #0F766E;--badge-success-border: 1px solid #99F6E4;--badge-warning-bg: #FEF3C7;--badge-warning-color: #78350F;--badge-warning-border: 1px solid #FCD34D;--badge-danger-bg: #FECACA;--badge-danger-color: #7C2D12;--badge-danger-border: 1px solid #FCA5A5;--badge-info-bg: #E0E7FF;--badge-info-color: #3730A3;--badge-info-border: 1px solid #C7D2FE;--modal-bg: #FFFFFF;--modal-border-radius: 12px;--modal-shadow: 0 20px 50px rgba(0, 0, 0, .15);--modal-overlay-bg: rgba(15, 23, 42, .7);--nav-sidebar-width: 280px;--nav-sidebar-bg: #FFFFFF;--nav-sidebar-border: 1px solid #CBD5E1;--nav-topbar-height: 64px;--nav-topbar-bg: #FFFFFF;--nav-topbar-border: 1px solid #CBD5E1;--nav-item-height: 44px;--nav-item-padding: 8px;--nav-item-border-radius: 8px;--nav-item-bg-hover: #F8FAFC;--nav-item-bg-active: #EEF2FF;--nav-item-color-active: #4F46E5;--form-label-font-size: 13px;--form-label-font-weight: 500;--form-label-color: #1E293B;--form-label-margin-bottom: 6px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-bold)}h1{font-size:var(--font-size-h1);line-height:var(--line-height-tight);letter-spacing:-.02em}h2{font-size:var(--font-size-h2);line-height:var(--line-height-tight);letter-spacing:-.01em}h3{font-size:var(--font-size-h3);line-height:var(--line-height-normal)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-sm{max-width:600px;margin:0 auto;padding:0 var(--spacing-md)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.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)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid{display:grid}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}html,body{width:100%;height:100%;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}@media (max-width: 768px){button,[type=button],[type=submit],[role=button],.btn,.button{min-height:44px!important;min-width:44px!important;padding:.75rem 1rem!important;font-size:16px!important;display:flex!important;align-items:center!important;justify-content:center!important}nav,[role=navigation]{padding:var(--spacing-md)!important}div[style*="padding: var(--spacing-lg)"],div[style*="padding: var(--spacing-xl)"]{padding:var(--spacing-md)!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],textarea,select{min-height:44px!important;padding:.75rem!important;font-size:16px!important;box-sizing:border-box!important}input[type=checkbox],input[type=radio]{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;cursor:pointer!important}label{display:block!important;margin-bottom:.75rem!important;font-weight:500!important;min-height:20px!important}.form-group,[class*=form-group],[class*=FormGroup]{margin-bottom:1.5rem!important}div[style*="marginBottom: var(--spacing-xl)"],div[style*="marginBottom: var(--spacing-lg)"],div[style*="paddingBottom: var(--spacing-xl)"],div[style*="paddingBottom: var(--spacing-lg)"]{margin-bottom:1rem!important;padding-bottom:1rem!important}div[style*=borderBottom],div[style*=borderTop]{padding-top:1rem!important;padding-bottom:1rem!important}.container,[class*=container],[class*=Container]{padding:.75rem!important}[style*="padding: var(--spacing-xl)"],[style*="padding: 2rem"],[style*="padding: 32px"],[class*=form] [style*=padding]{padding:1rem!important}[style*="grid-template-columns: repeat(2"],[style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: repeat(auto"]{grid-template-columns:1fr!important}[style*="max-width: 420px"]{max-width:100%!important}[style*="min-width: 250px"],[style*="min-width: 300px"]{min-width:auto!important}table{width:100%!important;overflow-x:auto!important;display:block!important}table thead,table tbody{display:block!important}table tr{display:block!important;margin-bottom:1rem!important}table td,table th{display:block!important;padding:.5rem!important}}@media (max-width: 480px){.container,[class*=container],[class*=Container],[style*="padding: var(--spacing-xl)"],[style*="padding: 2rem"],[style*="padding: 32px"]{padding:.75rem!important}.form-group,[class*=form-group],[class*=FormGroup]{margin-bottom:1rem!important}nav,[role=navigation]{padding:.5rem!important}button,[type=button],[type=submit],input[type=checkbox],input[type=radio],a[role=button]{min-height:44px!important;min-width:44px!important;font-size:16px!important}input,textarea,select,p,label{font-size:14px!important}}@media (max-width: 390px){.container,[class*=container],[class*=Container]{padding:.5rem!important}[style*="padding: var(--spacing-xl)"],[style*="padding: 2rem"],[style*="padding: 32px"],nav{padding:.5rem!important}.form-group,[class*=form-group],[class*=FormGroup]{margin-bottom:.75rem!important}html,body{max-width:100vw!important;overflow-x:hidden!important}div[style*=padding]{padding:.5rem!important}h1,h2,h3,h4,h5,h6{margin:.5rem 0!important}button,[type=button],[type=submit],a[role=button]{padding:.5rem 1rem!important}}.register-page{display:flex;min-height:100vh;align-items:center;justify-content:center;background:linear-gradient(to bottom right,var(--color-primary-50),var(--color-primary-100));padding:var(--spacing-lg);position:relative}.register-page-inner{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--spacing-lg)}.register-form-container{display:flex;flex-direction:column;gap:var(--spacing-md);background-color:var(--color-bg);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.register-name-fields{display:grid;gridTemplateColumns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 768px){.register-page{padding:var(--spacing-md)}.register-page-inner{max-width:100%}.register-form-container{padding:var(--spacing-md)}.register-name-fields{grid-template-columns:1fr}}@media (max-width: 480px){.register-page{padding:var(--spacing-sm)}.register-form-container{padding:var(--spacing-md);gap:var(--spacing-sm)!important}.register-name-fields{gap:var(--spacing-sm)}}@media (max-width: 390px){.register-page{padding:var(--spacing-xs)}.register-page-inner{gap:var(--spacing-md)}.register-form-container{padding:var(--spacing-md);gap:var(--spacing-xs)!important;border-radius:var(--border-radius-md)}.register-name-fields{gap:var(--spacing-xs)}}.navigation{background-color:var(--color-bg-primary);border-bottom:var(--nav-topbar-border);box-shadow:var(--shadow-card);position:relative;z-index:100}.nav-desktop{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-md)}.nav-desktop .nav-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0;white-space:nowrap}.nav-items{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.nav-item-desktop{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:none;background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-item-desktop:hover{background-color:var(--nav-item-bg-active);color:var(--color-primary)}.nav-item-desktop.nav-logout{background-color:#fee2e2;color:#7c2d12}.nav-item-desktop.nav-logout:hover{background-color:#fecaca;color:#7c2d12}.nav-mobile{position:relative}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);gap:var(--spacing-md)}.nav-mobile .nav-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;background:none;border:none;cursor:pointer;transition:transform var(--transition-fast)}.hamburger-btn:active{transform:scale(.95)}.hamburger-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;gap:5px;position:relative}.hamburger-line{display:block;width:24px;height:2px;background-color:var(--color-primary);border-radius:2px;transition:all var(--transition-fast) cubic-bezier(.4,0,.2,1)}.hamburger-btn[aria-expanded=true] .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.hamburger-btn[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-menu-dropdown{position:absolute;top:100%;right:0;left:0;background-color:var(--color-bg-primary);border-bottom:var(--nav-topbar-border);box-shadow:var(--shadow-card);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);animation:slideDown var(--transition-base) cubic-bezier(.4,0,.2,1);transform-origin:top;display:flex;flex-direction:column;z-index:101}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-menu-item{padding:var(--spacing-md) var(--spacing-lg);border:none;background:none;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-menu-item:active{background-color:var(--color-primary-50);color:var(--color-primary)}.nav-menu-item:hover{background-color:var(--color-bg-secondary)}.nav-menu-item.nav-logout{color:#7c2d12}.nav-menu-item.nav-logout:hover{background-color:#fee2e2}.nav-menu-divider{height:1px;background-color:var(--color-border-light);margin:var(--spacing-sm) 0}@media (max-width: 390px){.nav-header{padding:var(--spacing-sm)}.nav-mobile .nav-title{font-size:var(--font-size-lg)}.hamburger-btn{width:40px;height:40px;padding:8px}.hamburger-icon{width:22px;height:22px}.hamburger-line{width:22px}.nav-menu-item{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media (min-width: 391px) and (max-width: 767px){.nav-header{padding:var(--spacing-md)}.nav-mobile .nav-title{font-size:var(--font-size-h3)}.hamburger-btn{width:44px;height:44px;padding:10px}.hamburger-icon{width:24px;height:24px}.hamburger-line{width:24px}.nav-menu-item{padding:var(--spacing-md) var(--spacing-lg)}}@media (min-width: 768px){.nav-mobile{display:none}.nav-desktop{display:flex}}@media (max-width: 767px){.nav-desktop{display:none}.nav-mobile{display:block}}@media (min-width: 1024px){.nav-desktop{padding:var(--spacing-lg) var(--spacing-xl)}.nav-items{gap:var(--spacing-lg)}}@media (min-width: 1440px){.nav-desktop{padding:var(--spacing-lg) var(--spacing-xxl);max-width:1400px;margin:0 auto;width:100%}}