.Header-module-header{background-color:var(--color-main-background);color:var(--color-text-on-dark);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-table-border);min-height:64px;display:flex;justify-content:space-between;align-items:center;overflow-x:hidden;width:100%;max-width:100vw}.Header-module-headerLeft{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;overflow:hidden;text-decoration:none;cursor:pointer;transition:opacity var(--transition-normal)}.Header-module-headerLeft:hover{opacity:.8}.Header-module-title{font-size:var(--font-size-2xl);font-weight:600;margin:0;color:var(--color-text-on-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.Header-module-navigation{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;justify-content:center;flex-wrap:wrap}.Header-module-navLink{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);text-decoration:none;color:var(--color-text-on-dark);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal);border:1px solid transparent;min-height:36px}.Header-module-navLink:hover{background-color:#ffffff1a;transform:translateY(-1px)}.Header-module-navLink.Header-module-active{background-color:var(--color-primary);color:var(--color-text-on-dark);border-color:var(--color-primary)}.Header-module-navLink.Header-module-active:hover{background-color:var(--color-primary-hover)}.Header-module-navIcon{font-size:var(--font-size-base);color:var(--color-icon-navigation)}.Header-module-navLabel{white-space:nowrap}@media (max-width: 480px){.Header-module-header{padding:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm);min-height:auto;overflow-x:hidden}.Header-module-headerLeft{flex:1;min-width:0;max-width:calc(100% - 50px);overflow:hidden}.Header-module-navigation{order:3;flex-basis:100%;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs);width:100%}.Header-module-navLink{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-base);min-height:36px;min-width:36px}.Header-module-navLabel{display:none}.Header-module-mobileHeaderRight{order:2;flex:0 0 auto}.Header-module-title{font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}@media (min-width: 481px) and (max-width: 768px){.Header-module-header{padding:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm);overflow-x:hidden}.Header-module-headerLeft{flex:1;min-width:0;max-width:calc(100% - 60px);overflow:hidden}.Header-module-navigation{order:3;flex-basis:100%;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs);width:100%}.Header-module-navLink{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-base);min-height:36px;min-width:36px}.Header-module-navLabel{display:none}.Header-module-mobileHeaderRight{order:2;flex:0 0 auto}.Header-module-title{font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}@media (min-width: 769px) and (max-width: 1024px){.Header-module-header{padding:var(--spacing-md) var(--spacing-lg)}.Header-module-title{font-size:var(--font-size-lg)}}@media (min-width: 1025px){.Header-module-header{padding:var(--spacing-lg) var(--spacing-xxl)}.Header-module-navigation{gap:var(--spacing-md)}.Header-module-navLink{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.Header-module-navLabel{display:block}.Header-module-title{font-size:var(--font-size-xl)}}.Header-module-mobileHeaderRight{display:flex;position:relative;align-items:center;gap:var(--spacing-sm)}.Header-module-settingsButton{background:none;border:1px solid var(--color-text-on-dark);color:var(--color-text-on-dark);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-lg);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;min-height:40px;min-width:40px}.Header-module-settingsButton:hover{background-color:var(--color-text-on-dark);color:var(--color-main-background);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.Header-module-settingsIcon{font-size:var(--font-size-lg);color:var(--color-icon-navigation)}.Header-module-mobileNavSelector{display:none;flex:1;justify-content:center;align-items:center;padding:0 var(--spacing-md)}.Header-module-mobileNavButton{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--color-primary);color:var(--color-text-on-dark);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal);min-height:40px;box-shadow:var(--shadow-sm);max-width:300px;width:100%}.Header-module-mobileNavButton:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.Header-module-mobileNavButtonIcon{font-size:var(--font-size-base);color:var(--color-icon-navigation);flex-shrink:0}.Header-module-mobileNavButtonText{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Header-module-mobileNavButtonArrow{font-size:var(--font-size-sm);color:var(--color-icon-navigation);flex-shrink:0}@media (max-width: 1024px){.Header-module-mobileNavSelector{display:flex}.Header-module-navigation{display:none}}@media (max-width: 480px){.Header-module-mobileNavButton{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);max-width:250px}.Header-module-mobileNavButtonIcon{font-size:var(--font-size-sm)}}.Header-module-mobileNavOverlay{position:fixed;inset:0;background-color:#00000080;z-index:1001;display:flex;justify-content:center;align-items:flex-start;padding-top:80px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.Header-module-mobileNavMenu{background-color:var(--color-main-background);border:1px solid var(--color-table-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);min-width:250px;max-width:90vw;width:300px;overflow:hidden;animation:Header-module-dropdownSlideIn .2s ease-out}@keyframes Header-module-dropdownSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.Header-module-mobileNavLinks{display:flex;flex-direction:column;padding:0}.Header-module-mobileNavLink{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;color:var(--color-text-on-dark);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal);border-bottom:1px solid var(--color-table-border);background-color:transparent}.Header-module-mobileNavLink:last-child{border-bottom:none}.Header-module-mobileNavLink:hover{background-color:#93c01d1a;color:var(--color-text-on-dark)}.Header-module-mobileNavLink.Header-module-activeMobile{background-color:var(--color-primary);color:var(--color-text-on-dark)}.Header-module-mobileNavIcon{font-size:var(--font-size-base);color:var(--color-icon-navigation);min-width:20px}.Header-module-mobileNavLinkText{flex:1}@media (max-width: 480px){.Header-module-mobileNavOverlay{padding:var(--spacing-md);padding-top:70px}.Header-module-mobileNavMenu{width:100%;max-width:calc(100vw - 2 * var(--spacing-md))}}@media (min-width: 481px) and (max-width: 1024px){.Header-module-mobileNavOverlay{padding-top:80px}.Header-module-mobileNavMenu{width:320px}}.Header-module-dropdownOverlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:var(--spacing-lg);padding-top:80px}.Header-module-dropdownMenu{background-color:var(--color-main-background);border:1px solid var(--color-table-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);min-width:250px;max-width:90vw;width:300px;overflow:hidden;animation:Header-module-slideIn .2s ease-out}@media (max-width: 480px){.Header-module-dropdownOverlay{padding:var(--spacing-md);padding-top:70px}.Header-module-dropdownMenu{width:100%;max-width:calc(100vw - 2 * var(--spacing-md))}}@media (min-width: 481px) and (max-width: 768px){.Header-module-dropdownOverlay{padding-top:80px}}@keyframes Header-module-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.Header-module-dropdownSection{padding:var(--spacing-md);border-bottom:1px solid var(--color-table-border)}.Header-module-dropdownSection:last-child{border-bottom:none}.Header-module-dropdownLabel{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-on-dark);margin-bottom:var(--spacing-sm)}.Header-module-dropdownLanguageButtons{display:flex;flex-direction:column;gap:var(--spacing-xs)}.Header-module-dropdownLanguageButton{background-color:transparent;color:var(--color-text-on-dark);border:1px solid var(--color-text-on-dark);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal);text-align:left;width:100%}.Header-module-dropdownLanguageButton:hover{background-color:var(--color-text-on-dark);color:var(--color-main-background)}.Header-module-dropdownLanguageButton.Header-module-active{background-color:var(--color-primary);color:var(--color-text-on-dark);border-color:var(--color-primary)}.Header-module-dropdownLanguageButton.Header-module-active:hover{background-color:var(--color-primary-hover)}.Header-module-dropdownLogoutButton{background:none;border:1px solid var(--color-text-on-dark);color:var(--color-text-on-dark);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);width:100%;justify-content:flex-start}.Header-module-dropdownLogoutButton:hover{background-color:var(--color-text-on-dark);color:var(--color-main-background)}.Header-module-dropdownLogoutIcon{font-size:var(--font-size-base);color:var(--color-icon-error)}.Header-module-dropdownLogoutText{font-weight:500}:root{--color-main-background: #1d1d1d;--color-content-background: #E0E0E0;--color-sidebar-background: #FFFFFF;--color-primary: #93c01d;--color-primary-hover: #93c01d;--color-text-on-dark: #FFFFFF;--color-text-on-light: #333333;--color-table-header: #B8B8B8;--color-table-row-even: #FFFFFF;--color-table-row-odd: #F5F5F5;--color-table-border: #D3D3D3;--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #F44336;--color-info: #2196F3;--color-secondary: #FF6B35;--color-secondary-hover: #FF6B35;--color-accent: #4ECDC4;--color-text-muted: #666666;--color-background-muted: #F8F8F8;--color-table-row-hover: #F0F0F0;--color-icon-primary: var(--color-text-on-light);--color-icon-secondary: var(--color-text-muted);--color-icon-navigation: var(--color-text-on-dark);--color-icon-action: var(--color-primary);--color-icon-success: var(--color-success);--color-icon-warning: var(--color-warning);--color-icon-error: var(--color-error);--color-icon-info: var(--color-info);--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-laptop: 1024px;--breakpoint-desktop: 1200px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-modal: 2000;--z-tooltip: 3000;--scrollbar-width: 8px;--scrollbar-track-color: var(--color-background-muted);--scrollbar-thumb-color: var(--color-table-border);--scrollbar-thumb-hover-color: var(--color-primary);--scrollbar-border-radius: 4px;--scrollbar-transition: all var(--transition-normal);--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}[data-theme=dark]{--color-main-background: #1D1D1D;--color-content-background: #1D1D1D;--color-sidebar-background: #2A2A2A;--color-primary: #93c01d;--color-primary-hover: #a8d633;--color-text-on-dark: #FFFFFF;--color-text-on-light: #E0E0E0;--color-table-header: #3A3A3A;--color-table-row-even: #2A2A2A;--color-table-row-odd: #333333;--color-table-border: #4A4A4A;--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #F44336;--color-info: #2196F3;--color-secondary: #FF6B35;--color-secondary-hover: #FF8A65;--color-accent: #4ECDC4;--color-text-muted: #B0B0B0;--color-background-muted: #2A2A2A;--color-table-row-hover: #3A3A3A;--color-icon-primary: var(--color-text-on-light);--color-icon-secondary: var(--color-text-muted);--color-icon-navigation: var(--color-text-on-dark);--color-icon-action: var(--color-primary);--color-icon-success: var(--color-success);--color-icon-warning: var(--color-warning);--color-icon-error: var(--color-error);--color-icon-info: var(--color-info)}@media (max-width: 480px){:root{--spacing-lg: 12px;--spacing-xl: 16px;--spacing-xxl: 20px;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.875rem}}@media (min-width: 481px) and (max-width: 768px){:root{--spacing-lg: 14px;--spacing-xl: 18px;--font-size-base: .9375rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.1875rem;--font-size-2xl: 1.375rem;--font-size-3xl: 1.625rem;--font-size-4xl: 1.875rem}}@media (min-width: 769px) and (max-width: 1024px){:root{--spacing-lg: 18px;--spacing-xl: 20px;--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}}@media (min-width: 1025px){:root{--spacing-lg: 18px;--spacing-xl: 20px;--spacing-xxl: 24px;--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}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}#root{height:100%;margin:0;padding:0}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.app-container{height:100vh;display:flex;flex-direction:column;margin:0;padding:0;overflow-x:hidden;width:100%;max-width:100vw}.layout{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--color-main-background);color:var(--color-text-on-dark);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-table-border);min-height:64px;display:flex;justify-content:space-between;align-items:center;margin:0;flex-shrink:0}.main-content{display:flex;flex:1;flex-direction:column;min-height:0;margin:0;padding:0}.content-area{background-color:var(--color-content-background);flex:1;padding:var(--spacing-lg);overflow-y:auto;overflow-x:hidden;min-width:0;scroll-behavior:smooth;margin:0;width:100%;max-width:100vw}.content-area::-webkit-scrollbar{width:var(--scrollbar-width)}.content-area::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:var(--scrollbar-border-radius)}.content-area::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-border-radius);transition:var(--scrollbar-transition)}.content-area::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}.content-area{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}@media (max-width: 480px){.app-container{height:100vh;margin:0;padding:0;overflow-x:hidden;width:100%}.content-area{padding:var(--spacing-sm);margin:0;width:100%;overflow-x:hidden}.container{padding:0 var(--spacing-sm);margin:0;width:100%}}@media (min-width: 481px) and (max-width: 768px){.app-container{height:100vh;margin:0;padding:0;overflow-x:hidden;width:100%}.content-area{padding:var(--spacing-md);margin:0;width:100%;overflow-x:hidden}.container{padding:0 var(--spacing-sm);margin:0;width:100%}}@media (min-width: 769px) and (max-width: 1024px){.app-container{height:100vh;margin:0;padding:0}.content-area{padding:var(--spacing-lg);margin:0;width:100%}.container{padding:0 var(--spacing-md);margin:0}}@media (min-width: 1025px){.app-container{height:100vh;margin:0;padding:0}.content-area{padding:var(--spacing-xl);margin:0;width:100%}.container{padding:0 var(--spacing-lg);margin:0}}.grid{display:grid;gap:var(--spacing-md)}.grid-1,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}@media (min-width: 481px) and (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px) and (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.grid-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.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)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.hide-mobile{display:none}.show-mobile{display:block}@media (min-width: 481px) and (max-width: 768px){.hide-mobile{display:block}.show-mobile,.hide-tablet{display:none}.show-tablet{display:block}}@media (min-width: 769px) and (max-width: 1024px){.hide-tablet{display:block}.show-tablet,.hide-laptop{display:none}.show-laptop{display:block}}@media (min-width: 1025px){.hide-laptop{display:block}.show-laptop{display:none}}