.language-switcher[data-v-e3e80016]{display:flex;gap:.5rem;align-items:center}.lang-btn[data-v-e3e80016]{background:none;border:2px solid transparent;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s;line-height:1}.lang-btn[data-v-e3e80016]:hover{border-color:#4caf50;transform:scale(1.1)}.lang-btn.active[data-v-e3e80016]{border-color:#4caf50;background-color:#e8f5e9}.modal-overlay[data-v-bbde383d]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-content[data-v-bbde383d]{background:#fff;border-radius:12px;padding:2rem;max-width:450px;width:100%;box-shadow:0 10px 40px #0000004d}.session-warning[data-v-bbde383d]{text-align:center}.warning-icon[data-v-bbde383d]{width:64px;height:64px;margin:0 auto 1.5rem;color:#ff9800}.warning-icon svg[data-v-bbde383d]{width:100%;height:100%}.session-warning h2[data-v-bbde383d]{font-size:1.5rem;margin-bottom:1rem;color:#333}.session-warning p[data-v-bbde383d]{font-size:1rem;color:#666;margin-bottom:1.5rem;line-height:1.5}.countdown[data-v-bbde383d]{margin:2rem 0;display:flex;justify-content:center}.countdown-circle[data-v-bbde383d]{position:relative;width:120px;height:120px}.countdown-circle svg[data-v-bbde383d]{width:100%;height:100%}.countdown-progress[data-v-bbde383d]{transition:stroke-dashoffset 1s linear}.countdown-text[data-v-bbde383d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:#ff9800}.modal-actions[data-v-bbde383d]{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.btn[data-v-bbde383d]{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary[data-v-bbde383d]{background-color:#4caf50;color:#fff}.btn-primary[data-v-bbde383d]:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.modal-enter-active[data-v-bbde383d],.modal-leave-active[data-v-bbde383d]{transition:opacity .3s}.modal-enter-from[data-v-bbde383d],.modal-leave-to[data-v-bbde383d]{opacity:0}.modal-enter-active .modal-content[data-v-bbde383d],.modal-leave-active .modal-content[data-v-bbde383d]{transition:transform .3s}.modal-enter-from .modal-content[data-v-bbde383d],.modal-leave-to .modal-content[data-v-bbde383d]{transform:scale(.9)}@media (max-width: 480px){.modal-content[data-v-bbde383d]{padding:1.5rem}.session-warning h2[data-v-bbde383d]{font-size:1.25rem}.session-warning p[data-v-bbde383d]{font-size:.9rem}.countdown-circle[data-v-bbde383d]{width:100px;height:100px}.countdown-text[data-v-bbde383d]{font-size:1.5rem}.btn[data-v-bbde383d]{padding:.6rem 1.5rem;font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5;overflow-x:hidden}h1,h2{margin-top:0}#app{min-height:100vh;display:flex;flex-direction:column}.top-header{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100}.menu-toggle{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;position:relative}.hamburger{display:block;width:24px;height:2px;background-color:#333;position:relative;transition:background-color .3s}.hamburger:before,.hamburger:after{content:"";display:block;width:24px;height:2px;background-color:#333;position:absolute;left:0;transition:all .3s}.hamburger:before{top:-8px}.hamburger:after{top:8px}.sidebar-open .hamburger{background-color:transparent}.sidebar-open .hamburger:before{top:0;transform:rotate(45deg)}.sidebar-open .hamburger:after{top:0;transform:rotate(-45deg)}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:#4caf50;text-decoration:none;flex:1}.logo-image{height:36px;width:auto}.logo-text{color:#4caf50;display:none}.header-actions{display:flex;align-items:center;gap:1rem}.btn-header{padding:.5rem 1rem;color:#fff;text-decoration:none;border-radius:4px;font-size:.9rem;transition:background-color .3s;white-space:nowrap}.btn-header.btn-primary{background-color:#4caf50}.btn-header.btn-primary:hover{background-color:#45a049}.btn-header.btn-secondary{background-color:transparent;color:#4caf50;border:1px solid #4CAF50}.btn-header.btn-secondary:hover{background-color:#f0f9f0}.user-menu{position:relative}.user-menu-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;color:#333;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.user-menu-button:hover{border-color:#4caf50;box-shadow:0 2px 8px #4caf5026}.user-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis}.dropdown-icon{transition:transform .2s;color:#666}.dropdown-icon.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:200px;z-index:1000;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-dropdown .menu-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#333;text-decoration:none;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background-color .15s;font-size:.9rem}.user-menu-dropdown .menu-item:hover{background-color:#f8f9fa}.user-menu-dropdown .menu-item .menu-icon{width:20px;height:20px;color:#666;flex-shrink:0}.user-menu-dropdown .menu-item.logout{color:#e74c3c;border-top:1px solid #f0f0f0}.user-menu-dropdown .menu-item.logout .menu-icon{color:#e74c3c}.user-menu-dropdown .menu-item.logout:hover{background-color:#fff5f5}.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px;background-color:#2c3e50;padding-top:70px;transition:left .3s ease;z-index:99;overflow-y:auto}.sidebar-open .sidebar{left:0}.sidebar-nav{display:flex;flex-direction:column;padding:1rem 0}.nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#ecf0f1;text-decoration:none;transition:background-color .3s;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:1rem}.nav-item:hover{background-color:#34495e}.nav-item.router-link-active{background-color:#4caf50;border-left:4px solid #45a049}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:100%;height:100%;color:#ecf0f1;transition:color .3s}.nav-item:hover .nav-icon svg{color:#4caf50}.nav-item.router-link-active .nav-icon svg{color:#fff}.nav-text{flex:1}.nav-divider{height:1px;background-color:#34495e;margin:1rem 1.5rem}.nav-item.admin-item{background-color:#3498db1a}.nav-item.admin-item:hover{background-color:#3498db33}.nav-item.admin-item.router-link-active{background-color:#3498db;border-left:4px solid #2980b9}.nav-item.admin-item:hover .nav-icon svg{color:#3498db}.nav-item.admin-item.router-link-active .nav-icon svg{color:#fff}.nav-spacer{flex:1}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:98;display:none}.sidebar-open .sidebar-overlay{display:block}.main-content{flex:1;padding:1rem;transition:margin-left .3s ease}.main-content.with-sidebar{margin-left:0}.footer{background-color:#2c3e50;color:#ecf0f1;padding:1.5rem;text-align:center;transition:margin-left .3s ease}.footer.with-sidebar{margin-left:0}.footer-link{color:#3498db;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#5dade2;text-decoration:underline}@media (min-width: 768px){.logo-text{display:inline}.menu-toggle{display:none}.sidebar{left:0;padding-top:80px}.sidebar-overlay{display:none!important}.main-content.with-sidebar,.footer.with-sidebar{margin-left:280px}}@media (min-width: 1200px){.main-content{padding:1.5rem}}@media (max-width: 767px){.top-header{padding:.75rem}.logo{font-size:1rem}.logo-image{height:32px}.main-content{padding:.75rem}.btn-header{padding:.4rem .8rem;font-size:.85rem}}img{max-width:100%;height:auto}@media (max-width: 767px){table{display:block;overflow-x:auto;white-space:nowrap}}