.navbar{background:var(--color-secondary);border-bottom:var(--border-width) solid var(--border-color);padding:var(--spacing-sm) 0;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.navbar-content{display:flex;justify-content:space-between;align-items:center;position:relative}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-size:18px;font-weight:600;font-family:var(--font-heading);color:var(--color-primary);text-decoration:none;white-space:nowrap;letter-spacing:-.01em;flex-shrink:0}.navbar-brand-icon{font-size:18px}.navbar-brand-text{display:flex;align-items:center}.navbar-brand-short,.navbar-brand-full{display:none}.navbar-brand-mobile{display:inline}.navbar-mobile-actions{display:flex;align-items:center;gap:12px}.navbar-mobile-cta{font-size:13px;padding:8px 16px;border-radius:6px;white-space:nowrap}.navbar-hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.navbar-hamburger:hover{background:var(--color-gray-100)}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;width:20px;height:14px;position:relative}.hamburger-icon span{display:block;height:2px;width:100%;background:var(--color-primary);border-radius:1px;transition:all .3s ease}.hamburger-icon.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.navbar-mobile-menu{position:fixed;top:56px;right:0;left:0;background:#fff;border-bottom:2px solid #e5e7eb;box-shadow:0 8px 24px #00000026;padding:16px;flex-direction:column;gap:8px;z-index:99999;display:none}.navbar-mobile-menu.open{display:flex!important}.navbar-mobile-link{display:block;padding:12px 16px;color:#374151;text-decoration:none;font-weight:500;font-size:16px;border-radius:6px;transition:background .2s;background:transparent}.navbar-mobile-link:hover,.navbar-mobile-link:active{background:#f3f4f6;color:#1a1a1a}.navbar-mobile-language{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-sm)}.navbar-mobile-language-label{font-size:14px;color:var(--color-gray-600)}.navbar-desktop-menu{display:none!important}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:nowrap;overflow:hidden}.navbar-link{color:var(--color-gray-700);text-decoration:none;font-weight:600;font-family:var(--font-body);transition:all var(--transition-base);white-space:nowrap;flex-shrink:0;font-size:13px;letter-spacing:.01em;padding:6px 10px;border-radius:6px;background:transparent}.navbar-link:hover{color:var(--color-primary);background:#f3f4f6}.navbar-link-full{display:none}.navbar-link-short{display:inline}.navbar-user-preferences{display:none}.navbar-logout{flex-shrink:0;white-space:nowrap}.navbar-language-switcher{display:inline-flex;align-items:center;background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:2px;gap:0;flex-shrink:0;box-shadow:var(--shadow-sm)}.navbar-language-option{background:transparent;border:none;padding:6px 12px;font-size:12px;font-weight:500;font-family:var(--font-body);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);border-radius:calc(var(--radius-md) - 1px);white-space:nowrap;min-width:36px;text-align:center}.navbar-language-option:hover:not(.active){color:var(--color-gray-800);background:var(--color-gray-200)}.navbar-language-option.active{background:var(--color-primary);color:var(--color-secondary);font-weight:600;box-shadow:0 1px 2px #0000001a}@media (min-width: 769px){.navbar{padding:var(--spacing-md) 0}.navbar-brand{font-size:24px}.navbar-brand-icon{font-size:20px}.navbar-brand-full{display:inline}.navbar-brand-mobile,.navbar-mobile-actions{display:none}.navbar-mobile-menu{display:none!important}.navbar-desktop-menu{display:flex!important;align-items:center;gap:var(--spacing-lg)}.navbar-link{font-size:16px;padding:8px 14px}.navbar-link-full{display:inline}.navbar-link-short{display:none}.navbar-user-preferences{display:flex;align-items:center;gap:var(--spacing-md);margin-left:var(--spacing-md);padding-left:var(--spacing-lg);border-left:1px solid var(--color-gray-200);flex-shrink:0}.navbar-logout{border:var(--border-width) solid var(--color-primary);background-color:transparent;color:var(--color-primary)}.navbar-logout:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-secondary)}.navbar-language-option{font-size:11px;padding:5px 11px;min-width:34px}}@media (max-width: 480px){.navbar-brand,.navbar-brand-icon{font-size:16px}.navbar-mobile-cta{font-size:12px;padding:7px 14px}.navbar-hamburger{width:36px;height:36px;padding:6px}.hamburger-icon{width:18px;height:12px}}.payment-alert-banner{width:100%;padding:12px 20px;display:flex;justify-content:center;align-items:center;z-index:1000;position:relative}.payment-alert-banner.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #f59e0b}.payment-alert-banner.critical{background:linear-gradient(135deg,#fee2e2,#fecaca);border-bottom:2px solid #ef4444}.payment-alert-content{display:flex;align-items:center;gap:12px;max-width:1200px;width:100%;flex-wrap:wrap;justify-content:center}.payment-alert-icon{font-size:24px;flex-shrink:0}.payment-alert-text{display:flex;flex-direction:column;gap:2px;text-align:center}.payment-alert-text strong{font-size:14px;color:#1f2937}.payment-alert-banner.warning .payment-alert-text strong{color:#92400e}.payment-alert-banner.critical .payment-alert-text strong{color:#991b1b}.payment-alert-text span{font-size:13px;color:#4b5563}.payment-alert-banner.warning .payment-alert-text span{color:#78350f}.payment-alert-banner.critical .payment-alert-text span{color:#7f1d1d}.payment-alert-button{background:#1f2937;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600;transition:all .2s ease;flex-shrink:0;margin-left:auto}.payment-alert-banner.warning .payment-alert-button{background:#d97706}.payment-alert-banner.warning .payment-alert-button:hover{background:#b45309}.payment-alert-banner.critical .payment-alert-button{background:#dc2626}.payment-alert-banner.critical .payment-alert-button:hover{background:#b91c1c}@media (max-width: 640px){.payment-alert-banner{padding:10px 16px}.payment-alert-content{flex-direction:column;gap:10px}.payment-alert-icon{font-size:28px}.payment-alert-text{text-align:center}.payment-alert-button{margin-left:0;width:100%;text-align:center}}.App{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%;max-width:100vw;position:relative;background-color:var(--color-bg-light)}.container{max-width:100%;margin:0 auto;padding:0 40px;width:100%;overflow-x:hidden;box-sizing:border-box}@media (max-width: 768px){.container{padding:0 var(--spacing-lg)}}.btn{padding:12px 24px;border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-md);font-size:16px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-block;background-color:var(--color-secondary);color:var(--color-primary);letter-spacing:.01em}.btn:hover{background-color:var(--color-primary);color:var(--color-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-gray-800);border-color:var(--color-gray-800)}.btn-secondary{background-color:var(--color-gray-600);color:var(--color-secondary);border-color:var(--color-gray-600)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-700);border-color:var(--color-gray-700)}.btn-success{background-color:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary)}.btn-success:hover:not(:disabled){background-color:var(--color-gray-800);border-color:var(--color-gray-800)}.btn-outline{background-color:transparent;border:var(--border-width) solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-secondary)}.card{background:var(--color-secondary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);border:var(--border-width) solid var(--border-color)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;font-family:var(--font-body);color:var(--color-primary);font-size:14px;letter-spacing:.01em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-body);background-color:var(--color-secondary);color:var(--color-primary);transition:border-color var(--transition-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-400)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:var(--border-width) solid;font-family:var(--font-body)}.alert-error{background-color:#fef2f2;color:#991b1b;border-color:#fca5a5;border-width:2px;font-weight:500;font-size:1.05rem}.alert-success{background-color:#f0fdf4;color:#166534;border-color:#86efac;border-width:2px;font-weight:500;font-size:1.05rem}.loading{text-align:center;padding:var(--spacing-4xl);color:var(--color-gray-600);font-family:var(--font-body)}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-md);color:var(--color-gray-600);font-family:var(--font-body)}.page-loader-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loader p{margin:0;font-size:14px;color:var(--color-gray-500)}:root{--color-primary: #000000;--color-secondary: #FFFFFF;--color-accent: #C4A07A;--color-bg-light: #F5F5F5;--color-bg-dark: #1A1A1A;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-300: #D4D4D4;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--font-heading: "Playfair Display", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 80px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .12);--border-width: 1px;--border-color: var(--color-gray-200);--border-color-dark: var(--color-gray-300);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-light);color:var(--color-primary);overflow-x:hidden;width:100%;max-width:100vw;position:relative;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.2;color:var(--color-primary);letter-spacing:-.02em}h1{font-size:3rem;font-weight:300}h2{font-size:2.25rem;font-weight:400}h3{font-size:1.75rem;font-weight:400}h4{font-size:1.5rem;font-weight:500}h5{font-size:1.25rem;font-weight:500}h6{font-size:1rem;font-weight:500}p{font-family:var(--font-body);color:var(--color-gray-700);line-height:1.7}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}