.layout{background-color:#f5f5f5;flex-direction:column;min-height:100vh;display:flex}.top-navbar{z-index:100;background-color:#1a1a1a;border-bottom:1px solid #333;padding:.75rem 1.5rem;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}@media (display-mode:standalone){.top-navbar{padding-top:calc(.75rem + 3px)}}.top-nav-container{justify-content:space-between;align-items:center;gap:2rem;display:flex}.nav-left{align-items:center;gap:1rem;display:flex}.hamburger-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.hamburger-button:hover{background-color:#ffffff1a}.nav-logo{color:#fff;margin:0 0 0 -.75rem;font-size:1.25rem;font-weight:700}.nav-user{align-items:center;display:flex}.user-info{align-items:center;gap:1rem;display:flex}.user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.9rem;overflow:hidden}.dev-mode-badge{opacity:.7;margin-left:.5rem;font-size:.75rem}.logout-button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #ffffff4d;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s,border-color .2s;display:inline-flex}.logout-button:hover{background-color:#ffffff1a;border-color:#ffffff80}.layout-body{flex:1;display:flex;position:relative}.sidebar{z-index:90;background-color:#fff;border-right:1px solid #e0e0e0;flex-direction:column;transition:width .3s;display:flex;position:fixed;top:60px;bottom:0;left:0;overflow:hidden auto;box-shadow:2px 0 4px #0000000d}.sidebar.expanded{width:260px}.sidebar.collapsed{width:70px}.sidebar-nav{padding:1.5rem 0}.sidebar-menu{margin:0;padding:0;list-style:none}.sidebar-menu li{margin:0}.sidebar-link{color:#333;border-left:3px solid #0000;justify-content:flex-start;align-items:center;gap:.75rem;padding:.875rem 1.5rem;text-decoration:none;transition:background-color .2s,color .2s;display:flex;position:relative}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.875rem}.sidebar-link:hover{color:#646cff;background-color:#f5f5f5}.sidebar-link.active{color:#646cff;background-color:#f0f0ff;border-left-color:#646cff;font-weight:500}.sidebar-link svg{flex-shrink:0;width:20px;height:20px}.sidebar-link span{white-space:nowrap;transition:opacity .2s,width .2s;overflow:hidden}.sidebar.collapsed .sidebar-link span{opacity:0;width:0;margin:0;padding:0}.sidebar-settings-item{border-top:1px solid #e0e0e0;margin-top:auto;padding-top:.5rem}.sidebar-nav{flex-direction:column;flex:1;min-height:0;padding:1.5rem 0;display:flex}.sidebar-menu{flex:1;min-height:0}.sidebar-link-button{font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;width:100%}.theme-modal-overlay{z-index:200;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.theme-modal{background-color:#fff;border-radius:8px;width:100%;max-width:340px;overflow:hidden;box-shadow:0 4px 20px #00000026}.theme-modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.theme-modal-header h2{color:#333;margin:0;font-size:1.125rem;font-weight:600}.theme-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex}.theme-modal-close:hover{color:#333;background-color:#f0f0f0}.theme-modal-body{padding:1.25rem}.theme-modal-label{color:#555;margin:0 0 .75rem;font-size:.875rem;font-weight:500}.theme-options{flex-direction:column;gap:.25rem;display:flex}.theme-option{cursor:pointer;border:2px solid #0000;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background-color .15s;display:flex}.theme-option:hover{background-color:#f5f5f5}.theme-option input{accent-color:#646cff;width:1rem;height:1rem;margin:0}.theme-option-selected{background-color:#f0f0ff;border-color:#646cff}.theme-option-selected:hover{background-color:#e8e8ff}html[data-theme=dark] .theme-modal{background-color:#2a2a2a;border:1px solid #444}html[data-theme=dark] .theme-modal-header{border-bottom-color:#444}html[data-theme=dark] .theme-modal-header h2{color:#eee}html[data-theme=dark] .theme-modal-close{color:#aaa}html[data-theme=dark] .theme-modal-close:hover{color:#fff;background-color:#333}html[data-theme=dark] .theme-modal-label{color:#bbb}html[data-theme=dark] .theme-option{color:#ddd}html[data-theme=dark] .theme-option:hover{background-color:#333}html[data-theme=dark] .theme-option-selected{background-color:#3a3a4a;border-color:#646cff}html[data-theme=dark] .theme-option-selected:hover{background-color:#404050}html[data-theme=dark] .sidebar-settings-item{border-top-color:#444}.sidebar-overlay{z-index:85;background-color:#00000080;display:none;position:fixed;inset:60px 0 0}.main-content{flex:1;min-height:calc(100vh - 60px);padding:2rem;transition:margin-left .3s}.main-content.sidebar-expanded{margin-left:260px}.main-content.sidebar-collapsed{margin-left:70px}@media (width<=768px){.layout{flex-direction:column;width:100%;height:100dvh;min-height:100dvh;display:flex}.top-navbar{padding:.15rem .3rem}@media (display-mode:standalone){.top-navbar{padding-top:calc(.15rem + 3px)}}.layout-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar{transform:translate(-100%);width:260px!important}.sidebar.expanded{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.sidebar-overlay{display:block}.main-content{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-width:0;min-height:0;padding:.5rem .5rem 1rem;display:flex;position:relative;overflow:hidden auto;margin-left:0!important}.main-content>*{min-width:0;max-width:100%}.nav-logo{font-size:1.25rem}.user-name{max-width:120px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .layout{background-color:#1a1a1a}html:not([data-theme=light]) .sidebar{background-color:#2a2a2a;border-right-color:#333}html:not([data-theme=light]) .sidebar-link{color:#ccc}html:not([data-theme=light]) .sidebar-link:hover{color:#646cff;background-color:#333}html:not([data-theme=light]) .sidebar-link.active{color:#646cff;background-color:#3a3a4a}html:not([data-theme=light]) .main-content{color:#fff;background-color:#1a1a1a}}html[data-theme=dark] .layout{background-color:#1a1a1a}html[data-theme=dark] .sidebar{background-color:#2a2a2a;border-right-color:#333}html[data-theme=dark] .sidebar-link{color:#ccc}html[data-theme=dark] .sidebar-link:hover{color:#646cff;background-color:#333}html[data-theme=dark] .sidebar-link.active{color:#646cff;background-color:#3a3a4a}html[data-theme=dark] .main-content{color:#fff;background-color:#1a1a1a}.company-logo{flex-shrink:0;width:24px;height:24px}html[data-theme=light] .top-navbar{color:#213547;background-color:#c9c9c9}html[data-theme=light] .nav-logo,html[data-theme=light] .hamburger-button,html[data-theme=light] .version-info-btn,html[data-theme=light] .user-name{color:#213547}.login-shell{min-height:100vh}.login-shell-body{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-card{width:100%;max-width:420px}.login-card h2{color:inherit;margin:0 0 .25rem;font-size:1.35rem;font-weight:600}.login-card-sub{opacity:.75;margin:0 0 1.25rem;font-size:.9rem}.login-field{margin-bottom:1rem;font-size:.9rem;display:block}.login-input{width:100%;font:inherit;box-sizing:border-box;border:1px solid #ccc;border-radius:6px;margin-top:.35rem;padding:.65rem .75rem}html[data-theme=dark] .login-input{color:#eee;background-color:#2a2a2a;border-color:#444}.login-error{color:#c62828;margin-bottom:.75rem;font-size:.9rem}.login-submit{font:inherit;cursor:pointer;color:#fff;background-color:#646cff;border:none;border-radius:6px;padding:.65rem 1rem;font-weight:500}.login-submit:hover:not(:disabled){filter:brightness(1.05)}.login-submit:disabled{opacity:.65;cursor:not-allowed}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%;min-height:100vh}@media (width<=768px){*{-ms-overflow-style:none!important;scrollbar-width:none!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}html{-webkit-overflow-scrolling:touch;height:100dvh;min-height:100dvh;font-size:85%;overflow:hidden auto}body{-webkit-overflow-scrolling:touch;height:100dvh;min-height:100dvh;display:block;position:relative;overflow:hidden auto}#root{width:100%;height:100dvh;min-height:100dvh}#root>*{height:100%;min-height:100dvh}input,select,textarea,button{min-width:0;max-width:100%}img,video,iframe{max-width:100%;height:auto}}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}html[data-theme=dark]{color:#ffffffde;background-color:#242424}html[data-theme=light]{color:#213547;background-color:#fff}