:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft-bg:#eff6ff;--color-primary-soft-bd:#bfdbfe;--color-primary-focus-rgb:37,99,235;--color-primary-focus-ring:#2563eb29;--color-success:#15be53;--color-success-hover:#108c3d;--color-success-soft-bg:#e1f5ee;--color-success-soft-bd:#a3e6cd;--color-success-soft-fg:#0f6e56;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-soft-bg:#faeeda;--color-warning-soft-bd:#fde68a;--color-warning-soft-fg:#854f0b;--color-info:#2563eb;--color-info-hover:#185fa5;--color-info-soft-bg:#e6f1fb;--color-info-soft-fg:#185fa5;--color-danger:#ea2261;--color-danger-hover:#c41a53;--color-danger-soft-bg:#fff0f4;--color-danger-soft-bd:#ffd7ef;--color-danger-soft-fg:#a32d2d;--color-danger-rose:#e91e63;--color-danger-rose-bg:#fce4ec;--color-estado-disponible-fg:#15be53;--color-estado-disponible-bg:#e1f5ee;--color-estado-enviaje-fg:#f59e0b;--color-estado-enviaje-bg:#faeeda;--color-estado-descargando-fg:#2563eb;--color-estado-descargando-bg:#e6f1fb;--color-estado-retrasada-fg:#ea2261;--color-estado-retrasada-bg:#fff0f4;--color-estado-mantenimiento-fg:#e91e63;--color-estado-mantenimiento-bg:#fce4ec;--color-estado-nodisponible-fg:#64748d;--color-estado-nodisponible-bg:#f1f5f9;--color-text-title:#061b31;--color-text-body:#273951;--color-text-muted:#64748d;--color-text-muted-2:#334155;--color-text-on-primary:#fff;--color-bg-page:#f7f9fc;--color-bg-card:#fff;--color-bg-soft:#f5f6ff;--color-bg-soft-2:#f8fafc;--color-bg-soft-3:#eff3f6;--color-bg-dark:#1c1e54;--color-bg-dark-elev:#2a2c70;--color-text-on-dark:#fff;--color-text-on-dark-muted:#ffffffb8;--color-border-on-dark:#ffffff1f;--color-border:#c8d5e2;--color-border-strong:#b0c0d0;--color-border-indigo:#c4c8f8;--color-border-muted:#d5dfe8;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 6px #32325d0f,0 1px 2px #0000000a;--shadow-lg:0 4px 12px #32325d14,0 1px 3px #0000000f;--shadow-xl:0 12px 28px #32325d26,0 4px 8px #00000014;--shadow-primary:0 2px 8px #2563eb40;--shadow-primary-hover:0 6px 16px #2563eb4d;--shadow-danger-hover:0 4px 12px #ea22614d;--shadow-tint-soft:#32325d40;--shadow-tint-strong:#0000001a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--font-stack:"sohne-var","SF Pro Display",-apple-system,BlinkMacSystemFont,sans-serif;--font-feature:"ss01";--font-mono:"SourceCodePro",ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;--card-min-height:320px;--card-padding:var(--space-5)}:root[data-theme=dark]{--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-soft-bg:#0e223d;--color-primary-soft-bd:#1e3a5f;--color-primary-focus-rgb:59,130,246;--color-primary-focus-ring:#3b82f638;--color-success:#34d97a;--color-success-hover:#2bb866;--color-success-soft-bg:#0e2b1d;--color-success-soft-bd:#175338;--color-success-soft-fg:#4ade80;--color-warning:#fbbf24;--color-warning-hover:#f59e0b;--color-warning-soft-bg:#2d2310;--color-warning-soft-bd:#533f0e;--color-warning-soft-fg:#fbbf24;--color-info:#3b82f6;--color-info-hover:#60a5fa;--color-info-soft-bg:#0e1f3a;--color-info-soft-fg:#60a5fa;--color-danger:#f43f75;--color-danger-hover:#e11d48;--color-danger-soft-bg:#2d0d1c;--color-danger-soft-bd:#5a1a32;--color-danger-soft-fg:#f87171;--color-danger-rose:#ec4899;--color-danger-rose-bg:#2d0d1c;--color-estado-disponible-fg:#4ade80;--color-estado-disponible-bg:#0e2b1d;--color-estado-enviaje-fg:#fbbf24;--color-estado-enviaje-bg:#2d2310;--color-estado-descargando-fg:#60a5fa;--color-estado-descargando-bg:#0e1f3a;--color-estado-retrasada-fg:#f87171;--color-estado-retrasada-bg:#2d0d1c;--color-estado-mantenimiento-fg:#f472b6;--color-estado-mantenimiento-bg:#2d0d1c;--color-estado-nodisponible-fg:#94a3b8;--color-estado-nodisponible-bg:#1e2333;--color-text-title:#f1f5f9;--color-text-body:#c4cad4;--color-text-muted:#8b95a5;--color-text-muted-2:#a3acba;--color-text-on-primary:#fff;--color-bg-page:#0f1419;--color-bg-card:#1a1f2e;--color-bg-soft:#151a26;--color-bg-soft-2:#1e2333;--color-bg-soft-3:#232938;--color-bg-dark:#0a0e1a;--color-bg-dark-elev:#161b2e;--color-text-on-dark:#fff;--color-text-on-dark-muted:#ffffffb8;--color-border-on-dark:#ffffff1a;--color-border:#2a3242;--color-border-strong:#38414f;--color-border-indigo:#3a3878;--color-border-muted:#1f2532;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 6px #00000080,0 1px 2px #0000004d;--shadow-lg:0 4px 12px #0000008c,0 1px 3px #0006;--shadow-xl:0 12px 28px #000000a6,0 4px 8px #00000080;--shadow-primary:0 2px 8px #3b82f659;--shadow-primary-hover:0 6px 16px #3b82f673;--shadow-danger-hover:0 4px 12px #f43f7566;--shadow-tint-soft:#00000080;--shadow-tint-strong:#0006}.chip-danger,.chip-info,.chip-ok,.chip-warn{font-feature-settings:"ss01";font-feature-settings:var(--font-feature);align-items:center;border-radius:999px;border-radius:var(--radius-pill);display:inline-flex;font-family:sohne-var,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-stack);font-size:.72rem;font-weight:700;gap:5px;line-height:1;padding:3px 9px;white-space:nowrap}.chip-warn{background:#faeeda;background:var(--color-warning-soft-bg);color:#854f0b;color:var(--color-warning-soft-fg)}.chip-info{background:#e6f1fb;background:var(--color-info-soft-bg);color:#185fa5;color:var(--color-info-soft-fg)}.chip-ok{background:#e1f5ee;background:var(--color-success-soft-bg);color:#0f6e56;color:var(--color-success-soft-fg)}.chip-danger{background:#fff0f4;background:var(--color-danger-soft-bg);color:#a32d2d;color:var(--color-danger-soft-fg)}.chip-neutral{font-feature-settings:"ss01";font-feature-settings:var(--font-feature);align-items:center;background:#f8fafc;background:var(--color-bg-soft-2);border:1px solid #c8d5e2;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-md);color:#64748d;color:var(--color-text-muted);display:inline-flex;font-family:sohne-var,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-stack);font-size:.7rem;font-weight:600;padding:2px 8px}:root{--scrollbar-size:6px;--scrollbar-track:var(--color-bg-soft-2);--scrollbar-thumb:var(--color-border-strong);--scrollbar-thumb-hover:var(--color-text-muted)}:root[data-theme=dark]{--scrollbar-track:var(--color-bg-soft-2);--scrollbar-thumb:var(--color-border-strong);--scrollbar-thumb-hover:var(--color-text-muted-2)}*{scrollbar-color:#b0c0d0 #f8fafc;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{height:6px;height:var(--scrollbar-size);width:6px;width:var(--scrollbar-size)}::-webkit-scrollbar-track{background:#f8fafc;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:999px;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb{background:#b0c0d0;background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:#64748d;background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:#f8fafc;background:var(--scrollbar-track)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Login_loginContainer__JNl76{font-feature-settings:"ss01";font-feature-settings:var(--font-feature,"ss01");align-items:center;background:linear-gradient(135deg,#4434d4,#1c1e54);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-stack,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);justify-content:center;min-height:100vh;position:relative;transition:background .3s ease}:root[data-theme=dark] .Login_loginContainer__JNl76{background:linear-gradient(135deg,#0a0e1a,#151a2e 50%,#1c1e54)}.Login_themeToggle__kaq2O{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26!important;border:1px solid #ffffff40!important;color:#fff!important;position:absolute!important;right:20px;top:20px;transition:all .2s ease!important}.Login_themeToggle__kaq2O:hover{background:#ffffff40!important;transform:scale(1.05)}.Login_loginBackground__h-6ij{max-width:420px;padding:20px;width:100%}.Login_loginCard__LKOId{animation:Login_fadeIn__HS6I2 .5s ease-out;width:100%}.Login_loginPaper__Of4nZ{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-card)!important;border:1px solid var(--color-border)!important;border-radius:16px!important;box-shadow:var(--shadow-xl)!important;padding:40px 32px!important;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease!important}.Login_loginHeader__lPaSo{margin-bottom:28px;text-align:center}.Login_logoContainer__rJYF-{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:16px;box-shadow:var(--shadow-primary);display:inline-flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.Login_logoIcon__\+KpDo{color:#fff!important;font-size:30px!important}.Login_loginTitle__SkXy-{color:var(--color-text-title)!important;font-family:var(--font-stack)!important;font-weight:700!important;letter-spacing:-.02em;margin-bottom:6px!important}.Login_loginSubtitle__q0P8W{color:var(--color-text-muted)!important;font-family:var(--font-stack)!important;font-size:.92rem!important;font-weight:400!important}.Login_loginForm__SE4C5{display:flex;flex-direction:column;gap:20px}.Login_errorAlert__AniQ2{border-radius:8px!important;margin-bottom:4px!important}.Login_textField__sWEOf{width:100%}.Login_textField__sWEOf .MuiOutlinedInput-root{background-color:var(--color-bg-soft-2);border-radius:10px;color:var(--color-text-title)!important;transition:all .2s ease}.Login_textField__sWEOf .MuiOutlinedInput-root:hover{background-color:var(--color-bg-soft)}.Login_textField__sWEOf .MuiOutlinedInput-root.Mui-focused{background-color:var(--color-bg-card);box-shadow:0 0 0 3px var(--color-primary-focus-ring)}.Login_textField__sWEOf .MuiOutlinedInput-notchedOutline{border-color:var(--color-border);transition:border-color .2s ease}.Login_textField__sWEOf .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--color-border-strong)}.Login_textField__sWEOf .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--color-primary)!important}.Login_textField__sWEOf .MuiInputLabel-root{color:var(--color-text-muted)!important;font-weight:500}.Login_textField__sWEOf .MuiInputLabel-root.Mui-focused{color:var(--color-primary)!important}.Login_textField__sWEOf .MuiInputBase-input{color:var(--color-text-title)!important;font-size:15px}.Login_textField__sWEOf .MuiInputBase-input::placeholder{color:var(--color-text-muted)!important;opacity:.8}.Login_textField__sWEOf input:-webkit-autofill,.Login_textField__sWEOf input:-webkit-autofill:active,.Login_textField__sWEOf input:-webkit-autofill:focus,.Login_textField__sWEOf input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-title)!important;-webkit-box-shadow:0 0 0 1000px var(--color-bg-soft-2) inset!important;caret-color:var(--color-text-title)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.Login_loginButton__uAhjT{background:var(--color-primary)!important;border-radius:10px!important;box-shadow:var(--shadow-primary)!important;color:var(--color-text-on-primary)!important;font-family:var(--font-stack)!important;font-size:15px!important;font-weight:600!important;height:46px!important;text-transform:none!important;transition:all .2s ease!important}.Login_loginButton__uAhjT:hover{background:var(--color-primary-hover)!important;box-shadow:var(--shadow-primary-hover)!important;transform:translateY(-1px)}.Login_loginButton__uAhjT:active{transform:translateY(0)}.Login_loginButton__uAhjT:disabled{background:var(--color-bg-soft-3)!important;border:1px solid var(--color-border)!important;box-shadow:none!important;color:var(--color-text-muted)!important;transform:none!important}.Login_loginFooter__d32cB{border-top:1px solid var(--color-border);margin-top:28px;padding-top:16px;text-align:center}.Login_footerText__kE0Iq{color:var(--color-text-muted)!important;font-family:var(--font-stack)!important}@media (max-width:480px){.Login_themeToggle__kaq2O{right:12px;top:12px}.Login_loginBackground__h-6ij{padding:12px}.Login_loginPaper__Of4nZ{padding:28px 20px!important}.Login_loginTitle__SkXy-{font-size:1.6rem!important}}@keyframes Login_fadeIn__HS6I2{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}:root{--stripe-purple:var(--color-primary);--stripe-purple-hover:var(--color-primary-hover);--stripe-purple-light:var(--color-primary-focus-ring);--stripe-navy:var(--color-text-title);--stripe-label:var(--color-text-body);--stripe-body:var(--color-text-muted);--stripe-border:var(--color-border);--stripe-brand-dark:var(--color-bg-dark);--stripe-white:var(--color-bg-card);--shadow-blue:var(--shadow-tint-soft);--shadow-black:var(--shadow-tint-strong)}.navbarDiv{font-feature-settings:"ss01";background-color:var(--color-bg-card);background-color:var(--stripe-white);border-right:1px solid var(--stripe-border);box-shadow:var(--shadow-tint-soft) 0 30px 45px -30px,var(--shadow-tint-strong) 0 18px 36px -18px;box-shadow:var(--shadow-blue) 0 30px 45px -30px,var(--shadow-black) 0 18px 36px -18px;display:flex;flex-direction:column;font-family:sohne-var,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;justify-content:flex-start;overflow-y:auto;padding:10px;transition:all .3s ease}.navbarDiv.open{min-width:var(--sidebar-open);transition:width .3s ease;width:var(--sidebar-open)}.navbarDiv.closed{min-width:var(--sidebar-closed);padding:10px 5px 0 0;transition:width .3s ease;width:var(--sidebar-closed)}.logo{height:40px;width:40px}.logoDiv{align-items:center;border-bottom:1px solid var(--stripe-border);display:flex;justify-content:center;margin-bottom:15px;padding:0 10px 15px}.logoDiv>label{font-feature-settings:"ss01";color:var(--color-text-title);color:var(--stripe-navy);font-size:22px;font-weight:300;letter-spacing:-.22px;margin-left:10px;transition:opacity .3s ease}.userInfo{background:var(--color-bg-dark);background:var(--stripe-brand-dark);border:1px solid #ffffff1a;border-radius:6px;box-shadow:var(--shadow-tint-soft) 0 4px 12px -4px;box-shadow:var(--shadow-blue) 0 4px 12px -4px;color:#fff;margin-bottom:20px;padding:12px;transition:all .3s ease}.userProfile{align-items:center;display:flex;gap:10px}.userIcon{font-size:32px!important;opacity:.9}.userDetails{display:flex;flex-direction:column}.userName{font-feature-settings:"ss01";font-size:14px;font-weight:400;letter-spacing:0}.userRole{font-feature-settings:"ss01";color:#fffc;font-size:12px;font-style:normal;font-weight:300;opacity:.7}.navContent{display:flex;flex:1 1;flex-direction:column}.navSection{margin-bottom:12px}.sectionHeader{font-feature-settings:"ss01";align-items:center;background-color:initial!important;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:.08em;margin-bottom:4px;padding:10px 12px 6px;text-transform:uppercase;transition:all .2s ease;width:100%}.sectionHeader:hover{background-color:var(--color-bg-soft-2)!important;color:var(--color-primary);color:var(--stripe-purple)}.sectionContent{transition:all .3s ease}.sectionContent.visible{max-height:1200px;opacity:1;overflow:visible;padding-left:6px}.sectionContent.hidden{max-height:0;opacity:0;overflow:hidden;padding-left:6px}.sectionContent.iconsOnly{max-height:none;opacity:1;padding-left:0}.submenuContent{border-left:2px solid var(--color-border);display:flex;flex-direction:column;gap:2px;margin-bottom:6px;margin-left:18px;margin-top:4px;padding-left:8px!important;pointer-events:auto;transition:all .2s ease}.submenuContent .navButton,.submenuContent .submenuButton{border-radius:4px;font-size:13px;padding:7px 12px!important}.navButton,.navbarDiv>button,.sectionContent>button{font-feature-settings:"ss01";background-color:initial;border:none;border-radius:6px;color:var(--color-text-body);cursor:pointer;display:block;font-family:inherit;font-size:13.5px;font-weight:400;margin-bottom:2px;padding:9px 12px;text-align:left;transition:all .2s ease;width:100%}.navButton:hover,.navbarDiv>button:hover,.sectionContent>button:hover{background-color:var(--color-bg-soft-2);color:var(--color-primary);color:var(--stripe-purple)}.navButton.active,.navButton.active:hover{background-color:#533afd1f;background-color:var(--color-primary-soft-bg,#533afd1f);color:var(--color-primary);color:var(--stripe-purple);font-weight:500}.submenuButton.active,.submenuButton.active:hover{background-color:#533afd29!important;background-color:var(--color-primary-soft-bg,#533afd29)!important;border-bottom-left-radius:0!important;border-left:3px solid var(--stripe-purple)!important;border-top-left-radius:0!important;color:var(--color-primary)!important;color:var(--stripe-purple)!important;font-weight:500}.navButton.active .icon,.navButton.active .label{color:var(--color-primary);color:var(--stripe-purple)}.buttonDiv{align-items:center;display:flex;justify-content:flex-start}.buttonDiv>.icon{margin-left:2px;margin-right:10px}.label{font-feature-settings:"ss01";font-weight:300;max-width:150px;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.label:hover{cursor:pointer}.openLabel{opacity:1}.closedLabel{opacity:0}.icon{fill:currentColor;height:20px;margin-left:2px;margin-right:10px;transition:all .2s ease;width:20px}.buttonDiv:hover .icon{color:var(--color-primary);color:var(--stripe-purple);transform:scale(1.1)}.navControls{border-top:1px solid var(--stripe-border);display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:15px}.controlButton{font-feature-settings:"ss01";background:#0000!important;border:1px solid var(--stripe-border)!important;border-radius:6px!important;color:var(--color-text-body)!important;color:var(--stripe-label)!important;font-family:inherit;font-size:14px;font-weight:300;margin-bottom:0!important;overflow:hidden;padding:10px 15px!important;position:relative;transition:all .2s ease!important}.controlButton:hover{background:var(--color-primary-focus-ring)!important;background:var(--stripe-purple-light)!important;border-color:#533afd4d!important;box-shadow:var(--shadow-tint-soft) 0 8px 20px -8px,var(--shadow-tint-strong) 0 4px 10px -4px;box-shadow:var(--shadow-blue) 0 8px 20px -8px,var(--shadow-black) 0 4px 10px -4px;color:var(--color-primary)!important;color:var(--stripe-purple)!important;transform:translateY(-1px)}.controlButton:active{box-shadow:none;transform:translateY(0)}.controlButton .icon{color:var(--color-text-body);color:var(--stripe-label);transition:all .2s ease}.controlButton:hover .icon{color:var(--color-primary)!important;color:var(--stripe-purple)!important;transform:scale(1.1) rotate(5deg)}.logoutButton{font-feature-settings:"ss01";background:#0000!important;border:1px solid #ea226140!important;border-radius:6px!important;color:var(--color-danger)!important;font-family:inherit;font-size:14px;font-weight:300;overflow:hidden;padding:10px 15px!important;position:relative;transition:all .2s ease!important}.logoutButton:hover{background:#ea22610f!important;border-color:#ea226180!important;box-shadow:0 8px 20px -8px #ea226126;color:var(--color-danger-hover)!important;transform:translateY(-1px)}.logoutButton:active{box-shadow:none;transform:translateY(0)}.logoutButton .icon{color:var(--color-danger);transition:all .2s ease}.logoutButton:hover .icon{color:var(--color-danger-hover)!important;transform:scale(1.1) rotate(-5deg)}.navbarDiv.closed .controlButton,.navbarDiv.closed .logoutButton{justify-content:center;padding:10px 8px!important}.navbarDiv.closed .controlButton .buttonDiv,.navbarDiv.closed .logoutButton .buttonDiv{justify-content:center}.navbarDiv.closed .controlButton:hover,.navbarDiv.closed .logoutButton:hover{transform:translateY(-2px)}.navbarDiv.closed .controlButton[title]:hover:after,.navbarDiv.closed .logoutButton[title]:hover:after{font-feature-settings:"ss01";animation:tooltipSlideIn .3s ease forwards;background:var(--color-text-title);background:var(--stripe-navy);border:1px solid #ffffff1a;border-radius:6px;box-shadow:var(--shadow-tint-soft) 0 8px 20px -8px,var(--shadow-tint-strong) 0 4px 10px -4px;box-shadow:var(--shadow-blue) 0 8px 20px -8px,var(--shadow-black) 0 4px 10px -4px;color:#fff;content:attr(title);font-size:12px;font-weight:300;left:calc(100% + 10px);opacity:0;padding:6px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.navbarDiv.closed .controlButton[title]:hover:before,.navbarDiv.closed .logoutButton[title]:hover:before{animation:tooltipSlideIn .3s ease forwards;border-bottom:6px solid #0000;border-right:8px solid var(--stripe-navy);border-top:6px solid #0000;content:"";height:0;left:calc(100% + 2px);opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:0;z-index:1001}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-50%) translateX(-10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@media (max-width:768px){.controlButton,.logoutButton{font-size:13px;padding:10px 12px!important}.navbarDiv.closed .controlButton,.navbarDiv.closed .logoutButton{padding:10px 6px!important}.controlButton .icon,.logoutButton .icon{height:18px;width:18px}}.controlButton:focus,.logoutButton:focus{outline:2px solid var(--color-primary);outline:2px solid var(--stripe-purple);outline-offset:2px}.logoutButton:focus{outline-color:var(--color-danger)}.controlButton:active{background:#533afd1a!important}.logoutButton:active{background:#ea22611a!important}.appDiv{display:flex;height:100vh;overflow:hidden;width:100%}.navbarApp{flex-shrink:0;transition:all .3s ease;z-index:100}.navbarApp.opened{max-width:250px;min-width:190px;width:15%}.navbarApp.closed{max-width:55px;min-width:55px;width:4%}.mainApp{flex:1 1;min-width:0;overflow-x:auto;overflow-y:auto;padding:10px}@media (max-width:1440px){.navbarApp.opened{min-width:200px;width:200px}}@media (max-width:1024px){.navbarApp.opened{min-width:180px;width:180px}.mainApp{padding:5px}}@media (max-width:768px){.navbarApp.opened{box-shadow:4px 0 12px #00000026;height:100vh;left:0;position:fixed;top:0;z-index:1000}.navbarApp.closed{min-width:50px;width:50px}.mainApp{margin-left:0;width:100%}}