*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1;font-size:20px;font-weight:400;color-scheme:dark light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--background-color);color:var(--text-color);overflow:hidden;margin:0}.main-content{height:calc(100dvh - var(--navbar-height) - var(--bottombar-height));margin-top:var(--navbar-height);box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-padding{padding:var(--space-sm)}.app-loading{padding:var(--space-lg)}.error-boundary-container{padding:var(--space-lg);text-align:center;font-family:sans-serif}.error-boundary-message{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.error-boundary-button{padding:var(--space-sm) var(--space-lg);background-color:var(--color-accent-primary);color:var(--color-white);border:none;border-radius:8px;font-weight:700;cursor:pointer}.chart-container{width:100%;height:300px;padding:var(--space-md)}nav{height:var(--navbar-height);padding-inline:var(--navbar-side-padding);padding-block:var(--space-sm);color:var(--color-text-on-dark);background-color:var(--color-primary-800);z-index:100;display:flex;align-items:center;font-weight:700;position:fixed;top:0;width:100%;box-sizing:border-box;border-bottom:1px solid var(--color-border-default)}.menu-personal{position:fixed;top:var(--navbar-height);right:var(--navbar-side-padding);background:var(--bottombar-color);color:var(--text-color);border-radius:var(--radius-md);border:1px solid var(--color-border-default);box-shadow:var(--shadow-lg);z-index:200;font-weight:700;font-size:var(--font-size-sm);overflow-y:auto;overflow-x:hidden;max-height:calc(100dvh - var(--navbar-height) - var(--space-xl))}.menu-personal ul{list-style:none;margin:0;padding:0}.menu-personal li{cursor:pointer;transition:background var(--transition-base)}.menu-personal li a{display:flex;align-items:center;width:100%;min-height:var(--touch-target-min);padding-inline:var(--space-xl);padding-block:var(--space-sm);box-sizing:border-box}.menu-personal li:hover>a,.menu-personal li:hover>button,.menu-personal li:focus-within>a,.menu-personal li:focus-within>button{background:var(--color-surface-subtle)}.submenu-list{background-color:var(--color-surface-subtle);border-top:1px solid var(--color-border-default)}.submenu-list .menu-personal-btn{padding-left:3rem;font-size:.9em}.menu-personal-btn{display:flex;align-items:center;width:100%;min-height:var(--touch-target-min);padding-inline:var(--space-xl);padding-block:var(--space-sm);background:none;border:none;color:inherit;text-align:inherit;font:inherit;cursor:pointer;box-sizing:border-box}.menu-item-content{display:flex;align-items:center;gap:16px;width:100%}.menu-item-icon{display:flex;align-items:center;justify-content:center;opacity:.8}.menu-item-text{flex:1;text-align:left}.menu-item-right{display:flex;align-items:center;opacity:.5}a{color:inherit;text-decoration:none}.unavailable-item{cursor:not-allowed!important;opacity:.5}.unavailable-item:hover,.unavailable-item:focus-within{background:none!important}.unavailable-link{display:flex;align-items:center;width:100%;min-height:var(--touch-target-min);padding-inline:var(--space-xl);padding-block:var(--space-sm);box-sizing:border-box;color:var(--color-text-secondary)}.buttons-right{margin-left:auto;display:flex;align-items:center}.logo-link img.logo{height:calc(var(--touch-target-min) - var(--space-sm))}.profile-info{display:flex;flex-direction:column;padding:var(--space-sm)}.profile-details{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--color-border-default);background-color:var(--button-background-color);padding-right:var(--space-md)}.profile-menu-trigger{background:none;border:none;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-sm);min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.company-logo{height:calc(var(--navbar-height) - var(--space-md));width:auto;padding:var(--space-sm)}.company{color:var(--color-text-secondary)}.coming-soon-mobile{display:none!important}@media(max-width:600px){.menu-personal{position:fixed;top:var(--navbar-height);right:0;left:0;width:100%;height:calc(100dvh - var(--navbar-height) - var(--bottombar-height));background:var(--bottombar-color);border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.menu-personal ul{display:flex;flex-direction:column}.menu-personal li a,.menu-personal-btn,.unavailable-link{min-height:4rem;padding-inline:var(--space-xl);justify-content:flex-start;font-size:1.1rem}.menu-personal li+li{border-top:1px solid var(--color-border-default)}.submenu-list .menu-personal-btn{padding-left:2.5rem;font-size:1rem}.coming-soon-mobile{display:inline-flex!important}.coming-soon-desktop{display:none!important}}.coming-soon-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);opacity:.6;cursor:help;transition:opacity var(--transition-base)}.coming-soon-icon:hover{opacity:1}.coming-soon-tag{display:inline-flex;align-items:center;background-color:var(--color-surface-200);color:var(--color-text-secondary);padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:help;-webkit-user-select:none;user-select:none;white-space:nowrap}:root[data-theme=light] .coming-soon-tag{background-color:var(--color-surface-200);color:var(--color-text-secondary)}.coming-soon-tag-icon{margin-right:4px}.coming-soon-overlay{position:absolute;inset:0;background-color:var(--login-overlay);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:inherit;cursor:not-allowed}:root[data-theme=light] .coming-soon-overlay{background-color:var(--login-overlay)}.coming-soon-overlay-content{display:flex;flex-direction:column;align-items:center;gap:8px;background-color:var(--color-surface-card);padding:16px 24px;border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-subtle);color:var(--text-secondary);text-align:center}.coming-soon-overlay-text{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.BottomBar{position:fixed;left:0;right:0;bottom:0;width:100%;height:var(--bottombar-height);background-color:var(--bottombar-color);color:var(--text-color);z-index:1000;display:flex;align-items:center;justify-content:space-evenly;padding-inline:var(--space-sm);border-top:1px solid var(--color-border-default)}.BottomBarButton{height:calc(var(--bottombar-height) - var(--space-sm));width:64px;background-color:var(--button-background-color);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:var(--bottombar-font-size);border:none;padding:0;color:inherit}.BottomBarButton svg{width:32px;height:32px}.BottomBarButton.active{opacity:1;font-weight:600;border-bottom:2px solid var(--color-accent)}.BottomBarButton.disabled{opacity:.2;cursor:default;pointer-events:none}.login-page-wrapper{height:100dvh;width:100%;background-image:linear-gradient(var(--login-bg-overlay),var(--login-bg-overlay)),url(/LoginBackground.jpg);background-size:cover;background-position:center;display:flex;flex-direction:column;overflow:hidden;position:relative}.login-header{height:var(--bottombar-height);flex-shrink:0;background-color:var(--login-header-bg);display:flex;justify-content:center;align-items:center;width:100%;box-shadow:var(--shadow-md);z-index:10;padding:0 var(--navbar-side-padding)}.logo-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;max-width:200px}.login-logo-img{max-height:40px;max-width:100%;width:auto;object-fit:contain}.login-content{flex:1;display:flex;justify-content:center;align-items:center;padding:var(--space-md);overflow-y:auto;-webkit-overflow-scrolling:touch}.login-card{background-color:var(--login-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-md);border-radius:var(--radius-md);width:100%;max-width:360px;box-shadow:var(--shadow-xl);color:var(--color-white);display:flex;flex-direction:column;gap:var(--space-md);position:relative;border:1px solid var(--login-border)}.otp-mobile-link{color:var(--color-accent-primary);text-decoration:underline;font-size:var(--font-size-sm);text-align:center;font-weight:500}.otp-link-container{margin-top:var(--space-xs);display:flex;justify-content:center}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-neutral-300)}.form-group input{padding:12px;border-radius:var(--radius-sm);border:1px solid var(--login-border);background-color:var(--color-white);color:var(--color-primary-900);font-size:var(--font-size-md);width:100%;outline:none;transition:border-color var(--transition-base)}.form-group input:focus{border-color:var(--color-accent-primary);box-shadow:var(--shadow-focus)}.form-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.forgot-password{color:var(--color-neutral-300);text-decoration:none;font-size:var(--font-size-xs);transition:color var(--transition-base)}.forgot-password:hover{color:var(--color-white);text-decoration:underline}.forgot-password-container{display:flex;align-items:center;gap:8px}.forgot-password.disabled{opacity:.6;cursor:not-allowed}.login-back-button-container{margin-bottom:1rem;width:fit-content}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input[type=password],.password-input-wrapper input[type=text]{padding-right:40px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;padding:4px;display:flex;align-items:center;justify-content:center;z-index:5}.otp-setup-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.qr-code-wrapper{background-color:var(--color-white);padding:var(--space-sm);border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center}.btn{font-weight:600;font-size:.95rem;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;transition:all .2s;text-align:center;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;outline:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(.95)}.btn-secondary{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--text-color)}.btn-secondary:hover:not(:disabled){border-color:var(--color-text-secondary);box-shadow:var(--shadow-md);background:var(--color-surface-card)}.btn-accept{background:var(--color-success);border-color:var(--color-success);color:#fff}.btn-accept:hover:not(:disabled){filter:brightness(.95)}.btn-danger{background:var(--color-surface-subtle);border-color:transparent;color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-surface-200)}.btn-outline{background:var(--color-surface-card);border-color:var(--color-border-subtle);color:var(--text-color)}.btn-outline:hover:not(:disabled){border-color:var(--color-accent-primary);background:var(--color-accent-soft-bg)}.btn-full-width{width:100%}.btn-icon{display:flex;align-items:center;justify-content:center}.btn-icon svg{width:20px;height:20px;fill:currentColor!important}:root{--color-primary-900: rgb(31, 41, 55);--color-primary-800: rgb(49, 58, 70);--color-primary-700: rgb(59, 70, 83);--color-primary-600: rgb(75, 85, 99);--color-neutral-500: rgb(107, 114, 128);--color-neutral-400: rgb(156, 163, 175);--color-neutral-300: rgb(209, 213, 219);--color-surface-200: rgb(226, 232, 240);--color-surface-100: rgb(241, 245, 249);--color-surface-50: rgb(249, 250, 251);--color-white: rgb(255, 255, 255);--color-black: rgb(0, 0, 0);--color-accent-primary: rgb(96, 165, 250);--color-accent-secondary: rgb(56, 189, 248);--color-accent-soft: rgb(191, 219, 254);--color-success: #10b981;--color-success-dark: #059669;--color-danger: #ef4444;--color-danger-dark: #dc2626;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-text-primary: var(--color-primary-900);--color-text-secondary: var(--color-neutral-500);--color-text-on-dark: var(--color-white);--color-surface-base: var(--color-surface-100);--color-surface-card: var(--color-white);--color-surface-subtle: var(--color-surface-50);--color-border-default: var(--color-neutral-300);--color-border-subtle: var(--color-surface-200);--color-overlay: rgba(0, 0, 0, .5);--color-accent: var(--color-accent-primary);--color-accent-soft-bg: var(--color-accent-soft);--color-icon-default: var(--color-primary-900);--color-icon-on-dark: var(--color-white);--background-color: var(--color-surface-50);--text-color: var(--color-text-primary);--icon-color: var(--color-icon-default);--bottombar-color: var(--color-white);--button-background-color: var(--color-surface-base);--login-overlay: rgba(255, 255, 255, .5);--login-bg-overlay: rgba(0, 0, 0, .4);--login-header-bg: rgba(31, 41, 55, .95);--login-card-bg: rgba(49, 58, 70, .85);--login-border: rgba(255, 255, 255, .1);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--navbar-height: 64px;--navbar-side-padding: 1rem;--bottombar-height: 64px;--bottombar-font-size: .6rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--touch-target-min: 48px;--transition-base: .2s ease;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0,0,0,.15);--shadow-xl: 0 16px 48px rgba(0,0,0,.2);--shadow-focus: 0 0 0 3px rgba(96, 165, 250, .2)}@media(prefers-color-scheme:dark){:root{--background-color: var(--color-primary-600);--text-color: var(--color-text-on-dark);--icon-color: var(--color-icon-on-dark);--bottombar-color: var(--color-primary-800);--button-background-color: var(--color-primary-600);--color-text-secondary: var(--color-neutral-300);--color-surface-card: var(--color-primary-700);--color-surface-subtle: var(--color-primary-800);--color-border-default: var(--color-neutral-500);--color-border-subtle: var(--color-primary-600);--login-overlay: rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0,0,0,.4);--shadow-xl: 0 16px 48px rgba(0,0,0,.5)}}[theme=light]{--background-color: var(--color-surface-50);--text-color: var(--color-text-primary);--icon-color: var(--color-icon-default);--bottombar-color: var(--color-white);--button-background-color: var(--color-surface-base);--color-text-secondary: var(--color-neutral-500);--color-surface-card: var(--color-white);--color-surface-subtle: var(--color-surface-50);--color-border-default: var(--color-neutral-300);--color-border-subtle: var(--color-surface-200);--login-overlay: rgba(255, 255, 255, .5);--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0,0,0,.15);--shadow-xl: 0 16px 48px rgba(0,0,0,.2)}[theme=dark]{--background-color: var(--color-primary-600);--text-color: var(--color-text-on-dark);--icon-color: var(--color-icon-on-dark);--bottombar-color: var(--color-primary-800);--button-background-color: var(--color-primary-600);--color-text-secondary: var(--color-neutral-300);--color-surface-card: var(--color-primary-700);--color-surface-subtle: var(--color-primary-800);--color-border-default: var(--color-neutral-500);--color-border-subtle: var(--color-primary-600);--login-overlay: rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0,0,0,.4);--shadow-xl: 0 16px 48px rgba(0,0,0,.5)}.otp-group{align-items:center}.otp-label{text-align:center;margin-bottom:var(--space-sm)}.otp-input-container{position:relative;width:100%;max-width:280px;height:52px}.otp-hidden-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;cursor:pointer;caret-color:transparent}.otp-visual-grid{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;gap:var(--space-sm);z-index:1}.otp-digit-box{flex:1;height:100%;background-color:var(--color-white);border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center;color:var(--color-primary-900);font-size:var(--font-size-lg);font-weight:700;transition:all var(--transition-base);border:1px solid var(--color-border-subtle)}.otp-digit-box.active{border-color:var(--color-accent-primary);box-shadow:var(--shadow-focus)}.otp-digit-box.filled{color:var(--color-primary-900)}.notification-container{position:fixed;bottom:calc(var(--bottombar-height, 64px) + 16px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:9999;width:90%;max-width:400px;pointer-events:none}.notification-item{display:flex;align-items:center;padding:12px 16px;border-radius:8px;box-shadow:var(--shadow-xl);animation:slideUp .3s cubic-bezier(.16,1,.3,1);pointer-events:auto;font-size:.95rem;font-weight:600;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.notification-item.closing{animation:fadeOutDown .3s cubic-bezier(.16,1,.3,1) forwards}.notification-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon svg{width:22px;height:22px;stroke:currentColor}.notification-message{flex:1}.notification-close-btn{background:none;border:none;color:currentColor;opacity:.7;cursor:pointer;padding:4px;margin:-4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s,background-color .2s;border-radius:50%}.notification-close-btn:hover{opacity:1;background-color:#ffffff26}.notification-success{background-color:var(--color-success);border:1px solid var(--color-success-dark);color:var(--color-white)}.notification-error{background-color:var(--color-danger);border:1px solid var(--color-danger-dark);color:var(--color-white)}.notification-warning{background-color:var(--color-warning);border:1px solid var(--color-warning-dark);color:var(--color-white)}.notification-info{background-color:var(--color-info);border:1px solid var(--color-info-dark);color:var(--color-white)}.notification-neutral{background-color:var(--color-primary-800);border:1px solid var(--color-primary-900);color:var(--color-white)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}