.layout_main_wrap{height:100vh;width:100%;overflow:hidden}.layout_main_wrap .layout_container{display:flex;flex-direction:row;height:100vh;width:100%}.layout_main_wrap .layout_container .main_content_area{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:margin-left .3s ease;margin-left:280px}.layout_main_wrap .layout_container .main_content_area .page_content_wrap{flex:1;padding:24px;background-color:#f9fafb;overflow-y:auto;height:calc(100vh - 70px)}.layout_main_wrap .layout_container .main_content_area .page_content_wrap .page_content{height:100%;padding:0;overflow-y:visible}.layout_main_wrap .layout_container .main_content_area .page_content_wrap:has(.execution_details_page){padding:0;overflow:hidden}.layout_main_wrap .layout_container .main_content_area .page_content_wrap:has(.execution_details_page) .page_content{overflow:hidden}.layout_main_wrap .layout_container.sidebar_collapsed .main_content_area{margin-left:80px}.header_wrap{height:70px;width:100%;background-color:#fff;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05)}.header_wrap .header_left{display:flex;align-items:center;gap:20px}.header_wrap .header_left .sidebar_toggle_btn{display:flex;align-items:center;justify-content:center;background-color:#319eff;border:none;cursor:pointer;border-radius:50%;color:#fff;transition:all .2s ease;width:32px;height:32px;flex-shrink:0}.header_wrap .header_left .sidebar_toggle_btn:hover{background-color:#2370b5;transform:scale(1.05)}.header_wrap .header_left .sidebar_toggle_btn:active{transform:scale(.98)}.header_wrap .header_left .sidebar_toggle_btn svg{font-size:18px}.header_wrap .header_left .logo_img{height:40px;width:auto;display:flex;align-items:center;justify-content:center;cursor:pointer}.header_wrap .header_right{display:flex;align-items:center;gap:28px}.header_wrap .header_right .notification_box{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.header_wrap .header_right .notification_box:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.header_wrap .header_right .notification_box:active{transform:translateY(0)}.header_wrap .header_right .notification_box svg{width:20px;height:20px;color:#6b7280;transition:color .2s ease}.header_wrap .header_right .notification_box:hover svg{color:#319eff}.header_wrap .header_right .notification_box .notification_badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center;border-radius:10px;border:2px solid #fff;box-shadow:0 2px 4px rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.header_wrap .header_right .divider{height:28px;width:1px;background-color:#d5e1ec;flex-shrink:0;align-content:stretch}.header_wrap .header_right .user_info{display:flex;align-items:center;gap:12px}.header_wrap .header_right .user_info .user_img{height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.header_wrap .header_right .user_info .user_detail{display:flex;gap:16px;align-items:center}.header_wrap .header_right .user_info .user_detail .left{display:flex;flex-direction:column;gap:2px}.header_wrap .header_right .user_info .user_detail .left .user_name{color:#1f2937;font-size:14px;line-height:20px;font-weight:600;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header_wrap .header_right .user_info .user_detail .left .user_role{color:#6b7280;font-size:12px;line-height:16px}