*{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f4f4}.app-container{display:flex;min-height:100vh}.left-header{width:260px;background-color:#02912d;color:#fff;position:fixed;top:0;left:0;height:100vh;padding:10px 8px;display:flex;flex-direction:column;align-items:center;border-top-right-radius:20px;border-bottom-right-radius:20px;z-index:1000;box-shadow:4px 0 10px #0000001a;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.left-header::-webkit-scrollbar{width:0px;background:transparent;display:none}.content{flex:1;margin-left:260px;padding:20px;min-height:100vh;background-color:#f4f4f4;transition:margin-left .3s ease}.logo-title-container{display:flex;align-items:center;justify-content:center;margin-bottom:10px;padding:0;border-radius:12px;width:100%;height:60px}.header-logo{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:12px}.header-title{font-size:18px;font-weight:700;letter-spacing:1px}.profile-section,.profile-container{text-align:center;margin:8px 0;padding:8px;background-color:#ffffff1a;border-radius:12px;width:100%}.profile-section .label,.profile-container .label{font-size:12px;color:#e0e0e0;margin-bottom:5px}.profile-section .username,.profile-container .username{font-size:13px;font-weight:700;margin:5px 0}.profile-icon{font-size:28px;color:#fff;margin-top:6px;opacity:.9;margin-left:0}.nav-buttons{width:100%;padding:4px 0;flex:1 1 auto;display:flex;flex-direction:column;gap:6px;overflow:visible}.nav-buttons .btn{width:100%;padding:10.45px 18.05px;margin:4px 0;border:none;border-radius:10px;background-color:#ffffffe6;color:#02912d;font-weight:600;font-size:13.54px;display:flex;align-items:center;gap:10.83px;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.nav-buttons .btn:hover{background-color:#017a25;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.nav-buttons .btn i{width:18.05px;font-size:.993em}.btn-back{background-color:#fff3!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;margin-bottom:1rem}.btn-back:hover{background-color:#ffffff4d!important;border-color:#fff6!important;transform:translateY(-2px)}.nav-buttons .btn.active{background-color:#fff!important;color:#02912d!important;font-weight:700;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.logout-container{margin-top:auto;width:100%;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.logout-container .btn{width:100%;padding:12px 20px;margin:8px 0;border:none;border-radius:15px;background-color:#ffffffe6;color:#02912d;font-weight:600;font-size:15px;display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none;transition:all .3s ease}.logout-container .btn:hover{background-color:#017a25;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.info-management-btn{white-space:nowrap}.nav-buttons .btn:nth-child(2){white-space:nowrap}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;background-color:#02912d;color:#fff;z-index:1500;height:60px;padding:10px 20px;align-items:center;justify-content:space-between;box-shadow:0 2px 5px #0003}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#02912d;color:#fff;z-index:2000;flex-direction:column;align-items:center;justify-content:flex-start;padding:30px 20px;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-menu.active{transform:translate(0)}.mobile-nav-buttons{width:100%;padding:20px}.mobile-nav-buttons .btn{width:100%;padding:15px 20px;margin:8px 0;border:none;border-radius:15px;background-color:#ffffffe6;color:#02912d;font-weight:600;font-size:16px;display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.mobile-nav-buttons .btn:hover{background-color:#017a25;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.close-btn-mobile{background:transparent;border:none;color:#fff;font-size:24px;padding:10px;cursor:pointer;transition:transform .2s ease;align-self:flex-end;margin-left:400px}.close-btn-mobile:hover{transform:scale(1.1)}@media (max-width: 768px){.left-header{display:none!important}.content{margin-left:0;padding-top:80px}.mobile-topbar,.mobile-menu{display:flex}}