body{margin:0;font-family:sans-serif;background-color:#f0f2f5;min-height:100vh;display:flex;flex-direction:column}.app-wrapper.svelte-12pfck0{display:flex;flex-grow:1}.main-content.svelte-12pfck0{flex-grow:1;display:flex;flex-direction:column;transition:margin-left .3s ease,padding-top .3s ease;min-height:100vh}.main-content-horizontal-menu.svelte-12pfck0{padding-top:var(--horizontal-menu-height, 0px)}.main-header-nav.svelte-12pfck0{display:flex;justify-content:flex-end;padding:10px 20px;background-color:#fff;border-bottom:1px solid #eee;gap:15px;flex-wrap:wrap}.menu-item.svelte-12pfck0{background:none;border:none;padding:8px 15px;cursor:pointer;font-size:1em;color:#4f46e5;text-decoration:none;border-radius:4px;transition:background-color .2s ease,color .2s ease}.menu-item.svelte-12pfck0:hover{background-color:#f0f2f5;color:#4338ca}.active-orientation-btn.svelte-12pfck0{background-color:#4f46e5;color:#fff;font-weight:700}.active-orientation-btn.svelte-12pfck0:hover{background-color:#4338ca;color:#fff}.logout-button.svelte-12pfck0{background-color:#ef4444;color:#fff}.logout-button.svelte-12pfck0:hover{background-color:#dc2626}.centered-content-wrapper.svelte-12pfck0{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:20px}.welcome-container.svelte-12pfck0{background:#fff;padding:2rem 3rem;border-radius:10px;box-shadow:0 4px 15px #0000001a;max-width:800px;width:100%;text-align:center}.company-logo.svelte-12pfck0{max-width:150px;margin-bottom:1.5rem}h1.svelte-12pfck0{color:#333;margin-bottom:1.5rem;font-size:2.5em}.system-description.svelte-12pfck0{margin-bottom:2rem;line-height:1.6;color:#666}.system-description.svelte-12pfck0 p:where(.svelte-12pfck0){margin-bottom:1em}.login-button.svelte-12pfck0{display:inline-block;padding:1rem 2rem;background-color:#4f46e5;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1em;transition:background-color .3s ease}.login-button.svelte-12pfck0:hover{background-color:#4338ca}.info-links.svelte-12pfck0{margin-top:2rem;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.info-link.svelte-12pfck0{color:#4f46e5;text-decoration:none;font-size:.9em}.info-link.svelte-12pfck0:hover{text-decoration:underline}@media (max-width: 768px){.welcome-container.svelte-12pfck0{padding:1.5rem 1rem;margin:1rem}h1.svelte-12pfck0{font-size:1.8em}.system-description.svelte-12pfck0{font-size:.9em}.info-links.svelte-12pfck0{flex-direction:column;align-items:center;gap:10px}.main-header-nav.svelte-12pfck0{justify-content:center}}