@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;color:#333;background:#f5f5f5}h1,h2,h3,h4{margin:0 0 1rem}button{font-family:inherit;font-size:inherit}a{color:#1a237e}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.app-layout{display:flex;height:100vh;overflow:hidden;position:relative}.sidebar{width:240px;background:#1a237e;color:#fff;display:flex;flex-direction:column;transition:width .3s;flex-shrink:0;z-index:100}.sidebar.collapsed{width:64px}.sidebar-header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);gap:.5rem}.logo{font-size:1.8rem}.app-name{font-size:1.2rem;font-weight:700;flex:1}.toggle-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:.25rem}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#fffc;text-decoration:none;transition:background .2s}.nav-item:hover,.nav-item.active{background:#ffffff26;color:#fff}.nav-icon{font-size:1.2rem;min-width:24px;text-align:center}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.username{font-size:.85rem;opacity:.8;display:block;margin-bottom:.5rem}.layout-lang-switcher{display:flex;gap:.4rem;margin-bottom:.75rem}.layout-lang-switcher button{flex:1;padding:.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer}.layout-lang-switcher button.active{background:#fff;color:#1a237e}.logout-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:none;color:#fff;padding:.5rem .75rem;border-radius:6px;cursor:pointer;width:100%}.logout-btn:hover{background:#fff3}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#fff;box-shadow:0 2px 4px #00000014;gap:1rem}.top-bar-right{display:flex;align-items:center;gap:1rem}.page-title{margin:0;color:#1a237e;font-size:1.1rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-area{flex:1;overflow-y:auto;background:#f5f5f5}.user-menu-wrapper{position:relative;display:flex;align-items:center;gap:.4rem;cursor:pointer;padding:.4rem .75rem;border-radius:20px;background:#f0f0f0;-webkit-user-select:none;user-select:none;white-space:nowrap}.user-menu-wrapper:hover{background:#e8eaf6}.user-avatar{font-size:1rem}.user-name{font-size:.85rem;color:#333;font-weight:500}.chevron{font-size:.6rem;color:#888}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:10px;min-width:240px;box-shadow:0 8px 24px #00000026;z-index:500;overflow:hidden;border:1px solid #eee}.dropdown-divider{height:1px;background:#eee}.dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.88rem;color:#333;text-decoration:none;cursor:pointer;width:100%;background:none;border:none;text-align:left}.dropdown-item:hover{background:#f5f5f5}.dropdown-item.logout{color:#c62828}.dropdown-item.logout:hover{background:#ffebee}.mobile-only,.layout-overlay,.bottom-nav{display:none}.toggle-sidebar-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#1a237e;padding:.25rem .5rem;border-radius:4px;line-height:1}.toggle-sidebar-btn:hover{background:#e8eaf6}.lang-switcher-top{display:flex;gap:.4rem}.lang-switcher-top button{padding:.2rem .5rem;background:#e8eaf6;border:none;color:#1a237e;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer}.lang-switcher-top button.active{background:#1a237e;color:#fff}.licence-banner{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;background:#fff8e1;color:#8a6100;border-bottom:1px solid #ffe082}.licence-banner-grace{background:#ffebee;color:#b71c1c;border-bottom-color:#ef9a9a}.licence-banner-icon{font-size:1rem}@media (max-width: 1024px){.sidebar{width:64px}.sidebar .app-name,.sidebar .username,.sidebar .layout-lang-switcher,.sidebar .nav-label{display:none}.sidebar .logout-btn span:last-child{display:none}.desktop-only{display:none}}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px!important;transform:translate(-100%);transition:transform .3s;box-shadow:4px 0 20px #0000004d}.sidebar.mobile-open{transform:translate(0)}.sidebar .app-name,.sidebar .username,.sidebar .layout-lang-switcher,.sidebar .nav-label{display:block!important}.sidebar .logout-btn span:last-child{display:inline!important}.layout-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99}.mobile-only{display:flex}.desktop-only{display:none!important}.main-content{padding-bottom:64px}.top-bar{padding:.75rem 1rem}.page-title{font-size:1rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#1a237e;display:flex;align-items:center;justify-content:space-around;z-index:100;box-shadow:0 -2px 8px #0003}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:#ffffffb3;text-decoration:none;font-size:.6rem;padding:.5rem;flex:1;text-align:center}.bottom-nav-item .nav-icon{font-size:1.3rem}.bottom-nav-item.active{color:#fff}.bottom-nav-label{font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48px}.content-area{padding-bottom:0}}@media (max-width: 480px){.user-name,.bottom-nav-label{display:none}.bottom-nav-item .nav-icon{font-size:1.5rem}}